@charset "UTF-8";

html {
    font-size: 62.5%;
}
body {
    min-height: 100vh;
    background-color: #fff;
    color: #2b2b2b;
    font-family: sans-serif;
    font-size: 1.6rem;
    -webkit-text-size-adjust: 100%;
    line-height: 1;
}
*, *::before, *::after {
    box-sizing: border-box;
}
.clearfix::after {
    content: '';
    display: block;
    clear: both;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    image-rendering: -webkit-optimize-contrast;
    flex-shrink: 0;
}
a:hover {
    opacity: 0.6;
}

.wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.scroll table{
width:90%;
 margin: 0 auto 50px auto;
}
.scroll{
overflow: auto;/*tableをスクロールさせる*/
white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
}
/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar{
 height: 5px;
}
/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

.speck{
  border-collapse: collapse;
  width: 80%;
  margin: 0 auto 50px auto;
 
}

.speck th,
.speck td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
}
.speck th {
  background: #2569A0;
  color: #fff;
  
}
@media screen and (max-width: 640px) {
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}


#main {
    position: relative;
    width: 100%;
    background-color: #deebf4;
    background-image: url("../img/img_bg.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
}
#main header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;;
}
#main .applyMeeting {
    position: absolute;
    bottom: -63px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-flex;
    width: 850px;
    border: 1px solid #027fcc;
    justify-content: center;
    align-items: center;
    padding: 30px;
    background-color: #fff;
    z-index: 10;
}
#main .applyMeeting .copy {
    margin-right: 50px;
    font-size: 1.8rem;
    line-height: 1.8;
}
#main .applyMeeting .applyBnr a {
    display: inline-block;
    padding: 20px 40px;
    background-color: #005bab;
    color: #fff;
    font-size: 2rem;
}
#main header .headerArea {
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    margin: 0 auto;
}
#main header .headerArea .logo {
    width: 180px;
}
#main header .headerArea .infoBox ul {
    display: flex;
    align-items: center;
}
#main header .headerArea .infoBox ul .bnrBox {
    margin-right: 45px;
}
#main header .headerArea .infoBox .bnrBox .bnrBoxInner {
    display: flex;
}
#main header .headerArea .infoBox .bnrBox .bnrBoxInner .btn01 {
    margin-right: 20px;
}
#main header .headerArea .infoBox .bnrBox .bnrBoxInner .btn01 a {
    display: inline-block;
    padding: 8px 30px;
    border: 1px solid #fff;
    border-radius: 20px;
    background-color: #07579f;
    color: #fff;
    font-size: 1.4rem;
}
#main header .headerArea .infoBox .bnrBox .bnrBoxInner .btn02 a {
    display: inline-block;
    padding: 7px 30px;
    border: 1px solid #fff;
    border-radius: 20px;
    background-color: #f2b620;
    color: #fff;
    font-size: 1.4rem;
}
#main header .headerArea .infoBox .bnrBox .bnrBoxInner .btn02 a::before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 16px;
    margin-right: 20px;
    background-image: url("../img/img_mail_icon.png");
    vertical-align: bottom;
}
#main header .headerArea .infoBox .pocBox {
    margin-left: 20px;
}
#main header .headerArea .infoBox .pocBox .pocBoxInner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#main header .headerArea .infoBox .pocBox .pocBoxInner .telllNum {
    margin-bottom: 10px;
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: 0.05em;
}
#main header .headerArea .infoBox .pocBox .pocBoxInner .telllNum::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 31px;
    margin-right: 8px;
    background-image: url("../img/img_icon_tel.png");
    vertical-align: bottom;
}
#main header .headerArea .infoBox .pocBox .pocBoxInner .hoursOpen {
    font-size: 1.5rem;
}

#main .machine {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 600px;
}
#main .contents {
    width: calc(100% - 180px);
    margin: 0 auto;
    padding: 200px 0 160px;
}
#main .contents .contentsInner {
    display: flex;
    flex-direction: column;
}
#main .contents .contentsInner li .mainTtl {
    margin-bottom: 30px;
    color: #fff;
    font-size: 5rem;
}
#main .contents .contentsInner li .copy {
    display: flex;
    margin-bottom: 30px;
}
#main .contents .contentsInner li .copy li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 168px;
    height: 168px;
    margin-right: 20px;
    border-radius: 50%;
    background-color: #fff;
}
#main .contents .contentsInner li .copy li:last-child {
    margin-right: 0;
}
#main .contents .contentsInner li .copy span {
    display: block;
    color: #07569f;
    font-size: 3.6rem;
    text-align: center;
    font-weight: bold;
}
#main .contents .contentsInner li .copy span {
    margin-bottom: 5px;
}
#main .contents .contentsInner li .copy span:last-child {
    margin-bottom: 0;
}

#main .contents .contentsInner li .subTxt {
    margin-bottom: 60px;
    color: #fff;
    font-size: 2rem;
    line-height: 1.8;
}
#main .contents .contentsInner li .subTxt .br01 {
    display: none;
}
#main .contents .contentsInner li .mainTxt {
    margin-bottom: 68px;
    font-size: 2.4rem;
    line-height: 1.8;
}
#main .contents .contentsInner li .applyBnr a {
    display: inline-block;
    padding: 20px;
    border-radius: 40px;
    background-color: #fff;
    color: #07569f;
    font-size: 2.5rem;
    font-weight: bold;
}
@media screen and (max-width: 1300px) {
    #main .machine {
        width: 46%;
        bottom: 5%;
    }
    #main header .headerArea .infoBox > ul {
        flex-direction: column;
        width: 100%;
    }
    #main header .headerArea .infoBox ul .bnrBox {
        order: 2;
        width: 100%;;
        margin-right: 0;
    }
    #main header .headerArea .infoBox .pocBox .pocBoxInner {
        align-items: flex-end;
    }
    #main header .headerArea .infoBox ul .pocBox {
        order: 1;
        justify-content: flex-end;
        align-items: flex-end;
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 1240px) {
    #main header .headerArea {
        padding: 20px;
    }
}
@media screen and (max-width: 850px) {
    #main .applyMeeting {
        bottom: -50px;
        width: 85%;
        padding: 20px;
    }
    #main .applyMeeting .copy {
        margin-right: auto;
        font-size: 1.6rem;
    }
    #main .applyMeeting .applyBnr a {
        font-size: 1.8rem;
    }
    #main .applyMeeting .applyBnr {
        text-align: center;
    }
}
@media screen and (max-width: 768px) {
    #main .applyMeeting {
        display: block;
        width: 80%;
        bottom: -82px;
    }
    #main .applyMeeting .copy {
        margin-bottom: 15px;
        text-align: center;
        line-height: 1.4;
    }
    #main .machine {
        display: none;
    }
    #main header .headerArea {
        padding: 15px 10px 0;
    }
    #main header .headerArea .btn01 a {
        font-size: 1.5rem;
    }
    #main header .headerArea .logo {
        align-self: flex-start;
        margin-top: 3%;
        width: 120px;
    }
    #main header .headerArea .infoBox .pocBox .pocBoxInner .telllNum {
        width: 100%;
        text-align: right;
        font-size: 2rem;
        letter-spacing: 1;
    }
    #main header .headerArea .infoBox .pocBox .pocBoxInner .hoursOpen {
        font-size: 1.2rem;
    }
    #main header .headerArea .infoBox .bnrBox .bnrBoxInner .btn01 a {
        padding: 8px 20px
    }
    #main header .headerArea .infoBox .bnrBox .bnrBoxInner .btn02 a {
        padding: 7px 20px;
    }
    #main header .headerArea .infoBox .bnrBox .bnrBoxInner .btn02 a::before {
        margin-right: 10px;
    }
    #main .contents {
        width: 100%;
        margin: 0 auto;
        padding: 150px 20px 25%;
    }
    #main .contents .contentsInner li .mainTtl {
        font-size: 5vw;
        line-height: 1.8;
    }
    #main .contents .contentsInner li .subTxt {
        margin-bottom: 30px;
        font-size: 1.6rem;
        line-height: 1.8;
    }
    #main .contents .contentsInner li .subTxt .br01 {
        display: block;
    }
    #main .contents .contentsInner li .mainTxt {
        margin-bottom: 30px;
        font-size: 3.8vw;
        line-height: 1.6;
    }
    #main .contents .contentsInner li .applyBnr a {
        font-size: 2.2rem;
    }
    #main .contents .contentsInner li {
        text-align: center;
    }
    #main .contents .contentsInner li .copy {
        justify-content: center;
    }
    #main .contents .contentsInner li .copy li {
        width: 120px;
        height: 120px;
    }
    #main .contents .contentsInner li .copy span {
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 480px) {
    #main .contents {
        padding: 180px 20px 25%;
    }
    #main header .headerArea {
        flex-direction: column;
        padding: 10px 10px 0;
    }
    #main header .headerArea .logo {
        margin-bottom: 10px;
        align-self: center;
    }
    #main header .headerArea .infoBox .pocBox .pocBoxInner .telllNum {
        text-align: center;
        margin-bottom: 5px;
    }
    #main header .headerArea .infoBox .pocBox .pocBoxInner {
        align-items: center;
    }
    #main .contents .contentsInner li .copy li {
        width: 100px;
        height: 100px;
    }
    #main .contents .contentsInner li .copy span {
        font-size: 2rem;
    }
    #main .contents .contentsInner li .mainTtl {
        font-size: 2.8rem;
        line-height: 1.6;
    }
    #main .contents .contentsInner li .subTxt {
        font-size: 1.5rem;
    }
    #main .contents .contentsInner li .mainTxt {
        font-size: 2rem;
        letter-spacing: -0.02em;
    }
    #main .applyMeeting {
        width: 90%;
        padding: 15px;
    }
}

#tags {
    position: relative;
    width: 100%;
    background-color: #8fb8cc;
}
#tags .contents {
    padding: 115px 0 75px;
}
#tags .contents .tagBox {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
#tags .contents .tagBox > li:first-child {
    width: 160px;
    border-right: 1px solid #fff;
}
#tags .contents .tagBox > li:last-child {
    width: calc(100% - 160px);
    padding-left: 70px;
}
#tags .contents .tagBox li .mainTtl {
    display: inline-block;
    color: #fff;
    font-size: 4.2rem;
    font-weight: normal;
    line-height: 2;
}
#tags .contents .tagBox li .eachTags {
    display: flex;
    flex-wrap: wrap;
}
#tags .contents .tagBox li .eachTags li {
    margin-right: 8px;
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.8;
}

@media screen and (max-width: 1240px) {
    #tags .contents {
        padding: 115px 20px 75px;
    }
}
@media screen and (max-width: 768px) {
    #tags .contents {
        padding: 100px 10px 5%;
    }
    #tags .contents .mainTtl {
        font-size: 5.5vw;
    }
    #tags .contents .tagBox {
        flex-direction: column;
    }
    #tags .contents .tagBox > li {
        width: 100%;
        text-align: center;
    }
    #tags .contents .tagBox > li:first-child {
        width: 90%;
        margin: 0 auto 15px;
        border-right: none;
        border-bottom: 1px solid #fff;
    }
    #tags .contents .tagBox > li:last-child {
        width: 90%;
        margin: 0 auto;
        padding-left: 0;
    }
    #tags .contents .tagBox li .mainTtl {
        padding-right: 0;
        font-size: 2.8rem;
    }
    #tags .contents .tagBox li .eachTags {
        justify-content: center;
    }
    #tags .contents .tagBox li .eachTags li {
        font-size: 1.8rem;
    }
}

#approach .contents {
    padding: 68px 0 140px;
    text-align: center;
}
#approach .contents .mainTtl {
    display: inline-block;
    margin-bottom: 40px;
    padding: 0 10px;
    color: #515151;
    font-size: 3.4rem;
    background: linear-gradient(transparent 60%, #aceef9 60%);
    line-height: 1.2;
}
#approach .contents .mainTtl .br01 {
    display: none;
}
#approach .contents .mainTxt {
    margin-bottom: 56px;
    font-size: 1.8rem;
}
#approach .contents .approachBox {
    display: flex;
    justify-content: space-between;
}
#approach .contents .approachBox li {
    width: 31%;
}
#approach .contents .approachBox li figure {
    margin-bottom: 20px;
}
#approach .contents .approachBox li p {
    color: #000;
    font-size: 1.8rem;
    line-height: 1.8;
}
#approach .contents .mainTxt .br01 {
    display: block
}
#approach .contents .mainTxt .br01 {
    display: none;
}
@media screen and (max-width: 1240px) {
    #approach .contents {
        padding: 68px 20px 90px;
    }
}
@media screen and (max-width: 1170px) {
    #approach .contents .approachBox {
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto;
    }
    #approach .contents .approachBox li {
        width: 100%;
        margin-bottom: 4%;
    }
    #approach .contents .approachBox li figure {
        margin-bottom: 15px;
    }
    #approach .contents .approachBox li p {
        font-size: 1.6rem;
        line-height: 1.5;
    }
    
    #approach .contents .approachBox li {
        width: 48%;
    }
    #approach .contents .approachBox li p {
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 768px) {
    #approach .contents {
        padding: 10% 10px 7%;
    }
    #approach .contents .approachBox {
        flex-direction: column;
    }
    #approach .contents .approachBox li {
        width: 90%;
        margin: 0 auto 20px;
    }
    #approach .contents .mainTtl {
        margin-bottom: 20px;
        font-size: 2.8rem;
        background: none;
        line-height: 1.5;
    }
    #approach .contents .mainTtl span {
        padding: 0 5px;
        background: linear-gradient(transparent 60%, #aceef9 60%);
    }
    #approach .contents .mainTtl .br01 {
        display: block;
    }
    #approach .contents .mainTxt {
        margin-bottom: 30px;
        font-size: 1.6rem;
        line-height: 1.5;
    }
}
@media screen and (max-width: 480px) {
    #tags .contents {
        padding: 28% 10px 8%;
    }
    #approach .contents .mainTxt .br01 {
        display: block
    }
    #approach .contents .approachBox li p {
        font-size: 1.6rem;
        line-height: 1.2;
        text-align: left;
    }
    #approach .contents .approachBox li p br {
        display: none;
    }
}

#features {
    position: relative;
    width: 100%;
    background-color: #05cccc;
}
#features .triangleShape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 100px solid transparent;
    border-left: 100px solid transparent;
    border-top: 50px solid #fff;
}
#features .contents {
    padding: 124px 0;
}
#features .contents .productBox {
    display: flex;
}
#features .contents .productBox .productInfo {
    width: 50%;
    padding-right: 5%;
}
#features .contents .productBox .productInfo .mainTtl {
    margin-bottom: 30px;
    color: #fff;
    font-size: 3rem;
    line-height: 2;
}
#features .contents .productBox .productInfo .mainTxt {
    color: #fff;
    font-size: 1.8rem;
    line-height: 2;
}
#features .contents .productBox .productImage {
    width: 50%;
    padding: 0 40px 0 5%;
}
#features .contents .productBox .productInfo .mainTxt .br01 {
    display: none;
}
@media screen and (max-width: 1240px) {
    #features .contents {
        padding: 10% 20px;
    }
    #features .contents .productBox {
        flex-direction: column;
        align-items: center;
    }
    #features .contents .productBox .productInfo {
        width: 80%;
        padding-right: 0;
        text-align: center;
    }
    #features .contents .productBox .productImage {
        width: 80%;
        padding: 0;
        text-align: center;
    }
    #features .contents .productBox .productInfo .mainTtl {
        margin-bottom: 30px;
        line-height: 1.5;
    }
    #features .contents .productBox .productInfo .mainTxt {
        margin-bottom: 9%;
    }
}
@media screen and (max-width: 1075px) {
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt .featureInfoTxt2 {
        padding-left: 0;
    }
}
@media screen and (max-width: 768px) {
    #features .triangleShape {
        border-right: 60px solid transparent;
        border-left: 60px solid transparent;
        border-top: 30px solid #fff;
    }
    #features .contents {
        padding: 14% 10px 12%;
    }
    #features .contents .productBox {
        flex-direction: column;
    }
    #features .contents .productBox .productInfo {
        width: 100%;
    }
    #features .contents .productBox .productImage {
        width: 80%;
    }
    #features .contents .productBox .productInfo .mainTxt {
        text-align: left;
    }
    #features .contents .productBox .productInfo .mainTxt br {
        display: none;
    }
}
@media screen and (max-width: 600px) {
    #features .contents .productBox .productInfo .mainTtl {
        font-size: 5vw;
    }
    #features .contents .productBox .productInfo .mainTxt {
        font-size: 1.6rem;
        line-height: 1.8;
    }
    .contents .productBox .productInfo .mainTxt {
        margin-bottom: 6%;
    }
    
}
@media screen and (max-width: 530px) {
    #features .contents .productBox .productInfo .mainTxt .br01 {
        display: block;
    }
}

#appeal {
    position: relative;
    width: 100%;
    background-color: #fff;
}
#appeal .contents {
    padding: 120px 0 230px;
}
#appeal .contents .contentsBox .mainTtl {
    margin-bottom: 15px;
    color: #005bab;
    font-size: 3.6rem;
    text-align: center;
}
#appeal .contents .contentsBox .mainTtl.typeB {
    margin-bottom: 20px;
    color: #3a3a3a;
}
#appeal .contents .contentsBox .subTtl {
    margin-bottom: 50px;
    color: #005bab;
    font-size: 1.8rem;
    text-align: center;
}
#appeal .contents .contentsBox .mainTxt {
    margin-bottom: 50px;
    color: #8e8e8e;
    font-size: 1.6rem;
    text-align: center;
}
#appeal .contents .contentsBox .featuresBox {
    display: flex;
    justify-content: space-between;
}
#appeal .contents .contentsBox .featuresBox.first {
    margin-bottom: 90px;
}
#appeal .contents .contentsBox .featuresBox.second {
    margin-bottom: 70px;
}
#appeal .contents .contentsBox .featuresBox.third {
    margin-bottom: 120px;
}
#appeal .contents .contentsBox .featuresBox .featureInfo {
    width: 50%;
    padding-right: 5%;
}
#appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 25px;
}
#appeal .contents .contentsBox .featuresBox .num {
    margin-right: 23px;
    color: #f7d50f;
    font-size: 6.2rem;
}
#appeal .contents .contentsBox .featuresBox .ttl {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
#appeal .contents .contentsBox .featuresBox .mainTtl {
    margin-bottom: 5px;
    color: #515151;
    font-size: 3.6rem;
    line-height: 1.2;
    text-align: left;
    font-weight: bold
}
#appeal .contents .contentsBox .featuresBox .mainTtl .br01 {
    display: none;
}
#appeal .contents .contentsBox .featuresBox .subTtl {
    margin-bottom: 0;
    font-size: 2.2rem;
    line-height: 1.2;
    text-align: left;
    font-weight: bold;
}
#appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt {
    padding-left: 100px;
}

#appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt2 {
    padding-left: 0px;
}

#appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt p {
     color: #1e1e1e;
	font-size: 1.8rem;
    line-height: 1.8;
}
#appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt2 p {
     color: #1e1e1e;
	font-size: 1.8rem;
    line-height: 1.8;
}

#appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt .featureInfoTxt .ttl {
    margin-bottom: 12px;
    color: #515151;
    font-size: 1.8rem;
    line-height: 1.4;
}
#appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br01 {
    display: block;
}
#appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br02 {
    display: block;
}
#appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br03 {
    display: none;
}
#appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt.first {
    margin-bottom: 25px;
}
#appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt .note {
    font-size: 1.2rem;
}
#appeal .contents .contentsBox .featuresBox .featureImage {
    width: 50%;
    padding-left: 5%;
}

#appeal .contents .contentsBox .featuresBox .featureImage2 {
    width: 70%;
    padding-left: 5%;
}

#appeal .contents .contentsBox .featuresBox .featureImage .featureImageBox {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 20px;
}
#appeal .contents .contentsBox .featuresBox .featureImage .featureImageBox li:first-child {
    margin-bottom: 50px;
}
#appeal .contents .contentsBox .featuresBox .featureImage2 .featureImageBox {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 20px;
}
#appeal .contents .contentsBox .featuresBox .featureImage2 .featureImageBox li:first-child {
    margin-bottom: 50px;
}

#appeal .contents .contentsBox .featuresBox.reverse .featureInfo {
    order: 2;
    padding: 0 0 0 5%;
}
#appeal .contents .contentsBox .featuresBox.reverse .featureImage {
    order: 1;
    padding-left: 0;
    padding-right: 5%;
}
#appeal .contents .contentsBox .featuresBox.reverse .featureImage2 {
    order: 1;
    padding-left: 0;
    padding-right: 5%;
}
#appeal .contents .contentsBox .featuresBox.environment {
    margin-bottom: 150px;
}
#appeal .contents .contentsBox .featuresBox .forEnvironment {
    width: 100%;
    padding: 45px;
    border: 1.5px solid #00a487;
    background-color: #c3e3ca;
    background-image: url("../img/img_environment.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
}
#appeal .contents .contentsBox .featuresBox .forEnvironment .mainTtl {
    margin-bottom: 30px;
    color: #00a487;
    font-size: 2.8rem;
}
#appeal .contents .contentsBox .featuresBox .forEnvironment .subTxt {
    margin-bottom: 30px;
    font-size: 1.6rem;
    line-height: 1.8;
}
#appeal .contents .contentsBox .featuresBox .forEnvironment .lnkBnr a {
    display: inline-block;
    padding: 20px 40px;
    background-color: #01a487;
    color: #fff;
    font-size: 2rem;
}
#appeal .contents .contentsBox .featuresBox .forEnvironment .lnkBnr a br {
    display: none;
}


#appeal .contents .contentsBox .featuresBox .forEnvironment .lnkBnr a br {
    display: none;
}


#appeal .contents .contentsBox .btnBox {
    display: flex;
    justify-content: center;
}
#appeal .contents .contentsBox .btnBox .btn01 {
    width: 290px;
    margin-right: 90px;
}
#appeal .contents .contentsBox .btnBox .btn01 a {
    display: inline-block;
    width: 100%;
    padding: 12px 0;
    border-radius: 20px;
    background-color: #07579f;
    color: #fff;
    font-size: 2rem;
    text-align: center;
}
#appeal .contents .contentsBox .btnBox .btn02 {
    width: 290px;
}
#appeal .contents .contentsBox .btnBox .btn02 a {
    display: inline-block;
    width: 100%;
    padding: 12px 0 11px;
    border-radius: 20px;
    background-color: #f78014;
    color: #fff;
    font-size: 2rem;
    text-align: center;
}
#appeal .contents .contentsBox .btnBox .btn02 a::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 21px;
    margin-right: 20px;
    background-image: url("../img/img_icon_mail_02.png");
    vertical-align: top;
}
#appeal .contents .contentsBox.second {
    margin-bottom: 90px;
}
#appeal .contents .contentsBox .cases .mainTxt .br01 {
    display: none;
}

#appeal .contents .casesBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#appeal .contents .casesBox li {
    width: 30%;
}
#appeal .contents .casesBoxInterim {
    width: 100%;;
}
#appeal .contents .contentsBox .mainTxt p .br01 {
    display: none;
}
@media screen and (max-width: 1240px) {
    #appeal .contents {
        padding: 80px 20px 100px;
    }
    #appeal .contents .contentsBox .featuresBox {
        justify-content: space-between;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo {
        width: 48%;
        padding-right: 0;
    }
    #appeal .contents .contentsBox .featuresBox .featureImage {
        width: 48%;
        padding: 0 20px;
    }
	 #appeal .contents .contentsBox .featuresBox .featureImage2 {
        width: 68%;
        padding: 0 20px;
    }
    #appeal .contents .contentsBox .mainTxt {
        margin-bottom: 60px;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .num {
        font-size: 3.6rem;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl {
        font-size: 2.4rem;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt {
        padding-left: 90px;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt p {
        font-size: 1.6rem;
        line-height: 1.5;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl {
        margin-bottom: 20px;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt.first {
        margin-bottom: 20px;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt .ttl {
        margin-bottom: 8px;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt {
        padding-left: 68px;
    }
    #appeal .contents .contentsBox .featuresBox {
        margin-bottom: 70px;
    }
    #appeal .contents .contentsBox .featuresBox.reverse .featureImage {
        padding: 0 20px;
    }
    #appeal .contents .contentsBox .featuresBox.reverse .featureImage2 {
        padding: 0 20px;
    }
    #appeal .contents .contentsBox .featuresBox.reverse .featureInfo {
        padding: 0;
    }
    #appeal .contents .contentsBox .featuresBox:last-child {
        margin-bottom: 100px;
    }
    #appeal .contents .contentsBox.second {
        margin-bottom: 100px;
    }
    #appeal .contents .contentsBox .mainTtl.typeB {
        margin-bottom: 15px;
    }
    #appeal .contents .contentsBox .subTtl {
        margin-bottom: 25px;
    }
    
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl {
        margin-bottom: 10px;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt.first {
        margin-bottom: 10px;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt .ttl {
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 1000px) {
    #appeal .contents .contentsBox .featuresBox .mainTtl .br01 {
        display: none;
    }
}
@media screen and (max-width: 955px) {
    #appeal .contents .contentsBox .featuresBox {
        flex-direction: column;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo {
        width: 80%;
        margin-bottom: 40px;
    }
    #appeal .contents .contentsBox .featuresBox .featureImage {
        width: 80%;
        padding: 0;
        align-self: center;
        text-align: center;
    }
    #appeal .contents .contentsBox .featuresBox .featureImage2 {
        width: 80%;
        padding: 0;
        align-self: center;
        text-align: center;
    }	
    #appeal .contents .contentsBox .featuresBox.reverse .featureInfo {
        order: 1;
    }
    #appeal .contents .contentsBox .featuresBox.reverse .featureImage {
        order: 2;
    }
    #appeal .contents .contentsBox .featuresBox.reverse .featureImage2 {
        order: 2;
    }	
    #appeal .contents .contentsBox .featuresBox .featureInfo {
        align-self: center;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br01 {
        display: none;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br02 {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    #appeal .contents {
        padding: 9% 20px 7%;
    }
    #appeal .contents .contentsBox .featuresBox {
        margin-bottom: 10%;
    }
    #appeal .contents .casesBox {
        flex-wrap: wrap;
    }
    #appeal .contents .contentsBox .mainTxt {
        margin-bottom: 40px;
        line-height: 1.3;
    }
    #appeal .contents .casesBox li {
        width: 48%;
        padding: 0 20px;
        margin-bottom: 30px;
    }
    #appeal .contents .contentsBox .featuresBox .mainTtl {
        font-size: 2.8rem;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo {
        width: 100%;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo {
        margin-bottom: 5%;
    }
    #appeal .contents .contentsBox.second {
        margin-bottom: 20%;
    }
    #appeal .contents .contentsBox .featuresBox:last-child {
        margin-bottom: 20%;
    }
    #appeal .contents .contentsBox .featuresBox .featureImage {
        width: 100%;
    }
    #appeal .contents .contentsBox .featuresBox .featureImage2 {
        width: 100%;
    }	
    #appeal .contents .contentsBox .featuresBox.first {
        margin-bottom: 45px;
    }
    #appeal .contents .contentsBox .featuresBox .forEnvironment {
        padding: 15px 15px 45%;
        background-position: bottom right;
        background-size: 70%;
    }
    #appeal .contents .contentsBox .featuresBox.environment {
        margin-bottom: 70px;
    }
    #appeal .contents .contentsBox .featuresBox .forEnvironment .mainTtl {
        margin-bottom: 15px;
        font-size: 2.4rem;
    }
    #appeal .contents .contentsBox .featuresBox .forEnvironment .subTxt {
        margin-bottom: 15px;
        font-size: 1.4rem;
        line-height: 1.6;
    }
    #appeal .contents .contentsBox .featuresBox .forEnvironment .lnkBnr {
        text-align: center;
    }
    #appeal .contents .contentsBox .featuresBox .forEnvironment .lnkBnr a {
        font-size: 1.6rem;
    }
	
    #appeal .contents .contentsBox .featuresBox.environment {
        margin-bottom: 70px;
    }

	
	
    #appeal .contents .contentsBox .cases .mainTxt .br01 {
        display: block;
    }
    #appeal .contents .contentsBox .btnBox {
        justify-content: space-around;
    }
    #appeal .contents .contentsBox .btnBox .btn01 {
        margin-right: 0;
    }
}
@media screen and (max-width: 660px) {
    #appeal .contents .contentsBox .btnBox {
        flex-direction: column;
        align-items: center;
    }
    #appeal .contents .contentsBox .btnBox .btn01 {
        width: 380px;
        margin-bottom: 20px;
    }
    #appeal .contents .contentsBox .btnBox .btn02 {
        width: 380px
    }
}
@media screen and (max-width: 550px) {
    #appeal .contents .contentsBox .mainTxt p .br01 {
        display: block;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br02 {
        display: block;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br01 {
        display: block;
    }
}
@media screen and (max-width: 480px) {
    #appeal .contents .contentsBox .featuresBox .featureInfo {
        width: 100%;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt {
        padding-left: 0;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br01 {
        display: none;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br02 {
        display: block;
    }
    #appeal .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br03 {
        display: block;
    }
    #appeal .contents .contentsBox .btnBox .btn01,
    #appeal .contents .contentsBox .btnBox .btn02 {
        width: 300px;
    }
    #appeal .contents .casesBox {
        flex-direction: column;
    }
    #appeal .contents .casesBox li {
        width: 100%;
    }
    #appeal .contents .contentsBox .featuresBox .featureImage {
        width: 100%;
        padding: 0;
    }
    #appeal .contents .contentsBox .featuresBox.reverse .featureImage {
        width: 100%;
        padding: 0;;
    }
    #appeal .contents .contentsBox .featuresBox .featureImage2 {
        width: 100%;
        padding: 0;
    }
    #appeal .contents .contentsBox .featuresBox.reverse .featureImage2 {
        width: 100%;
        padding: 0;;
    }	
    .featureInfo .featureInfoTtl .ttl .br01 {
        display: none;
    }
    #appeal .contents .contentsBox .featuresBox .forEnvironment .lnkBnr a {
        padding: 15px;
        line-height: 1.5;
    }
    #appeal .contents .contentsBox .featuresBox .forEnvironment .lnkBnr a br {
        display: block;
    }

    
}


/* 導入事例  */

#caseback {
    position: relative;
    width: 100%;
    background-color:#3d84a8;
}
#caseback .contents {
    padding: 120px 0 230px;
}
#caseback .contents .contentsBox .mainTtl {
    margin-bottom: 15px;
    color: #fff;
    font-size: 3.6rem;
    text-align: center;
}

#caseback .contents .contentsBox .mainTtl.typeB {
    margin-bottom: 20px;
    color: #fff;
}
#caseback .contents .contentsBox .subTtl {
    margin-bottom: 50px;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
}


#caseback .contents .contentsBox .mainTxt {
    margin-bottom: 50px;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
}

#caseback .contents .contentsBox .featuresBox {
    display: flex;
    justify-content: space-between;
}
#caseback .contents .contentsBox .featuresBox.first {
    margin-bottom: 90px;
}
#caseback .contents .contentsBox .featuresBox.second {
    margin-bottom: 70px;
}
#caseback .contents .contentsBox .featuresBox.third {
    margin-bottom: 120px;
}
#caseback .contents .contentsBox .featuresBox .featureInfo {
    width: 50%;
    padding-right: 5%;
}
#caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 25px;
}

#caseback .contents .contentsBox .featuresBox .ttl {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
#caseback .contents .contentsBox .featuresBox .mainTtl {
    margin-bottom: 5px;
    color: #fff;
    font-size: 3.6rem;
    line-height: 1.2;
    text-align: left;
    font-weight: bold
}
#caseback .contents .contentsBox .featuresBox .mainTtl .br01 {
    display: none;
}
#caseback .contents .contentsBox .featuresBox .subTtl {
    margin-bottom: 0;
    font-size: 2.2rem;
    line-height: 1.2;
    text-align: left;
    font-weight: bold;
}
#caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt {
    padding-left: 100px;
}

#caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt2 {
    padding-left: 0px;
}

#caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt p {
     color: #fff;
	font-size: 1.8rem;
    line-height: 1.8;
}
#caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt2 p {
     color: #fff;
	font-size: 1.8rem;
    line-height: 1.8;
}

#caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt2 a {
    display: block;
	background: #fff;
	width: 300px;
	color: #3d84a8;
	margin:  20px 0 30px 0;
	text-align: center;
}


#caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt .featureInfoTxt .ttl {
    margin-bottom: 12px;
    color: #515151;
    font-size: 1.8rem;
    line-height: 1.4;
}
#caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br01 {
    display: block;
}
#caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br02 {
    display: block;
}
#caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br03 {
    display: none;
}
#caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt.first {
    margin-bottom: 25px;
}
#caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt .note {
    font-size: 1.2rem;
}
#caseback .contents .contentsBox .featuresBox .featureImage {
    width: 50%;
    padding-left: 5%;
}

#caseback .contents .contentsBox .featuresBox .featureImage2 {
    width: 70%;
    padding-left: 5%;
}

#caseback .contents .contentsBox .featuresBox .featureImage .featureImageBox {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 20px;
}
#caseback .contents .contentsBox .featuresBox .featureImage .featureImageBox li:first-child {
    margin-bottom: 50px;
}
#caseback .contents .contentsBox .featuresBox .featureImage2 .featureImageBox {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 20px;
}
#caseback .contents .contentsBox .featuresBox .featureImage2 .featureImageBox li:first-child {
    margin-bottom: 50px;
}

#caseback .contents .contentsBox .featuresBox.reverse .featureInfo {
    order: 2;
    padding: 0 0 0 5%;
}
#caseback .contents .contentsBox .featuresBox.reverse .featureImage {
    order: 1;
    padding-left: 0;
    padding-right: 5%;
}
#caseback .contents .contentsBox .featuresBox.reverse .featureImage2 {
    order: 1;
    padding-left: 0;
    padding-right: 5%;
}

#caseback .contents .contentsBox .featuresBox.environment2 {
    margin-bottom: 150px;
}
#caseback .contents .contentsBox .featuresBox .forEnvironment2 {
    width: 100%;
    padding: 45px;
    background-color: #fff;
    background-image: url("../img/img_environment2.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
}
#caseback .contents .contentsBox .featuresBox .forEnvironment2 .mainTtl {
    margin-bottom: 30px;
    color: #0F3268;
    font-size: 2.8rem;
}
#caseback .contents .contentsBox .featuresBox .forEnvironment2 .subTxt {
    margin-bottom: 30px;
    font-size: 1.6rem;
    line-height: 1.8;
}
#caseback .contents .contentsBox .featuresBox .forEnvironment2 .lnkBnr a {
    display: inline-block;
    padding: 20px 40px;
    background-color: #00A4F4;
    color: #fff;
    font-size: 2rem;
}
#caseback .contents .contentsBox .featuresBox .forEnvironment .lnkBnr a br {
    display: none;
}


#caseback .contents .contentsBox .btnBox {
    display: flex;
    justify-content: center;
}
#caseback .contents .contentsBox .btnBox .btn01 {
    width: 290px;
    margin-right: 90px;
}
#caseback .contents .contentsBox .btnBox .btn01 a {
    display: inline-block;
    width: 100%;
    padding: 12px 0;
    border-radius: 20px;
    background-color: #07579f;
    color: #fff;
    font-size: 2rem;
    text-align: center;
}
#caseback .contents .contentsBox .btnBox .btn02 {
    width: 290px;
}
#caseback .contents .contentsBox .btnBox .btn02 a {
    display: inline-block;
    width: 100%;
    padding: 12px 0 11px;
    border-radius: 20px;
    background-color: #f78014;
    color: #fff;
    font-size: 2rem;
    text-align: center;
}
#caseback .contents .contentsBox .btnBox .btn02 a::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 21px;
    margin-right: 20px;
    background-image: url("../img/img_icon_mail_02.png");
    vertical-align: top;
}
#caseback .contents .contentsBox.second {
    margin-bottom: 90px;
}
#caseback .contents .contentsBox .cases .mainTxt .br01 {
    display: none;
}

#caseback .contents .casesBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#caseback .contents .casesBox li {
    width: 30%;
}
#caseback .contents .casesBoxInterim {
    width: 100%;;
}
#caseback .contents .contentsBox .mainTxt p .br01 {
    display: none;
}
@media screen and (max-width: 1240px) {
    #caseback .contents {
        padding: 80px 20px 100px;
    }
    #caseback .contents .contentsBox .featuresBox {
        justify-content: space-between;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo {
        width: 48%;
        padding-right: 0;
    }
    #caseback .contents .contentsBox .featuresBox .featureImage {
        width: 48%;
        padding: 0 20px;
    }
	 #caseback .contents .contentsBox .featuresBox .featureImage2 {
        width: 68%;
        padding: 0 20px;
    }
    #caseback .contents .contentsBox .mainTxt {
        margin-bottom: 60px;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .num {
        font-size: 3.6rem;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl {
        font-size: 2.4rem;
    }

    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt {
        padding-left: 90px;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt p {
        font-size: 1.6rem;
        line-height: 1.5;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl {
        margin-bottom: 20px;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt.first {
        margin-bottom: 20px;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt .ttl {
        margin-bottom: 8px;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt {
        padding-left: 68px;
    }
    #caseback .contents .contentsBox .featuresBox {
        margin-bottom: 70px;
    }
    #caseback .contents .contentsBox .featuresBox.reverse .featureImage {
        padding: 0 20px;
    }
    #caseback .contents .contentsBox .featuresBox.reverse .featureImage2 {
        padding: 0 20px;
    }
    #caseback .contents .contentsBox .featuresBox.reverse .featureInfo {
        padding: 0;
    }
    #caseback .contents .contentsBox .featuresBox:last-child {
        margin-bottom: 100px;
    }
    #caseback .contents .contentsBox.second {
        margin-bottom: 100px;
    }
    #caseback .contents .contentsBox .mainTtl.typeB {
        margin-bottom: 15px;
    }
    #caseback .contents .contentsBox .subTtl {
        margin-bottom: 25px;
    }
    
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl {
        margin-bottom: 10px;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt.first {
        margin-bottom: 10px;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt .ttl {
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 1000px) {
    #caseback .contents .contentsBox .featuresBox .mainTtl .br01 {
        display: none;
    }
}
@media screen and (max-width: 955px) {
    #caseback .contents .contentsBox .featuresBox {
        flex-direction: column;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo {
        width: 80%;
        margin-bottom: 40px;
    }
    #caseback .contents .contentsBox .featuresBox .featureImage {
        width: 80%;
        padding: 0;
        align-self: center;
        text-align: center;
    }
    #caseback .contents .contentsBox .featuresBox .featureImage2 {
        width: 80%;
        padding: 0;
        align-self: center;
        text-align: center;
    }	
    #caseback .contents .contentsBox .featuresBox.reverse .featureInfo {
        order: 1;
    }
    #caseback .contents .contentsBox .featuresBox.reverse .featureImage {
        order: 2;
    }
    #caseback .contents .contentsBox .featuresBox.reverse .featureImage2 {
        order: 2;
    }	
    #caseback .contents .contentsBox .featuresBox .featureInfo {
        align-self: center;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br01 {
        display: none;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br02 {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    #caseback .contents {
        padding: 9% 20px 7%;
    }
    #caseback .contents .contentsBox .featuresBox {
        margin-bottom: 10%;
    }
    #caseback .contents .casesBox {
        flex-wrap: wrap;
    }
    #caseback .contents .contentsBox .mainTxt {
        margin-bottom: 40px;
        line-height: 1.3;
    }
    #caseback .contents .casesBox li {
        width: 48%;
        padding: 0 20px;
        margin-bottom: 30px;
    }
    #caseback .contents .contentsBox .featuresBox .mainTtl {
        font-size: 2.8rem;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo {
        width: 100%;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo {
        margin-bottom: 5%;
    }
    #caseback .contents .contentsBox.second {
        margin-bottom: 20%;
    }
    #caseback .contents .contentsBox .featuresBox:last-child {
        margin-bottom: 20%;
    }
    #caseback .contents .contentsBox .featuresBox .featureImage {
        width: 100%;
    }
    #caseback .contents .contentsBox .featuresBox .featureImage2 {
        width: 100%;
    }	
    #caseback .contents .contentsBox .featuresBox.first {
        margin-bottom: 45px;
    }
 	
	    #caseback .contents .contentsBox .featuresBox .forEnvironment2 {
        padding: 15px 15px 45%;
        background-position: bottom right;
        background-size: 70%;
    }
    #caseback .contents .contentsBox .featuresBox.environment {
        margin-bottom: 70px;
    }
    #caseback .contents .contentsBox .featuresBox .forEnvironment2 .mainTtl {
        margin-bottom: 15px;
        font-size: 2.4rem;
    }
    #caseback .contents .contentsBox .featuresBox .forEnvironment2 .subTxt {
        margin-bottom: 15px;
        font-size: 1.4rem;
        line-height: 1.6;
    }
    #caseback .contents .contentsBox .featuresBox .forEnvironment2 .lnkBnr {
        text-align: center;
    }
    #caseback .contents .contentsBox .featuresBox .forEnvironment2 .lnkBnr a {
        font-size: 1.6rem;
    }
	
	
    #caseback .contents .contentsBox .cases .mainTxt .br01 {
        display: block;
    }
    #caseback .contents .contentsBox .btnBox {
        justify-content: space-around;
    }
    #caseback .contents .contentsBox .btnBox .btn01 {
        margin-right: 0;
    }
}
@media screen and (max-width: 660px) {
    #caseback .contents .contentsBox .btnBox {
        flex-direction: column;
        align-items: center;
    }
    #caseback .contents .contentsBox .btnBox .btn01 {
        width: 380px;
        margin-bottom: 20px;
    }
    #caseback .contents .contentsBox .btnBox .btn02 {
        width: 380px
    }
}
@media screen and (max-width: 550px) {
    #caseback .contents .contentsBox .mainTxt p .br01 {
        display: block;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br02 {
        display: block;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br01 {
        display: block;
    }
}
@media screen and (max-width: 480px) {
    #caseback .contents .contentsBox .featuresBox .featureInfo {
        width: 100%;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTxt {
        padding-left: 0;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br01 {
        display: none;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br02 {
        display: block;
    }
    #caseback .contents .contentsBox .featuresBox .featureInfo .featureInfoTtl .ttl .br03 {
        display: block;
    }
    #caseback .contents .contentsBox .btnBox .btn01,
    #caseback .contents .contentsBox .btnBox .btn02 {
        width: 300px;
    }
    #caseback .contents .casesBox {
        flex-direction: column;
    }
    #caseback .contents .casesBox li {
        width: 100%;
    }
    #caseback .contents .contentsBox .featuresBox .featureImage {
        width: 100%;
        padding: 0;
    }
    #caseback .contents .contentsBox .featuresBox.reverse .featureImage {
        width: 100%;
        padding: 0;;
    }
    #caseback .contents .contentsBox .featuresBox .featureImage2 {
        width: 100%;
        padding: 0;
    }
    #caseback .contents .contentsBox .featuresBox.reverse .featureImage2 {
        width: 100%;
        padding: 0;;
    }	
    .featureInfo .featureInfoTtl .ttl .br01 {
        display: none;
    }

    #caseback .contents .contentsBox .featuresBox .forEnvironment .lnkBnr a br {
        display: block;
    }

    
}



/* ラインアップ  */


#lineUp {
    position: relative;
    width: 100%;
    background-color: #05cccc;
}
#lineUp .contents {
    padding: 100px 0 160px;
    text-align: center;
}
#lineUp .contents .mainTtl {
    margin-bottom: 20px;
    color: #fff;
    font-size: 3.6rem;
}
#lineUp .contents .mainTxt {
    margin-bottom: 40px;
    color: #fff;
    font-size: 1.8rem;
}
#lineUp .contents .lineUpBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
    padding: 50px;
    background-color: #fff;
}
#lineUp .contents .lineUpBox li {
    width: 25%;
}
#lineUp .contents .lineUpBoxInterim {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    margin-bottom: 70px;
}
#lineUp .contents .lineUpBoxInterim li:first-child {
    padding: 100px 0 50px;
}
#lineUp .contents .lineUpBoxInterim li:first-child img {
    width: 45%;
}
#lineUp .contents .lineUpBoxInterim li:last-child {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 100px;
}
#lineUp .contents .applyMeeting {
    display: inline-flex;
    width: 850px;
    border: 1px solid #027fcc;
    justify-content: center;
    align-items: center;
    padding: 30px;
    background-color: #fff;
}
#lineUp .contents .applyMeeting .copy {
    margin-right: 50px;
    font-size: 1.6rem;
    line-height: 1.8;
    text-align: left;
}
#lineUp .contents .applyMeeting .applyBnr {
    display: inline-block;
    padding: 20px 40px;
    background-color: #005bab;
    color: #fff;
    font-size: 2rem;
}
@media screen and (max-width: 1240px) {
    #lineUp .contents {
        padding: 100px 20px;
    }
}
@media screen and (max-width: 960px) {
    #lineUp .contents .lineUpBox {
        flex-wrap: wrap;
    }
    #lineUp .contents .lineUpBox li {
        width: 48%;
        padding: 20px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 850px) {
    #lineUp .contents .applyMeeting {
        bottom: -50px;
        width: 85%;
        padding: 20px;
    }
    #lineUp .contents .applyMeeting .copy {
        margin-right: auto;
        font-size: 1.6rem;
    }
    #lineUp .contents .applyMeeting .applyBnr {
        text-align: center;
    }
    #lineUp .contents .applyMeeting .copy {
        margin-right: auto;
        font-size: 1.6rem;
    }
    #lineUp .contents .applyMeeting .applyBnr {
        text-align: center;
    }
    #lineUp .contents .applyMeeting .applyBnr a {
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 768px) {
    #lineUp .contents {
        padding: 12% 20px;
    }
    #lineUp .contents .lineUpBox {
        padding: 0;
    }
    #lineUp .contents .lineUpBoxInterim li:first-child {
        padding: 50px 0 25px;
    }
    #lineUp .contents .lineUpBoxInterim li:last-child {
        margin-bottom: 0;
        padding-bottom: 50px;
    }
    #lineUp .contents .applyMeeting {
        display: block;
        width: 80%;
        bottom: -82px;
        margin: 0 auto;
    }
    #lineUp .contents .applyMeeting .copy {
        margin-bottom: 15px;
        text-align: center;
        line-height: 1.4;
    }
}
@media screen and (max-width: 480px) {
    #lineUp .contents .lineUpBox {
        flex-direction: column;
    }
    #lineUp .contents .lineUpBox li {
        width: 100%;
    }
    #lineUp .contents .applyMeeting {
        width: 100%;
        padding: 15px;
    }
}

#footerArea {
    position: relative;
    width: 100%;
    background-color: #fff;
}
#footerArea footer.wrapper {
    padding: 65px 30px;
}
#footerArea footer .footerBox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}
#footerArea footer .footerBox .infoBox {
    display: flex;
    flex-direction: column;
}
#footerArea footer .footerBox .infoBox .ttl {
    margin-bottom: 20px;
    font-size: 2.2rem;
    font-weight: bold;
}
#footerArea footer .footerBox .infoBox .telNum {
    margin-bottom: 30px;
    font-size: 4rem;
    font-weight: bold;
}
#footerArea footer .footerBox .infoBox .hoursOpen {
    font-size: 1.2rem;
}
#footerArea footer .footerBox .infoBox .hoursOpen span:first-child {
    margin-right: 20px;
}
#footerArea footer .bnrBox {
    
}
#footerArea footer .bnrBox .bnrBoxInner {
    display: flex;
}
#footerArea footer .bnrBox .bnrBoxInner .btn01 {
    width: 260px;
    margin-right: 20px;
}
#footerArea footer .bnrBox .bnrBoxInner .btn01 a {
    display: inline-block;
    width: 100%;
    padding: 11px 0;
    border-radius: 20px;
    background-color: #07579f;
    color: #fff;
    font-size: 2rem;
    text-align: center;
}
#footerArea footer .bnrBox .bnrBoxInner .btn02 {
    width: 260px;
}
#footerArea footer .bnrBox .bnrBoxInner .btn02 a {
    display: inline-block;
    width: 100%;
    padding: 11px 0 10px;
    border-radius: 20px;
    background-color: #f2b620;
    color: #fff;
    font-size: 2rem;
    text-align: center;
}
#footerArea footer .bnrBox .bnrBoxInner .btn02 a::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 21px;
    margin-right: 20px;
    background-image: url(../img/img_icon_mail_02.png);
    vertical-align: bottom;
}
#footerArea footer .coInfo {
    margin-bottom: 85px;
}
#footerArea footer .coInfo .address {
    margin-bottom: 10px;
    font-size: 1.2rem;
    line-height: 1.2;
}
#footerArea footer .coInfo .address br {
    display: none;
}
#footerArea footer .coInfo .coName {
    font-size: 1.8rem;
    font-weight: bold;
}
#footerArea footer .footerBoxInterim {
    text-align: center;
}
@media screen and (max-width: 1100px) {
    #footerArea footer .footerBox .infoBox .hoursOpen span {
        display: block;
        line-height: 1.5;
    }
    #footerArea footer .footerBox .infoBox .hoursOpen span:first-child {
        margin-right: 0;
    }
}
@media screen and (max-width: 960px) {
    #footerArea footer.wrapper {
        padding: 30px 20px 20px;
    }
    #footerArea footer .footerBox {
        flex-direction: column;
        margin-bottom: 40px;
    }
    #footerArea footer .footerBox .infoBox {
        margin-bottom: 30px;
    }
    #footerArea footer .bnrBox .bnrBoxInner {
        justify-content: center;
    }
    #footerArea footer .bnrBox .bnrBoxInner .btn01 {
        margin-right: 40px;
    }
    #footerArea footer .footerBox .infoBox {
        margin-bottom: 30px;
        text-align: center;
    }
    #footerArea footer .footerBox .infoBox .ttl {
        margin-bottom: 5px;
        font-size: 1.8rem;
    }
    #footerArea footer .footerBox .infoBox .telNum {
        margin-bottom: 10px;
        font-size: 2.8rem;
    }
    #footerArea footer .bnrBox .bnrBoxInner {
        flex-direction: column;
        align-items: center;
    }
    #footerArea footer .bnrBox .bnrBoxInner .btn01 {
        width: 380px;
        margin-bottom: 10px;
        margin-right: 0;
        text-align: center;
    }
    #footerArea footer .bnrBox .bnrBoxInner .btn02 {
        width: 380px;
        text-align: center;
    }
    #footerArea footer .bnrBox .bnrBoxInner .btn01 a {
        padding: 11px;
    }
    #footerArea footer .bnrBox .bnrBoxInner .btn02 a {
        padding: 11px 0 10px;;
    }
    #footerArea footer .coInfo {
        margin-bottom: 20px;
        text-align: center;
    }
}
@media screen and (max-width: 660px) {
    #footerArea footer .bnrBox .bnrBoxInner .btn01 {
        width: 380px;
    }
    #footerArea footer .bnrBox .bnrBoxInner .btn02 {
        width: 380px;
    }
}
@media screen and (max-width: 480px) {
    #footerArea footer .bnrBox .bnrBoxInner .btn01 {
        width: 300px;
    }
    #footerArea footer .bnrBox .bnrBoxInner .btn02 {
        width: 300px;
    }
    #footerArea footer .coInfo .address br {
        display: block;
    }
}


/* アニメーション */
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

.fadeUp.delay01 {
    animation-delay: 0.3s;
}
.fadeUp.delay02 {
    animation-delay: 0.1s;
}
.fadeUp.delay03 {
    animation-delay: 0.7s;
}
.fadeUp.delay04 {
    animation-delay: 1s;
}
.fadeUp.delay05 {
    animation-delay: 1.5s;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
.fadeUpTrigger{
    opacity: 0;
}