@charset "UTF-8";
/* CSS Document */

/*---------------------------------
* utility
---------------------------------*/


html {
    font-size: 62.5%;
    /*16px×62.5%=10px*/
}

body {
    /* font-family: 'Noto Sans JP', sans-serif; */
    font-family: "PingFang SC","Arial","Microsoft YaHei",sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    min-width: 1090px;
    color: #222222;
    background: #fff !important;
}

img {
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    height: auto;
}

a {
    color: #222222;
    text-decoration: none;
    transition: all .3s linear;
}

.wrapper {
    max-width: 1090px;
    margin: 0 auto;
}


.sp-display {
    display: none;
}

.pc-display {
    display: block;
}

.sp-inlineBlock {
    display: none;
}

.box_shadow {
    box-shadow: 8px 8px 15px 4px rgb(0 0 0 / 8%);
}

.text_grn {
    color: #1D8E76;
    font-weight: 700;
}

.text_sm {
    font-size: 14px;
    font-weight: 700;
}

.text_wh {
    color: #fff;
    font-weight: 700;
}

.text_red {
    color: #CC0000;
}

/*---------------------------------
* common
---------------------------------*/

.breadcrumb {
    margin-top: 13px;
}

.breadcrumb span {
    font-size: 12px;
}

.breadcrumb span a:hover {
    text-decoration: underline;
}

.arrow01::after {
    content: "";
    width: 6.77px;
    height: 6.77px;
    border-top: 3px solid #222222;
    border-right: 3px solid #222222;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
}

.arrow02::before {
    content: "";
    width: 6.77px;
    height: 6.77px;
    border-top: 3px solid #222222;
    border-right: 3px solid #222222;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    display: inline-block;
    margin-right: 20px;
}

.pagetop_cont {
    padding-top: 89px;
}

.admin-bar .pagetop_cont {
    padding-top: 57px;
}

.gry_bg {
    background-color: #F7F7F7;
}

.text_bold {
    font-weight: 700;
}

/*---------------------------------
* header
---------------------------------*/

header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;

}

@media screen and (min-width:769px) {
    header {
        min-width: 1090px;
    }
}

.header_wrap01 {
    height: 52px;
    background-color: #fff;
}

.header_wrap01 ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.header_logo img {
    width: 92px;
    margin-left: 8px;
}

.header_nav01 {
    display: flex;
    height: 100%;
}

.header_nav_link01 {
    font-size: 11px;
    margin-right: 25px;
}

.header_nav_link01 a {
    display: flex;
    align-items: center;
}

.header_nav_link01 a::before {
    display: inline-block;
    content: '';
    width: 4px;
    height: 4px;
    background-color: #1D8E76;
    margin-right: 10px;
}

.header_nav_link01 a:hover span {
    text-decoration: underline;
}

.header_nav_link02 {
    margin-right: 20px;
}

.header_nav_link02 a {
    display: inline-block;
    color: #1D8E76;
    font-weight: 500;
    border: 1px solid #1D8E76;
    border-radius: 25px;
    height: 25px;
    line-height: 25px;
    padding: 0 13px;
    font-size: 10px;
    letter-spacing: 0.1em;
}

.header_nav_link02 a:hover {
    background-color: #1D8E76;
    color: #fff;
}

.header_nav_link03 {
    height: 100%;
    width: 154px;
}

.header_nav_link03 a {
    color: #fff;
    font-size: 11px;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.download_btn a {
    background-color: #EFA500;
    border: 1px solid #EFA500;
    box-sizing: border-box;
}

.download_btn a::before {
    content: '';
    background-image: url(../img/common/download_icon01.png);
    width: 9.37px;
    height: 9.37px;
    background-size: cover;
    display: inline-block;
    margin-right: 11px;
}

.download_btn a:hover {
    background-color: #fff;
    color: #EFA500;
}

.download_btn a:hover::before {
    background-image: url(../img/common/download_icon01_or.png);
    background-size: cover;
}

.contact_btn a {
    background-color: #1D8E76;
    border: 1px solid #1D8E76;
    box-sizing: border-box;
}

.contact_btn a::before {
    content: '';
    background-image: url(../img/common/mail_icon01.png);
    width: 10.36px;
    height: 8.35px;
    background-size: cover;
    display: inline-block;
    margin-right: 11px;
}

.contact_btn a:hover {
    background-color: #fff;
    color: #1D8E76;
}

.contact_btn a:hover::before {
    background-image: url(../img/common/mail_icon01_gr.png);
    background-size: cover;
}

.header_wrap02 {
    background-color: #F4F4F4;
    height: 37px;
    display: flex;
    align-items: center;
}

.header_wrap02 .wrapper {
    height: 100%;
}

.header_wrap02 ul {
    display: flex;
    align-items: center;
    height: 100%;
}

.header_wrap02 ul li {
    height: 100%;
}

.header_wrap02 ul li a {
    font-size: 13px;
    margin-right: 26px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    font-weight: 500;
    white-space: nowrap;
}

.header_wrap02 ul li:last-of-type a {
    margin-right: 0;
}

.header_wrap02 ul li a:hover {
    color: #1D8E76 !important;
}

.header_wrap02 ul li a:hover::after {
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    background-color: #1D8E76;
    position: absolute;
    bottom: 0;
    left: 0;
}

.header_sp_nav .header_sp_nav_title > a {
    color: #555;
    font-size: 12px;
}


/*---------------------------------
* top メインビジュアル
---------------------------------*/

.top_mv {
    background: url(../img/top/mv_img01.png), linear-gradient(to right, #77FAC8, #81B1FF);
    background-size: 55%, 100%;
    background-position: right 2% bottom 0, left 0;
    background-repeat: no-repeat;
    /* padding: 40px 3% 63px 5.5%; */
    padding: 105px 3% 170px 5.5%;
    position: relative;
}

.top_mv_text01 {
    font-size: 20px;
    line-height: 1.8;
    font-weight: 700;
}

.top_mv h1 {
    font-size: 36px;
    line-height: 1.66;
    font-weight: 700;
    margin-top: 24px;
}

.mv_download {
    margin-top: 73.7px;
}

.mv_download ul {
    display: flex;
}

.mv_download a {
    display: inline-block;
    background-color: #EFA500;
    width: 427px;
    height: 100px;
    border-radius: 100px;
    position: relative;
    border: 1px solid #EFA500;
    box-sizing: border-box;
}

.mv_download a:hover {
    background-color: #fff;
}

.mv_download_img {
    position: absolute;
    left: 57px;
    bottom: 18px;
}

.mv_download_img img {
    width: 89px;
    /* height: 113px; */
    object-fit: cover;
}

.mv_download_cont {
    position: absolute;
    right: 56px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mv_download_text01 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}


.mv_download_text02 {
    background-color: #fff;
    border-radius: 5px;
    padding: 8px 17px;
    color: #F2982B;
    font-size: 15px;
}

.mv_download_text02 span {
    font-weight: 500;
}

.mv_download_text02 span::before {
    content: '';
    display: inline-block;
    background: url(../img/common/download_icon02.png);
    width: 10.86px;
    height: 10.86px;
    background-size: cover;
    margin-right: 10.5px;
}

.top_mv_cont {
    background-color: rgba(4, 55, 193, 0.85);
    border-radius: 50%;
    width: 240px;
    height: 240px;
    position: absolute;
    right: 3%;
    top: 6%;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 2.22;
}

.top_mv_cont>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.top_mv_cont_text01 {
    text-decoration: underline;
    font-weight: 700;
}

.top_mv_cont_text02 {
    font-weight: 700;
}

.top_mv_cont_textLg {
    font-size: 24px;
}

.mv_download a:hover .mv_download_text01 {
    color: #EFA500;
}

.mv_download a:hover .mv_download_text02 {
    background-color: #EFA500;
    color: #fff;
}

.mv_download a:hover .mv_download_text02 span::before {
    background: url(../img/common/download_icon02_wh.png);
    background-size: cover;
}

/*---------------------------------
* top バナー
---------------------------------*/

.bunner_area {
    margin: 20px 0;
}

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

.bunner_area ul li {
    margin-right: 19px;
}

.bunner_area ul li:last-of-type {
    margin-right: 0;
}

.bunner_area ul li a:hover {
    opacity: 0.7;
}

.bunner_area ul li img {
    width: 351px;
    border-radius: 15px;
}

/*---------------------------------
* top
自動車業界で選ばれ続けるガイオ・テクノロジーとは？
---------------------------------*/

.top_about {
    background-color: #F7F7F7;
    padding: 70px 0;
}

h2 {
    color: #1D8E76;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    border-bottom: 2px solid #1D8E76;
    padding-bottom: 21.8px;
}

.top_about_inner01 {
    margin-top: 72px;
}

.top_about_inner01 h3 {
    font-size: 35px;
    font-weight: 700;
    text-align: center;
}


.bl_flex01 {
    display: flex;
    margin-top: 88px;
    margin-bottom: 58.8px;
    justify-content: space-between;
}

.bl_flex01 a {
    position: relative;
    display: block;
}

.bl_flex01 a:hover {
    transform: scale(1.05);
}

.bl_flex01_nb {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.bl_flex01_nb span {
    display: block;
}

.bl_flex01_nb span:first-of-type {
    font-family: 'Barlow', sans-serif;
    color: #1D8E76;
    font-weight: 600;
    letter-spacing: 0.05em;
    font-size: 14px;
}

.bl_flex01_nb span:nth-of-type(2) {
    font-family: 'Barlow', sans-serif;
    color: #1D8E76;
    font-weight: 500;
    letter-spacing: 0.05em;
    font-size: 60px;
}

.bl_flex01_cont {
    width: 334px;
}

.bl_flex01_text {
    height: 155px;
    background-color: #fff;
    border-radius: 15px 15px 0 0;
    padding-top: 57px;
    box-sizing: border-box;
}

.bl_flex01_text h4 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.83;
    text-align: center;
}

.bl_flex01_img img {
    height: 205px;
    border-radius: 0 0 15px 15px;
}

.link_btn01 {
    text-align: center;
}

.link_btn01 a,
.link_btn01 div {
    display: inline-block;
    background-color: #222222;
    color: #fff;
    font-size: 12px;
    height: 47px;
    line-height: 47px;
    padding: 0 43px;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    border: 1px solid #222222;
    transition: all .3s linear;
}

.link_btn01 a:hover,
.link_btn01_wrap:hover .link_btn01 div {
    background-color: #fff;
    color: #222222;
}

.link_btn01 a::after,
.link_btn01 div::after {
    content: '';
    background-image: url(../img/common/arrow01.png);
    width: 11.51px;
    height: 7.31px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.link_btn01 a:hover::after,
.link_btn01_wrap:hover .link_btn01 div::after {
    background-image: url(../img/common/arrow01_bk.png);
    background-size: cover;
}

.top_about_inner02 {
    margin-top: 94px;
}

.top_about_inner02 h3 {
    font-size: 35px;
    font-weight: 700;
    text-align: center;
}

.top_about_subtitle {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    line-height: 1.81;
    margin-top: 30px;
}

.top_about_text {
    font-size: 16px;
    line-height: 1.87;
    margin-top: 38.6px;
}

.bl_development_body {
    position: relative;
    margin-top: 76.5px;
}

.bl_development_unitWrap {
    background-color: #fff;
    padding: 90px 66.8px 57px 67.2px;
    border-radius: 15px;
}

.bl_development_title {
    background-color: #1D8E76;
    border-radius: 10px;
    font-size: 20px;
    letter-spacing: 0.05em;
    font-weight: 500;
    height: 100px;
    width: 282px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
}

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

.bl_development_cont01 {
    margin-left: -25px;
}

.bl_development_cont01 img {
    width: 425px;
}

.bl_development_unit01Pt02 .bl_development_cont01 {
    margin-right: -66px;

}

.bl_development_unit01Pt02 .bl_development_cont01 img {
    width: 485px;
}

.bl_development_cont02 {
    width: 505px;
    margin-top: 72px;
}

.bl_development_cont02 h4 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.78;
}

.bl_development_cont02Text {
    margin-left: -5px;
    font-weight: 700;
}

.bl_development_text01 {
    line-height: 1.87;
    margin-top: 35.3px;
}

.bl_development_unit02 {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.bl_development_unit02>li {
    width: 415px;
}

.bl_development_unit02>li:nth-of-type(2) {
    width: 505px;
}

.bl_development_subtitle {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.bl_development_subtitle::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #1D8E76;
    display: block;
    margin-left: 12.4px;
}

.bl_development_cont03 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 7px;
}

.bl_development_cont03 a {
    background-color: #EFEFEF;
    border-radius: 7px;
    padding: 5px 15px;
    display: inline-block;
    margin: 10px 5px 0 0;
    font-size: 13px;
    border: 1px solid #EFEFEF;
}

.bl_development_cont03 a:hover,
.bl_development_cont04 a:hover {
    background-color: #fff;
    border: 1px solid #222222;
}

.bl_development_cont04 {
    margin-top: 17px;
}

.bl_development_cont04 a {
    background-color: #EFEFEF;
    border-radius: 7px;
    padding: 7px 45px;
    display: flex;
    margin: 8px 0 0 0;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    position: relative;
    line-height: 1.69;
    border: 1px solid #EFEFEF;
}

.bl_development_cont04 a::before {
    content: '';
    background-image: url(../img/common/check_icon01.png);
    width: 14.11px;
    height: 10px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    left: 16.6px;
}

.bl_development_cont04 a::after {
    content: "";
    width: 3.66px;
    height: 3.66px;
    border-top: 1px solid #1D8E76;
    border-right: 1px solid #1D8E76;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    position: absolute;
    right: 20px;
}

.bl_development_unitWrap .link_btn01 {
    margin-top: 60px;
}

.bl_development_unit01Pt02 {
    flex-direction: row-reverse;
}

/*---------------------------------
* top　ツール・サービス
---------------------------------*/

.top_service {
    margin: 70px 0 65px;
}

.top_service_inner {
    margin-top: 70px;
}

.top_service_inner h3 {
    font-size: 30px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.top_service_inner h3::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #3EB7AE;
    border-radius: 50%;
    margin-right: 20px;
}

.bl_flex02 {
    display: flex;
    margin-top: 40px;
    flex-wrap: wrap;
}

.bl_flex02 li {
    width: 334px;
    margin-right: 44px;
    margin-bottom: 60px;
}

.bl_flex02 li a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.bl_flex02 li a:hover {
    transform: scale(1.05);
}

.bl_flex02 li:nth-of-type(3n) {
    margin-right: 0;
}

.bl_flex02_title01 {
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.75;
    display: block;
}

.bl_flex02_title01::after {
    content: '';
    width: 46px;
    height: 2px;
    background-color: #45A79D;
    display: block;
    margin-top: 20px;
}

.bl_flex02_title02 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.58;
    display: block;
    margin-top: 16px;
}

.bl_flex02_img {
    margin-top: 30px;
}

.bl_flex02_img img {
    border-radius: 15px;
}

.top_service_inner .link_btn01 {
    margin-top: 60px;
}


/*---------------------------------
* top　導入事例
---------------------------------*/

.top_case {
    background-image: url(../img/top/top_case_bg.png);
    background-size: cover;
    padding: 70px 0 70px;
}

.bl_flex03 {
    margin-top: 200px;
    display: flex;

}

.bl_flex03 li {
    width: 334px;
    margin-right: 44px;
}

.bl_flex03 li:last-of-type {
    margin-right: 0;
}

.top_case .bl_flex03 li a {
    background-color: rgba(0, 172, 135, 1);
}

.case-list .bl_flex03 li a {
    background-color: rgba(0, 172, 135, 0.5);
}

.bl_flex03 li a {
    display: block;
    height: 100%;
    border-radius: 15px;
}

.bl_flex03 li a:hover {
    transform: scale(1.05);
}

.bl_flex03_cont {
    position: relative;
    top: -120px;
    margin-bottom: -180px;
}

.bl_flex03_contText {
    position: absolute;
    top: -15px;
    background-color: #222222;
    border-radius: 0 20px 20px 0;
    height: 29px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.05em;
    display: inline-block;
    align-items: center;
    padding: 8px 15px;
    box-sizing: border-box;
    z-index: 1;
}

.bl_flex03_contImg img {
    width: 313px;
    height: auto;
    border-radius: 0 15px 15px 0;
}

.bl_flex03_contImg {
    height: 159px;
    overflow: hidden;
    border-radius: 0 15px 15px 0;
    object-fit: cover;
    width: fit-content;
    box-shadow: 8px 8px 15px 4px rgb(0 0 0 / 8%);
}

.bl_flex03_text {

    padding: 80px 34px 44px;
    margin-top: -120px;
    color: #fff;
    /* height: calc(100% - 250px); */
}

.bl_flex03_text h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.88;
}

.bl_flex03_textPt01 {
    font-size: 16px;
    line-height: 1.75;
    font-weight: 500;
    margin-top: 20px;
}

.top_case .link_btn01 {
    margin-top: 60px;
}


/*---------------------------------
* top　コラム
---------------------------------*/

.top_column {
    padding: 70px 0;
}

.bl_flex04 {
    margin-top: 70px;
    display: flex;
}

.bl_flex04 li {
    width: 334px;
    margin-right: 44px;
}

.bl_flex04 li img {
    width: 100%;
    height: auto;
}

.bl_flex04 li:nth-of-type(3n) {
    margin-right: 0;
}

.bl_flex04 li a {
    display: block;
}

.bl_flex04 li a:hover {
    transform: scale(1.05);
}

.bl_flex04_img img {
    display: block;
    border-radius: 15px;
}

.bl_flex04_text h3 {
    font-size: 18px;
    margin-top: 26px;
    font-weight: 700;
    line-height: 1.7;
}

.bl_flex04_textPt01 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    margin-top: 22px;
}

.top_column .link_btn01 {
    margin-top: 60px;
}

/*---------------------------------
* top　バナー
---------------------------------*/

.top_bunner {
    border-top: 2px solid #1D8E76;
    padding: 70px 0;
}

.top_bunner_cont {
    background-image: url(../img/top/top_bunner01.png);
    border-radius: 15px;
    padding: 32px 44px 28px;
    background-size: cover;
}

.top_bunner_contText {
    background-color: #fff;
    font-size: 18px;
    font-weight: 700;
    color: #041D45;
    display: inline-block;
    padding: 5px 18px;
}

.top_bunner_cont h2 {
    font-size: 29px;
    font-weight: 700;
    line-height: 1.55;
    color: #041D45;
    border-bottom: none;
    text-align: left;
    margin-top: 10px;
}

.top_bunner a:hover {
    opacity: 0.7;
}


/*---------------------------------
* top　topics
---------------------------------*/

.top_topics {
    background-color: #F4F4F4;
    padding: 40px 0;
}

.top_topics_inner {
    background-color: #fff;
    border-radius: 15px;
    display: flex;
    padding: 24px 94px 24px 67px;
}

.top_topics_title {
    font-size: 18px;
    font-weight: 500;
    border-right: 1px solid #707070;
    padding-right: 55px;
    display: flex;
    align-items: center;
}

.top_topics_inner ul {
    padding-left: 46px;
}

.top_topics_inner ul li:nth-of-type(n+2) {
    margin-top: 14px;
}

.top_topics_inner ul li a:hover {
    text-decoration: underline;
}


/*---------------------------------
* top　資料ダウンロード
---------------------------------*/

.top_download {
    padding: 70px 0;
    background-image: url(../img/top/top_download_bg.png);
    background-size: cover;
}

.bl_flex05 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
    justify-content: flex-start;
}

.bl_flex05 li {
    max-width: 298px;
    width: calc((100% - 196px) / 3);
    margin-bottom: 60px;

}

.bl_flex05 li:not(:nth-child(3n)) {
    margin-right: 98px;
}

.bl_flex05 li:last-of-type {
    margin-right: 0;
}

.bl_flex05_img img {
    width: 298px;
    height: 169px;
    object-fit: cover;
}

.bl_flex05_textPt01 {
    font-size: 18px;
    margin-top: 38px;
}

.bl_flex05_textPt01 h3 {
    font-weight: 700;
    line-height: 1.88;
}

.bl_flex05_textPt02 {
    margin-top: 22px;
    font-weight: 500;
    line-height: 1.75;
}

.bl_flex05_link {
    display: flex;
    width: 298px;
    height: 64px;
    color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-top: 38px;
    background-color: #EFA500;
    border: 1px solid #EFA500;
    transition: all .3s linear;
}

.bl_flex05_link::before {
    content: '';
    background-image: url(../img/common/download_icon03.png);
    width: 16.72px;
    height: 16.72px;
    background-size: cover;
    display: inline-block;
    margin-right: 11px;
}

.bl_flex05 li a:hover .bl_flex05_link {
    background-color: #fff;
    color: #EFA500;
}

.bl_flex05 li a:hover .bl_flex05_link::before {
    background-image: url(../img/common/download_icon03_or.png);
    background-size: cover;
}


/*---------------------------------
* top　コンタクト
---------------------------------*/

.top_contact {
    padding: 70px 0 76px;
}

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

.bl_contact li a {
    display: flex;
    width: 533.26px;
    height: 194.55px;
    border-radius: 15px;
    justify-content: center;
    align-items: center;
}

.bl_contact_cont01 a {
    background-color: #1D8E76;
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0.05em;
    border: 1px solid #1D8E76;
}

.bl_contact_cont01 a::before {
    content: '';
    background-image: url(../img/common/mail_icon02.png);
    width: 19.29px;
    height: 15.54px;
    background-size: cover;
    margin-right: 18px;
}

.bl_contact_cont02 a {
    border: 1px solid #666666;
    flex-direction: column;
}

.bl_contact_cont02Pt01 {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.bl_contact_cont02Pt01::before {
    content: '';
    display: inline-block;
    width: 23.2px;
    height: 23.2px;
    background-image: url(../img/common/tel_icon01.png);
    background-size: cover;
    margin-right: 12px;
}

.bl_contact_cont02Pt02 {
    font-size: 14px;
    font-weight: 500;
    margin-top: 17.5px;
}

.bl_contact_cont01 a:hover {
    background-color: #fff;
    color: #1D8E76;
}

.bl_contact_cont01 a:hover::before {
    background-image: url(../img/common/mail_icon02_gr.png);
    background-size: cover;
}

.bl_contact_cont02 a:hover {
    background-color: #222222;
    color: #fff;
}

.bl_contact_cont02 a:hover .bl_contact_cont02Pt01::before {
    background-image: url(../img/common/tel_icon01_wh.png);
    background-size: cover;
}

/*---------------------------------
* footer
---------------------------------*/

.footer_inner {
    background-color: #F4F4F4;
    padding: 30px 0 48px;
    text-align: left;
}

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

.footer_nav_cont01 img {
    width: 92px;
}

.footer_nav_cont02 {
    margin-top: 7.5px;
}

.footer_nav_cont02 ul {
    display: flex;
}

.footer_nav_cont02 ul li {
    margin-right: 45px;
}

.footer_nav_cont02 ul li:last-of-type {
    margin-right: 0;
}

.footer_nav_cont02 ul li a {
    display: block;
}

.footer_nav_cont02Inner {
    margin-bottom: 20px;
}

.footer_nav_link01 {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 12px;
}

.footer_nav_link01::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #1D8E76;
    margin-right: 10px;
}

.footer_nav_link02 {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.08em;
    padding-left: 40px;
    margin-bottom: 11px;
}

.footer_nav_cont02 ul li>div:last-of-type {
    margin-bottom: 0;
}

.footer_nav_cont02Inner a:last-of-type {
    margin-bottom: 0;
}

/*---------------------------------
* column 一覧
---------------------------------*/

.underlayer_mv01 {
    background-image: url(../img/common/underlayer_bg01.png);
    background-size: cover;
    background-position: left 0 top 0;
    background-repeat: no-repeat;
    padding: 80px 0 114px;
    overflow: hidden;
}

.underlayer_mv01_inner {
    position: relative;
    z-index: 1;
}

.underlayer_mv01_inner::after {
    content: '';
    display: block;
    background-image: url(../img/column/column_mv_img.png);
    background-size: cover;
    width: 358px;
    height: 325px;
    position: absolute;
    top: -50px;
    /* 追加修正 2305 */
    right: 0;
    /* 追加修正 2305 */
    z-index: -1;
}

.underlayer_mv01 h1,
.underlayer_mv01 .h1 {
    text-align: center;
    padding: 30px;
}

.underlayer_mv_title {
    display: inline-block;
    color: #fff;
    background-color: #1D8E76;
    border-radius: 15px;
    padding: 10px 20px;
    font-size: 23px;
    font-weight: 700;
}

.underlayer_mv_subtitle {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.73;
    margin-top: 25px;
}

.column_wrapper {
    display: flex;
    justify-content: space-between;
    margin: 36px auto 0;
}

.column_main {
    width: 780px;
}

.column_side {
    width: 268px;
}

.column_main_cat {
    background-color: rgba(0, 172, 135, 0.5);
    border-radius: 15px;
    padding: 26px 30px 20px;
}

.column_main_catTitle {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

.column_main_catLink {
    display: flex;
    margin-top: 23px;
    flex-wrap: wrap;
}

.column_main_catLink a {
    display: block;
    background-color: #fff;
    border-radius: 15px;
    color: #7ED5C2;
    padding: 8px 36px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 2.26;
    margin: 0 13px 13px 0;
    border: 1px solid #fff;
}

.column_main_catLink a:hover {
    color: #fff;
    background-color: #7ED5C2;
}

.column_main_blockEl {
    height: 100%;
}

.column_main_block {
    margin-top: 32px;
}

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

.column_main_block ul li {
    width: 375px;
    margin-bottom: 30px;
}

.column_main_block ul li a {
    background-color: #fff;
    display: block;
    border-radius: 15px;
    margin-top: 70px;
    padding-bottom: 30px;
    border: 1px solid #E5E5E5;
    height: calc(100% - 100px);
}

.column_main_block ul li a:hover {
    transform: scale(1.05);
}

.column_main_blockImg {
    width: 350px;
    height: 200px;
    object-fit: cover;
    border-radius: 0 15px 15px 0;
    margin-top: -70px;
}

.column_main_blockCat {
    margin-top: 18px;
    background-color: #7ED5C2;
    border-radius: 0 15px 15px 0;
    padding: 3px 35px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    line-height: 2.26;
    font-size: 15px;
    letter-spacing: 0.05em;
}

.column_main_block h3 {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.88;
    color: #1D8E76;
}

.column_main_blockTextwrap {
    padding: 16px 37px 18px;
}

.column_main_blockText {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    margin-top: 15px;
}

.column_main_block .link_btn01 div {
    padding: 0 40px;
}

.column_main_blockCont {
    height: calc(100% - 189px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.column_side>div:nth-of-type(2) {
    margin-top: 54px;
}

.column_side h2 {
    color: #1D8E76;
    display: block;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 2px solid #1D8E76;
    padding-bottom: 16px;
}

.column_side_block a {
    display: block;
    margin-top: 23px;
    background-color: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 0 15px 15px 0;
}

.column_side_block a:hover {
    transform: scale(1.05);
}

.column_side_blockImg {
    width: 163px;
    height: 95.5px;
    object-fit: cover;
    border-radius: 0 15px 15px 0;
    margin-top: -6px;
    display: block;
}

.column_side_blockText {
    padding: 14.5px 30px 19px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.86;
}

.column_side_blockCat {
    background-color: #7ED5C2;
    color: #fff;
    border-radius: 0 15px 15px 0;
    padding: 2px 25px;
    display: inline-block;
    margin: 8.5px 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 2;
    letter-spacing: 0.05em;
}

.column_active_cat {
    margin: 60px 0 40px;
}

.column_active_cat h3 {
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    letter-spacing: 0.05em;
}


/*---------------------------------
* column 詳細
---------------------------------*/

.underlayer_mv_singleTitle {
    font-size: 30px;
    font-weight: 700;
}

.underlayer_mv01_sm {
    padding: 60px 0 70px;
    height: 173px;
    box-sizing: border-box;
}

.underlayer_mv01_sm .underlayer_mv01_inner::after {
    width: 283px;
    height: 257px;
    top: -85px;
    /* 追加修正 2305 */
    right: 0;
    /* 追加修正 2305 */
}

.column_mainDetail_date {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 11px;
}

.column_mainDetail h2,
.column_mainDetail .h2 {
    font-size: 32px;
    text-align: left;
    line-height: 1.7;
    margin: 0 0 15px;
    border-bottom: none;
    padding: 0;
    color: #1D8E76;
    font-weight: bold;
}

.column_mainDetail_cat {
    display: inline-block;
    background-color: #7ED5C2;
    color: #fff;
    border-radius: 15px;
    padding: 8px 36px;
    line-height: 1.3;
    margin-bottom: 24px;
}

.column_mainDetail_img01 {
    margin-bottom: 24px;
}

.column_mainDetail_img01 img {
    width: 100%;
    border-radius: 15px;
}

.column_mainDetail_text01 {
    line-height: 1.87;
    margin-bottom: 40px;
}

.column_detail_table {
    border: 1px solid #222222;
    padding: 30px 40px;
    border-radius: 15px;
    margin-bottom: 50px;
}

.column_detail_table h3,
.column_detail_table .h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.65;
    margin-bottom: 16px;
    color: #222222;
}

.column_detail_table ul li {
    margin-bottom: 11px;
}

.column_detail_table ul li a {
    color: #1D8E76;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.88;
    text-decoration: underline;
}

.column_detail_table ul li a:hover {
    text-decoration: none;
}

.column_detail_table ul li ul {
    padding-left: 1em;
}

.column_detail_table ul li ul li {
    margin-bottom: 0;

}

.column_detail_table ul li ul li a {
    color: #1D8E76;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.88;
    text-decoration: underline;
}

.column_detail_table ul li ul li a:hover {
    text-decoration: none;
}



.column_detailBlock01 h3,
.column_detailBlock03 h3,
.column_detailBlock01 .h3,
.column_detailBlock03 .h3 {
    font-size: 23px;
    font-weight: 700;
    line-height: 1.65;
    border-left: 3px solid #1D8E76;
    padding-left: 18px;
    margin-bottom: 20px;
    color: #222222;

}

.column_detailBlock01_text {
    line-height: 1.87;
    margin-bottom: 24px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.column_detailBlock01_img {
    margin-bottom: 30px;
    text-align: center;
    /* 追加修正 2305 */
}

.column_detailBlock01_img img {
    /*width: 100%; 追加修正 2305 */
    border-radius: 15px;
}

.column_detailBlock02 a {
    display: flex;
    align-items: center;
    border: 1px solid #E5E5E5;
    border-radius: 15px;
    padding: 30px 35px;
    margin-bottom: 50px;
    justify-content: space-between;
}

.column_detailBlock02 a:hover {
    transform: scale(1.05);
}

.column_detailBlock02In {
    display: flex;
    align-items: center;
}

.column_detailBlock02_title {
    background-color: #222222;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    height: 36px;
    border-radius: 36px;
    line-height: 36px;
    padding: 0 26px;
    display: inline-block;
    letter-spacing: 0.05em;
    margin-right: 23px;
}

.column_detailBlock02_text {
    line-height: 1.87;
    display: flex;
    align-items: center;
}

.column_detailBlock02_textIn {
    width: 509px;
}

.column_detailBlock03 {
    margin-bottom: 30px;
}

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

.column_detailBlock03_cont01 {
    width: 429px;
    line-height: 1.87;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.column_detailBlock03_cont02 {
    width: 331px;
}

.column_detailBlock03_cont02 img {
    border-radius: 15px;
}

.column_download {
    margin-top: 80px;
    margin-bottom: 50px;
}

.column_download a {
    display: flex;
    background-image: url(../img/column/column_bg01.png);
    background-size: cover;
    padding: 35px 43px 35px 30px;
    align-items: center;
    justify-content: space-between;
}

.column_download a:nth-child(n+2) {
    margin-top: 30px;
}

.column_download a:hover {
    opacity: 0.7;
}

.column_downloadIn {
    display: flex;
}

.column_download_cont01 {
    width: 249px;
    margin-right: 40px;
}

.column_download_cont02 {
    display: flex;
    align-items: center;
}

.column_download_cont02In {
    width: 377px;
}

.column_download_cont02 h3 {
    font-size: 27px;
    color: #1D8E76;
    font-weight: 700;
    line-height: 1.66;
    margin-bottom: 20px;
}

.column_download_cont02Text {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.88;
}

.column_download a.arrow01::after {
    border-top: 3px solid #1D8E76;
    border-right: 3px solid #1D8E76;
}

.column_recommend {
    margin-bottom: 86px;
}

.column_recommend h3 {
    font-size: 22px;
    font-weight: 700;
    color: #1D8E76;
    border-bottom: 2px solid #1D8E76;
    padding-bottom: 16px;
    margin-bottom: 20px;
}

.column_recommend ul li a {
    font-size: 17px;
    line-height: 1.88;
    margin-bottom: 5px;
    display: flex;
}

.column_recommend ul li a>div {
    font-weight: 700;
}

.column_recommend ul li a:hover>div {
    text-decoration: underline;
}

.column_recommend ul li a::before {
    content: "・";
    margin-right: 10px;
}

.column_pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.column_pagination a {
    font-size: 14px;
    font-weight: 700;
}

.column_pagination_prev a,
.column_pagination_next a {
    text-decoration: underline;
}

.column_pagination_prev a:hover,
.column_pagination_next a:hover {
    text-decoration: none;
}

.column_pagination_prev {
    margin-right: 85.5px;
}

.column_pagination_next {
    margin-left: 85.5px;
}

.column_pagination_next .arrow01::after {
    margin-left: 20px;
}

.column_pagination_list a {
    display: flex;
    background-color: #222222;
    color: #fff;
    width: 214px;
    height: 60px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    border: 1px solid #222222;
}

.column_pagination_list a:hover {
    background-color: #fff;
    color: #222222;
}

.column_detail_wrapper {
    margin-bottom: 40px;
}

/*---------------------------------
* 新着情報　一覧
---------------------------------*/

.underlayer_mv02 {
    background: linear-gradient(to right, #77FAC8, #81B1FF);
    height: 173px;
}

.underlayer_mv02 .wrapper {
    height: 100%;
}


.underlayer_mv02 h1,
p.h1 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1.66;
}

.news_list {
    margin: 36px 0 100px;
}

.news_list_cat {
    display: flex;
    flex-wrap: wrap;
}

.news_list_cat a,
.news_list_detailCat div {
    display: flex;
    width: 261px;
    height: 60px;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.05em;
    box-sizing: border-box;
}

.news_list_cat a {
    margin-right: 15.33px;
    margin-bottom: 15px;
}

.news_list_cat li:nth-of-type(4n) a {
    margin-right: 0;
}

.news_list_cat a:hover {
    background-color: #fff;
}

.news_cat01 a,
.news_cat01 div {
    background-color: #fff;
    border: 1px solid #222222;
}

.news_cat01 a:hover {
    color: #fff;
    background-color: #222222;
}

.news_cat02 a,
.news_cat02 div,
.news_cat_news a,
.news_cat_news div {
    background-color: #4FDFC0;
    border: 1px solid #4FDFC0;
    color: #fff;
}

.news_cat02 a:hover,
.news_cat_news a:hover {
    color: #4FDFC0;
}

.news_cat03 a,
.news_cat03 div,
.news_cat_press a,
.news_cat_press div {
    background-color: #57B8F2;
    border: 1px solid #57B8F2;
    color: #fff;
}

.news_cat03 a:hover,
.news_cat_press a:hover {
    color: #57B8F2;
}

.news_cat04 a,
.news_cat04 div,
.news_cat_event a,
.news_cat_event div {
    background-color: #1F55B4;
    border: 1px solid #1F55B4;
    color: #fff;
}

.news_cat04 a:hover,
.news_cat_event a:hover {
    color: #1F55B4;
}

.news_list_detail {
    margin: 25px 0 40px;
}

.news_list_detail li {
    padding: 0 20px;
    border-bottom: 1px solid #D9D9D9;
}

.news_list_detail li a {
    display: flex;
    align-items: center;
    padding: 16px 0;
}

.news_list_detail li:first-of-type {
    border-top: 1px solid #D9D9D9;
}

.news_list_detailCat div {
    width: 134px;
    height: 37px;
}

.news_list_detail li a:hover .news_list_detailDate,
.news_list_detail li a:hover .news_list_detailText {
    text-decoration: underline;
}

.news_list_detailDate {
    min-width: 122px;
    margin-right: 20px;
}

.news_list_detailCat {
    margin-right: 30px;
}

.news_list_detailText {
    line-height: 1.6;
    font-weight: 500;
}

.news_list_year {
    display: flex;
    flex-wrap: wrap;
}

.news_list_year li a {
    display: flex;
    background-color: #222222;
    color: #fff;
    border-radius: 10px;
    width: 261px;
    height: 60px;
    box-sizing: border-box;
    padding: 20px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.03em;
    position: relative;
    align-items: center;
    margin-right: 15.33px;
    margin-bottom: 15px;
    border: 1px solid #222222;
}

.news_list_year li:nth-of-type(4n) a {
    margin-right: 0;
}

.news_list_year li a::after {
    content: "";
    width: 5.5px;
    height: 5.5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    position: absolute;
    right: 20px;
}

.news_list_year li a:hover {
    background-color: #fff;
    color: #222222;
}

.news_list_year li a:hover::after {
    border-top: 1px solid #222222;
    border-right: 1px solid #222222;
}

/*---------------------------------
* 新着情報　詳細
---------------------------------*/

.news_detail {
    margin: 56px 0 100px;
}

.news_detail_inner,
.sm_wrapper {
    width: 958px;
    margin: 0 auto 70px;
}

.news_detail_top {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.news_detail_date {
    font-size: 14px;
    font-weight: 500;
    margin-right: 14px;
}

.news_detail_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.71;
    color: #1D8E76;
    border-bottom: none;
    text-align: left;
    padding-bottom: 21.8px;
}

.news_detail_text01 {
    line-height: 1.87;
    margin-bottom: 35px;
}

.news_detail_img {
    margin-bottom: 50px;
    text-align: center;
}

.news_detail_img img {
    max-width: 100%;
    border-radius: 15px;
}

.seminar_detail h3,
.news_detail .h3,
.seminar_detail .h3 {
    font-size: 23px;
    font-weight: 700;
    border-left: 3px solid #1D8E76;
    padding-left: 18px;
    line-height: 1.65;
    margin-bottom: 35px;
    padding-bottom: 0;
    color: inherit;
    text-align: left;
    border-bottom: 0;

}

.news_detail h3 {
    font-size: 19px;
    font-weight: 700;
    color: #1D8E76;
    line-height: 2;
    margin-bottom: 20px;
}

.news_detail h4:nth-child(n+2) {
    margin-top: 40px;
}

.news_detail_frame {
    border: 1px solid #C6C6C6;
    padding: 26px 40px 33px;
    border-radius: 15px;
}

.news_detail_frameTitle {
    color: #1D8E76;
    font-size: 19px;
    font-weight: 700;
    line-height: 2.26;
    border-bottom: 1px solid #C6C6C6;
    padding-bottom: 14px;
    margin-bottom: 19px;
}

.news_detail_frameText {
    line-height: 1.87;
}

.news_detail_btn a {
    background-color: #222222;
    border-radius: 10px;
    color: #fff;
    width: 214px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    border: 1px solid #222222;
    box-sizing: border-box;
}

.news_detail_btn a:hover {
    background-color: #fff;
    color: #222222;
}

/*---------------------------------
* セミナー　一覧
---------------------------------*/

.seminar_mv,
.case_mv {
    position: relative;
}

.seminar_mv .underlayer_mv01_inner::after {
    background-image: url(../img/seminar/seminar_mv_img.png);
    width: 404px;
    height: 273px;
    top: -50px;
    right: 0;
}

/* .seminar_mv .underlayer_mv01_inner, .case_mv .underlayer_mv01_inner{
    position: static;
} */


.seminar_list_wrapper {
    margin: 36px 0 70px;
    border-bottom: 2px solid #1D8E76;
}

.pagelink_flex_wrapper {
    margin: 36px 0 0 0;
}

.pagelink_flex {
    display: flex;
    justify-content: center;
}

.pagelink_flex a {
    display: flex;
    width: 355px;
    height: 60px;
    border: 1px solid #A5A5A5;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.03em;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    align-items: center;
}

.pagelink_flex:first-of-type a {
    margin-right: 14px;
}

.pagelink_flex a::after {
    content: "";
    width: 5.5px;
    height: 5.5px;
    border-top: 1px solid #191919;
    border-right: 1px solid #191919;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    display: inline-block;
    position: absolute;
    right: 20px;
}

.pagelink_flex a:hover {
    background-color: #222222;
    border: 1px solid #222222;
    color: #fff;
}

.pagelink_flex a:hover::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.seminar_list_wrapper h2,
.seminar_list_wrapper02 h2 {
    font-size: 32px;
    border-bottom: none;
    color: #222222;
    padding-bottom: 0;
    margin-bottom: 27px;
}

.seminar_list {
    margin-top: 60px;
    margin-bottom: 12px;
}

.seminar_list_text01 {
    line-height: 1.87;
    margin-bottom: 57.5px;
}

.seminar_flex01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
}

.seminar_flex01 li {
    height: auto;
    margin-bottom: 68px;
}

.seminar_flex01 a,
.seminar_flex02 a {
    display: flex;
    flex-direction: column;
    border: 1px solid #E5E5E5;
    border-radius: 15px;
    width: 334px;
    position: relative;
    height: 100%;
    justify-content: space-between;
}

.seminar_flex01 a:hover {
    transform: scale(1.05);
}

.seminar_flex01_date {
    background-color: #1D8E76;
    color: #fff;
    width: 180px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
}

.seminar_flex01_title {
    padding: 36px 34px 14px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.88;
    color: #1D8E76;
}

.seminar_flex01_img img {
    width: 334px;
    height: 100px;
    object-fit: cover;
}

.seminar_flex01_text {
    font-weight: 500;
    line-height: 1.75;
    padding: 18px 37px 20px;
}

.seminar_flex01 a .link_btn01 {
    margin-bottom: 22px;
}

.seminar_flex01 a .link_btn01 div,
.seminar_flex02 a .link_btn01 div {
    padding: 0 43px;
    font-size: 11px;
}

.seminar_flex01_state {
    color: #fff;
    border-radius: 0 0 15px 15px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.seminar_reception {
    background-color: #EFA500;
}

.seminar_close {
    background-color: #AFAFAF;
}

.seminar_list_wrapper02 {
    margin-bottom: 100px;
}

.seminar_flex02 {
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.seminar_flex02 a {
    width: 526px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.seminar_flex02 a:hover {
    transform: scale(1.05);
}

.seminar_list02 h3 {
    font-size: 24px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.seminar_list02 h3::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #3EB7AE;
    margin-right: 20px;
}

.seminar_flex02_title {
    padding: 30px 37px 0 37px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.9;
    margin-bottom: 17px;
    color: #1D8E76;
}

.seminar_flex02_img {
    padding: 0 37px;
    margin-bottom: 19px;
}

.seminar_flex02_img img {
    width: 100%;
    height: 135px;
    object-fit: cover;
}

.seminar_flex02_text {
    padding: 0 37px;
    font-weight: 500;
    line-height: 1.75;
    margin-bottom: 23px;
}

.seminar_flex02 a dl {
    display: flex;
    margin-bottom: 20px;
}

.seminar_flex02 a dl dt {
    width: 86px;
    height: 27px;
    border-radius: 0 15px 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.seminar_flex02_date dt {
    background-color: #1D8E76;
}

.seminar_flex02_price dt {
    background-color: #86D7C5;
}

.seminar_flex02 a dl dd {
    font-size: 14px;
    line-height: 2;
    padding: 0 37px 0 10px;
}

.seminar_flex02 .link_btn01 {
    margin-bottom: 22px;
}

/*---------------------------------
* セミナー　詳細
---------------------------------*/

.seminar_mv.underlayer_mv01_sm .underlayer_mv01_inner::after {
    /* top: -40px; 2305追加修正*/
}

.seminar_detail {
    margin: 36px 0 100px;
}

.seminar_detail h2,
.seminar_detail .h2 {
    font-size: 32px;
    text-align: left;
    line-height: 1.71;
    border-bottom: none;
    color: #1D8E76;
    font-weight: bold;
    margin-bottom: 30px;
}

.seminar_dt_img img {
    width: 100%;
    margin-bottom: 24px;
}

.seminar_dt_text01 {
    line-height: 1.87;
    margin-bottom: 50px;
}

.seminar_dt_points {
    background-color: #DFF8F3;
    border-radius: 15px;
    width: 100%;
    padding: 35px 85px 40px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.seminar_dt_pointsTitle {
    font-size: 27px;
    font-weight: 700;
    text-align: center;
    color: #1D8E76;
    margin-bottom: 30px;
}

.seminar_dt_points ul li {
    background-color: #fff;
    border-radius: 50px;
    padding: 15px 32px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
}

.seminar_dt_points ul li::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(../img/common/check_icon02.png);
    background-size: cover;
    margin-right: 71.5px;
}

.seminar_dt_points ul li span {
    display: block;
    width: 612px;
}

.seminar_dt_tableWrap {
    margin-bottom: 60px;
}

.seminar_dt_tableWrap p.seminar_note {
    line-height: 1.87;
    margin-bottom: 35px;
}

.seminar_dt_table table {
    border: 1px solid #C6C6C6;
    margin-bottom: 40px;
    width: 100%;
}

.seminar_dt_table table th,
.seminar_dt_table table td {
    padding: 18px 16px;
    border-bottom: 1px solid #C6C6C6;
    line-height: 1.87;
}

.seminar_dt_table table tr:last-of-type th,
.seminar_dt_table table tr:last-of-type td {
    border-bottom: none;
}

.seminar_dt_table table th {
    text-align: left;
    background-color: #1D8E76;
    color: #fff;
    font-weight: 700;
}

.seminar_dt_table table td {
    width: 795px;
    box-sizing: border-box;

}

.seminar_prg_table table th {
    background-color: #D5F0EB;
    color: #222222;
}

.seminar_prg_table table td h4 {
    color: #1D8E76;
    font-size: 18px;
    font-weight: 700;
}

.seminar_dt_frame {
    border: 1px solid #C6C6C6;
    border-radius: 15px;
    padding: 26px 40px 34px;
}

.seminar_dt_frameTitle {
    font-size: 19px;
    font-weight: 700;
    color: #1D8E76;
    border-bottom: 1px solid #C6C6C6;
    padding-bottom: 14px;
    margin-bottom: 19px;
}

.seminar_prg_flex01 {
    display: flex;
    margin-top: 16.6px;
}

.seminar_prg_img {
    width: 104px;
}

.seminar_prg_img+li {
    flex: 1;
    padding-left: 20px;
}

.seminar_prg_flexText01 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

.seminar_dt_frame table tr th,
.seminar_dt_frame table tr td {
    padding-bottom: 14px;
    line-height: 1.87;
}

.seminar_dt_frame table tr:last-of-type th,
.seminar_dt_frame table tr:last-of-type td {
    padding-bottom: 0;
}

.seminar_dt_frame table tr td:first-of-type::before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #1D8E76;
    margin-right: 14px;
}

.seminar_dt_frame table tr td:first-of-type {
    padding-right: 14px;
    white-space: nowrap;

}

.seminar_prg_flexText02 {
    font-size: 18px;
    font-weight: 700;
}

.seminar_prg_text01 {
    line-height: 1.87;
    margin-top: 16px;
}

.seminar_prg_acdTitle {
    background-color: #1D8E76;
    color: #fff;
    padding: 12px 32px;
    margin: 18px 0;
    font-weight: 700;
    position: relative;
    cursor: pointer;
}

.seminar_prg_acdTitle::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    width: 20px;
    height: 2px;
    /*縦線に*/
    transform: rotate(90deg);
    background: #fff;
    transition: all .3s ease-in-out;
}

.seminar_prg_acdTitle::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 30px;
    content: "";
    /*横線*/
    width: 20px;
    height: 2px;
    background: #fff;
    transition: all .2s ease-in-out;
}

.seminar_prg_acdTitle.open::before {
    transform: rotate(180deg);
}

.seminar_prg_acdTitle.open::after {
    opacity: 0;
}

.seminar_prg_acdCont {
    display: none;
    padding: 0px 32px 18px;
}

.seminar_prg_points dd {
    margin-bottom: 18px;
}

.seminar_prg_points dd ul li {
    margin-left: 16px;
}

.seminar_prg_points dd ul li::before {
    content: "・";
}

.seminar_prg_explanation dt {
    border-left: 3px solid #222222;
    padding-left: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.seminar_prg_explanation dd {
    line-height: 1.87;
    margin-top: 12px;
}

.seminar_prg_acdCont .request_btn01 {
    margin: 30px 0 0;
}

.seminar_detail .sm_wrapper {
    margin-bottom: 70px;
}

.seminar_detail .link_btn01 a {
    width: 281px;
    height: 78px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    margin: 0 auto;
}

.seminar_detail .link_btn01 a::after {
    background-image: url(../img/common/arrow02.png);
    width: 19.15px;
    height: 12.17px;
}

.seminar_detail .link_btn01 a:hover::after {
    background-image: url(../img/common/arrow02_bk.png);
}

.request_btn01 {
    margin-bottom: 56px;
}

.seminar_dt_method {
    margin-bottom: 60px;
}

.seminar_dt_method h3,
.seminar_dt_method .h3 {
    font-size: 32px;
    font-weight: 700;
    border-left: none;
    padding-left: 0;
    line-height: unset;
    margin-bottom: 27px;
    text-align: center;
    color: inherit;
    padding-bottom: 0;
}

.seminar_dt_methodText {
    text-align: center;
    margin-bottom: 30px;
}

.seminar_dt_method .link_btn01 a {
    background-color: #7E7979;
    border: 1px solid #7E7979;
    width: fit-content;
    height: fit-content;
    padding: 26px 70px;
}

.seminar_dt_method .link_btn01 a:hover {
    background-color: #fff;
}

.seminar_dt_help {
    border: 1px solid #222222;
    width: 780px;
    padding: 34px 68px 0;
    box-sizing: border-box;
    border-radius: 15px;
    margin: 0 auto 50px;
}

.seminar_dt_helpTitle {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
}

.seminar_dt_helpPoint {
    margin-bottom: 16px;
}

.seminar_dt_helpPoint li {
    line-height: 1.87;
}

.seminar_dt_helpText01 {
    line-height: 1.87;
    margin-bottom: 30px;
}

.seminar_dt_service {
    background-color: #F7F7F7;
    padding: 50px 0 80px;
    margin-bottom: 60px;

}


.seminar_dt_service h3,
.seminar_dt_service .h3 {
    font-size: 28px;
    text-align: center;
    border-left: none;
    padding-left: 0;
    line-height: unset;
    margin-bottom: 40px;
    padding-bottom: 0;
    border-bottom: 0;
    color: inherit;
    font-weight: 500;
}

.seminar_dt_serviceBl>li {
    margin-bottom: 20px;
}

.seminar_dt_serviceBl>li:last-of-type {
    margin-bottom: 0;
}

.seminar_dt_serviceBl>li>a {
    background-color: #FFFFFF;
    border-radius: 16px;
    display: flex;
    padding: 30px 64px 34px;
}

.seminar_dt_serviceBl>li>a:hover {
    transform: scale(1.05);
}

.seminar_dt_serviceEl {
    display: flex;
    align-items: center;
}

.seminar_dt_serviceImg {
    height: 105px;
    width: 180px;
    margin-right: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.seminar_dt_serviceImg img {
    max-width: 100%;
    max-height: 100%;
}

.seminar_dt_serviceCont {
    width: 518px;
    margin-right: 65px;
}

.seminar_dt_serviceText01 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 9px;
}

.seminar_dt_serviceText02 {
    color: #1D8E76;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.seminar_dt_serviceText03 {
    font-weight: 500;
}

.seminar_dt_serviceBtn .link_btn01 div {
    font-size: 11px;
}

/*---------------------------------
* 資料ダウンロード
---------------------------------*/

.download_mv {
    background-image: url(../img/download/download_mv_bg.png);
    background-color: rgba(0, 0, 0, 0.52);
    background-size: cover;
    position: relative;
}

.download_mv::after,
.video_mv::after,
.gcyber_mv::after {
    content: '';
    background-color: rgba(0, 0, 0, 0.52);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.download_mv h1,
.video_mv h1,
.gcyber_mv h1 {
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1;
}

.download_list {
    margin: 50px 0 40px;
}

.download_list h2,
.video_list h2 {
    font-size: 32px;
    color: #222222;
    border-bottom: none;
    padding-bottom: 0;
}

.download_list_inner {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.download_list_inner li {
    width: 334px;
    height: auto;
    margin-bottom: 30px;
    margin-right: 44px;
}

.download_list_inner li:nth-of-type(3n) {
    margin-right: 0;
}

.download_list_inner li a {
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    padding: 26px 37px 30px;
    box-sizing: border-box;
    justify-content: space-between;
    height: 100%;
}

.download_list_inner li a:hover {
    transform: scale(1.05);
}

.download_list_cont01 {
    font-size: 18px;
    font-weight: 700;
    color: #1D8E76;
    line-height: 1.88;
    margin-bottom: 23px;
}

.download_list_img {
    margin-bottom: 19.5px;
}

.download_list_img img {
    width: 260px;
    height: 146.45px;
    object-fit: cover;
}

.download_list_text {
    font-weight: 500;
    line-height: 1.75;
    margin-bottom: 20px;
}

.download_list_inner .link_btn01 div {
    padding: 0 58px;
}

.download_list02 {
    border-top: 2px solid #1D8E76;
    padding-top: 60px;
    margin: 40px 0 30px;
}

.download_form {
    margin: 50px 0 100px;
}

.download_form table,
.form_btn_wrap {
    width: 800px;
    margin: 0 auto;
}

.download_form table tr {
    border-bottom: 1px solid #CBCCDC;
}

.download_form table tr:first-of-type {
    border-top: 1px solid #CBCCDC;
}

.download_form table tr th {
    width: 215px;
    text-align: left;
    font-weight: 500;
    letter-spacing: 0.05em;
    position: relative;
    vertical-align: middle;
}

.download_form table tr th,
.download_form table tr td {
    padding: 16px 0;
}

.download_form table tr td {
    padding-left: 20px;
}


.download_form table input[type="text"] {
    border: 1px solid #CBCCDC;
    height: 60px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    background-color: #F9FAFC;
    font-size: 16px;
    padding: 16px;
}

.form_required {
    display: inline-block;
    color: #fff;
    background-color: #AF002F;
    padding: 5px 9px;
    font-size: 12px;
    letter-spacing: 0.05em;
    position: absolute;
    right: 0;
}

.download_form table tr.form_nameWrap {
    border-bottom: none;
}

.form_name {
    width: 16px;
    font-weight: 500;
}

.form_btn_wrap {
    text-align: center;
    margin-top: 37px;
}

.form_btn_text {
    font-weight: 500;
}

.form_btn_text a {
    color: #1D8E76;
    text-decoration: underline;
}

.form_btn_text a:hover {
    text-decoration: none;
}

.form_btn {
    margin-top: 60px;
}

.form_btn input {
    padding: 18px 64px;
    background-color: #1D8E76;
    border-radius: 10px;
    color: #fff;
    border: 0;
    font-size: 19px;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid #1D8E76;
    box-sizing: border-box;
    transition: all .3s linear;
}

.form_btn input:hover {
    background-color: #fff;
    color: #1D8E76;
}

.download_complete .link_btn01 {
    display: flex;
    justify-content: center;
}

.download_complete .link_btn01 div {
    background-color: #EFA500;
    border: 1px solid #EFA500;
    padding: 0 23px 0 45px;
    display: flex;
    align-items: center;
    width: 166px;
}

.download_complete .link_btn01_wrap:hover .link_btn01 div {
    color: #EFA500;
}

.download_complete .link_btn01 div::after {
    background-image: url(../img/common/download_icon01.png);
    width: 9.37px;
    height: 9.37px;
    right: auto;
    left: 28px;
}

.download_complete .link_btn01_wrap:hover .link_btn01 div::after {
    background-image: url(../img/common/download_icon01_or.png);
}

/*---------------------------------
* 強み
---------------------------------*/

.strength_mv {
    background-image: url(../img/strength/strength_mv_img.png);
    padding: 97px 0;
}

.strength_mv .underlayer_mv_title {
    line-height: 1.26;
}

.strength_mv .underlayer_mv_title {
    padding: 13px 20px;
}

.strength_bl {
    margin: 36px 0 100px;
}

.page-id-274 .pagelink li,
.page-id-832 .pagelink li {
    display: flex;
    align-items: center;
    width: 355px;
    height: 60px;
    border: 1px solid #A5A5A5;
    border-radius: 10px;
    position: relative;
    transition: all .3s linear;

}

@media screen and (max-width:768px) {

    .page-id-274 .pagelink li,
    .page-id-832 .pagelink li {
        margin-bottom: 20px;
    }
}

.page-id-274 .pagelink li a,
.page-id-832 .pagelink li a {
    display: flex;
    align-items: center;

    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.03em;
    padding-right: 20px;

    padding-left: 24px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;

}

.page-id-274 .pagelink a .text_grn,
.page-id-832 .pagelink a .text_grn {
    transition: all .3s linear;
}

.page-id-274 .pagelink li:hover,
.page-id-832 .pagelink li:hover {
    background-color: #222222;

}

.page-id-274 .pagelink li:hover a,
.page-id-832 .pagelink li:hover a {
    color: #fff;
}

.page-id-274 .pagelink li:hover .text_grn,
.page-id-832 .pagelink li:hover .text_grn {
    color: #fff;
}

.page-id-274 .pagelink li::after,
.page-id-832 .pagelink li::after {
    content: "";
    width: 5px;
    height: 5px;
    border-top: 1px solid #191919;
    border-right: 1px solid #191919;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    display: inline-block;
    position: absolute;
    right: 12px;
}

.page-id-274 .pagelink li:hover::after,
.page-id-832 .pagelink li:hover::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

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

.page-id-832 .pagelink {
    justify-content: flex-start;
}

.page-id-832 .pagelink li {
    margin-right: 13px;
}

body:not(.page-id-274):not(.page-id-832) .pagelink a {
    display: flex;
    align-items: center;
    width: 355px;
    height: 60px;
    border: 1px solid #A5A5A5;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.03em;
    border-radius: 10px;
    padding-left: 24px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
}

body:not(.page-id-274):not(.page-id-832) .pagelink a .text_grn {
    transition: all .3s linear;
}

body:not(.page-id-274):not(.page-id-832) .pagelink a:hover {
    background-color: #222222;
    color: #fff;
}

body:not(.page-id-274):not(.page-id-832) .pagelink a:hover .text_grn {
    color: #fff;
}

body:not(.page-id-274):not(.page-id-832) .pagelink a::after {
    content: "";
    width: 5px;
    height: 5px;
    border-top: 1px solid #191919;
    border-right: 1px solid #191919;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    display: inline-block;
    position: absolute;
    right: 12px;
}

body:not(.page-id-274):not(.page-id-832) .pagelink a:hover::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.strength_el {
    margin-top: 70px;
}

.strength_el ul {
    display: flex;
    position: relative;
    margin-bottom: 134px;
}

.strength_el_img01 {
    width: 65.74%;
    position: relative;
    z-index: 1;
}

.strength_el_img01 img {
    border-radius: 0 14px 14px 0;
}

.strength_el_cont {
    position: absolute;
    right: 0;
    top: 100px;
    width: 73.5%;
    z-index: 2;
    background-color: #FFFFFF;
    border-radius: 15px 0 0 15px;
    padding: 35px 13.65% 40px 6.67%;
    box-sizing: border-box;
}

.strength_el_contInner {
    width: 800px;
}

.strength_el_number {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.strength_el_numberCont01 {
    font-size: 15px;
    font-weight: 700;
    color: #1D8E76;
    margin-right: 10px;
}

.strength_el_numberCont02 {
    font-family: 'Barlow', sans-serif;
    font-size: 37px;
    letter-spacing: 0.05em;
    color: #1D8E76;
}

.strength_el_number::after {
    content: '';
    display: inline-block;
    width: 53px;
    height: 2px;
    background-color: #1D8E76;
    margin-left: 19px;
}

.strength_el_contInner h2 {
    text-align: left;
    font-size: 28px;
    color: #222222;
    line-height: 1.42;
    margin-bottom: 19px;
    border-bottom: none;
    padding: 0;
}

.strength_el_text {
    line-height: 1.87;
}

.strength_el_img02 {
    width: 967px;
    margin: 0 auto;
    text-align: center;
}

.strength_el_wrap>div:nth-of-type(n+2) {
    margin-top: 100px;
}

.strength_el_rv ul {
    flex-direction: row-reverse;
}

.strength_el_rv .strength_el_cont {
    left: 0;
    right: auto;
}

/*---------------------------------
* サービス詳細
---------------------------------*/

.service_mv {
    /* background-image: url(../img/service/service_mv_img.png); */
    padding: 40px 0 50px;
    position: relative;
}

.service_mv::after {
    content: '';
    background-color: rgba(0, 0, 0, 0.37);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.underlayer_mv_cont {
    position: relative;
    z-index: 1;
}

.service_mv .underlayer_mv_subtitle {
    color: #fff;
    margin-top: 16px;
}

.underlayer_mv_listWrap {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

.underlayer_mv_list {
    background-color: #fff;
    display: inline-block;
}

.service_mv .underlayer_mv_title {
    padding: 10px 25px 15px;
}

.underlayer_mv_titleSm {
    font-size: 15px;
}

.underlayer_mv_list {
    padding: 22px 26px 25px;
    border-radius: 15px;
}

.underlayer_mv_list li {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
}

.underlayer_mv_list li:last-of-type {
    margin-bottom: 0;
}

.underlayer_mv_list li::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #1D8E76;
    border-radius: 50%;
    margin-right: 8px;
}

.pagelink_grn a {
    font-size: 14px;
    width: 261px;
    padding: 20px;
    box-sizing: border-box;
}

.pagelink_grn a:hover {
    background-color: #1D8E76;
    border: 1px solid #1D8E76;
    color: #fff;
}

.pagelink_wrap {
    margin-top: 36px;
}

.service_pagelink li {
    margin-bottom: 13px;
}

.service_detail {
    margin-top: 100px;
}

.service_el01 {
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
}

.service_el01_head {
    display: flex;
    justify-content: center;
}

.service_el01_head span {
    display: inline-block;
    background-color: #222222;
    color: #fff;
    padding: 13.5px 48px;
    border-radius: 50px;
}

.service_el02 .service_el01_head span,
.service_bl02Cont01 .service_el01_head span {
    background-color: #1D8E76;
}

.service_el01_inner h2,
.service_bl02Cont01 h2 {
    font-size: 32px;
    font-weight: 700;
    margin-top: 25px;
    color: #222222;
    border-bottom: none;
    padding: 0;
    line-height: 1.71;
}

.service_el01_list {
    margin-top: 40px;
}

.service_el01_list li {
    padding: 15px 124px;
    border-radius: 50px;
    margin-bottom: 12px;
    font-size: 18px;
    position: relative;
}

.service_el01_list li:last-of-type {
    margin-bottom: 0;
}

.service_el01_list li::before {
    position: absolute;
    content: '';
    display: inline-block;
    background-image: url(../img/common/check_icon02.png);
    width: 21.81px;
    height: 21.81px;
    background-size: cover;
    left: 31.6px;
    top: 50%;
    transform: translateY(-50%);
}

.service_el01_list li span {
    display: inline-block;
    width: 540px;
    font-weight: 500;
    line-height: 1.5;
}

.service_el01_list::after {
    content: "";
    width: 90.71px;
    height: 39.77px;
    background-image: url(../img/common/arrow03.png);
    display: block;
    margin: 30px auto 0;
    background-size: cover;
}

.service_el02 {
    background-color: #F7F7F7;
    padding: 62.8px 0 70px;
    border-radius: 15px;
    margin-bottom: 70px;

}

.service_el02 .service_el01_inner {
    width: 958px;
    margin: 0 auto;
}

.service_el02_text {
    font-size: 16px;
    line-height: 1.87;
    margin-top: 40px;
}

.service_el02_img {
    margin-top: 40px;
    text-align: center;
}

.service_el03 {
    margin-bottom: 40px;
}

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

.service_el03 ul li {
    width: 526px;
    border: 1px solid #2B7A62;
    border-radius: 15px;
    padding: 38px 65px 47.5px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.service_el03_head {
    color: #1D8E76;
    font-size: 29px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 35px;
}

.service_el03_title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.75;
    margin-bottom: 24px;
    position: relative;
}

.service_el03_title::before {
    content: '';
    display: block;
    width: 5px;
    height: 100%;
    background-color: #1D8E76;
    position: absolute;
    left: -65px;
}

.service_el03_img {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
    height: 110px;
    align-items: center;
}

.service_el02_imgIn {
    height: auto;
    /*margin-bottom: 70px; 追加修正 2305 */
}

.service_el03_img img {
    width: 133px;
    height: auto;
}

.service_el03_text {
    line-height: 1.87;
}

.sec_border {
    border-top: 2px solid #1D8E76;
    padding: 70px 0;
    margin-top: 70px;
}

.service_bl01 {
    margin-bottom: 70px;
    /* 追加修正 2305 */
}

.service_bl01.line {
    margin-bottom: 0;
}

.service_bl02Cont01 .service_el01_head span {
    font-size: 24px;
    font-weight: 700;
    padding: 10px 28px;
}

.service_bl02Cont02 {
    margin-top: 40px;
}

.service_bl02Cont02 ul {
    display: flex;
    height: 100%;
    flex-wrap: wrap;
}

.service_bl02Cont02 ul li {
    height: auto;
    margin-bottom: 20px;
    margin-right: 22px;
}

.service_bl02Cont02 ul li:nth-of-type(4n) {
    margin-right: 0;
}

.service_bl02Cont02 ul li a {
    display: flex;
    flex-direction: column;
    width: 256px;
    height: 100%;
    border-radius: 15px;
}

.service_bl02Cont02 ul li a:hover {
    transform: scale(1.05);
}

.service_bl02Cont02_head {
    background-color: #90CBBE;
    border-radius: 15px 15px 0 0;
    text-align: center;
    padding: 13px 0 6px;
}

.service_bl02Cont02_head span {
    display: block;
}

.service_bl02Cont02_head span:first-of-type {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

.service_bl02Cont02_head span:nth-of-type(2) {
    font-size: 30px;
    font-weight: 500;
    font-family: 'Barlow', sans-serif;
    color: #fff;
    letter-spacing: 0.05em;
}

.service_bl02Cont02_text {
    text-align: center;
    background-color: #F7F7F7;
    border-radius: 0 0 15px 15px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.66;
    padding: 20px 20px 60px;
    position: relative;
    display: flex;
    justify-content: center;
    height: 100%;
}

.service_bl02Cont02_text::after {
    content: "";
    width: 6.77px;
    height: 6.77px;
    border-top: 3px solid #1D8E76;
    border-right: 3px solid #1D8E76;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    display: inline-block;
    position: absolute;
    bottom: 27px;
}

.service_bl02Cont03>ul>li {
    margin-top: 50px;
}

.service_bl02Cont03>ul>li:nth-of-type(n+2) {
    margin-top: 60px;
}

.service_bl02Cont03_title {
    display: flex;
    align-items: center;
}

.service_bl02Cont03_head {
    position: relative;
}

.service_bl02Cont03_title h3 a,
.service_bl02Cont03_text a,
.service_el03_text a {
    color: #1D8E76;
}

.service_bl02Cont03_head>div {
    display: flex;
    align-items: center;
}

.service_bl02Cont03_head::after {
    content: '';
    display: inline-block;
    transform: rotate(125deg);
    -webkit-transform: rotate(125deg);
    width: 47.53px;
    height: 48px;
    border-top: 1px solid #2B7A62;
    margin-right: -24px;
    padding: 0;
    position: absolute;
    right: 0;
    top: -11px;
}

.service_bl02Cont03_head span:first-of-type {
    color: #1D8E76;
    font-size: 15px;
    font-weight: 700;
    margin-right: 12px;
    white-space: nowrap;
}

.service_bl02Cont03_head span:nth-of-type(2) {
    font-family: 'Barlow', sans-serif;
    font-size: 50px;
    font-weight: 500;
    color: #1D8E76;
    letter-spacing: 0.05em;
}

.service_bl02Cont03_title {
    border-bottom: 2px solid #1D8E76;
    padding-bottom: 15px;
}

.service_bl02Cont03_title h3 {
    margin-left: 44px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
}

.service_bl02Cont03_flex {
    display: flex;
    margin-top: 48.5px;
    justify-content: space-between;
}

.service_bl02Cont03_text {
    width: 455px;
    line-height: 1.87;
    flex: 1;
}

.service_bl02Cont03_img {
    width: 576px;
    text-align: center;
    padding-left: 20px;
}

.service_bl02Cont03_img img {
    /* border-radius: 15px; */
    /* border: 1px solid #707070; */
}

.service_head {
    font-size: 30px !important;
    color: #222222;
    border-bottom: none;
    padding: 0 0 0 24px !important;
    border-left: 4px solid #1D8E76;
    text-align: left;
}

.h3_icon_circle,
.h3_icon_num {

    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    line-height: 1.6;


}

.h3_icon_circle a {
    background-color: transparent !important;
    color: #222 !important;
    text-decoration: none !important;
}

.h3_icon_circle a:hover {

    color: #1D8E76 !important;

}

@media screen and (max-width:768px) {

    .h3_icon_circle,
    .h3_icon_num {

        font-size: 16px;
    }
}

.h3_icon_circle::before {
    content: url("../img/service/circle.svg");
    margin-right: 22px;

}

.h3_icon_num span {
    font-family: 'Barlow', sans-serif;
    color: #1D8E76;
    font-weight: 500;
    display: flex;
    align-items: center;
    font-size: 35px;
    letter-spacing: 0.05em;


}

.h3_icon_num span::after {
    content: "";
    display: block;
    width: 1px;
    height: 27px;
    background: #1D8E76;
    transform: rotate(39deg) translateY(2px);
    margin: 0 16px;

}

.h3_icon_num::before {
    margin-top: 43px;
    font-size: 24px;
    font-weight: bold;

}

.service_bl03 table {
    margin-top: 40px;
    background-color: #F7F7F7;
    width: 100%;
}

.service_bl03 table th,
.service_bl03 table td {
    line-height: 1.87;
    padding: 17px 25px;
    text-align: left;
}

.service_bl03 table th {
    font-weight: 700;
    min-width: 260px;
}

.service_bl03 table tr {
    border-bottom: 1px solid #C6C6C6;
}

.service_bl03 table tr:first-of-type {
    border-top: 1px solid #C6C6C6;
}

.service_bl04 .bl_flex03 {
    margin-top: 40px;
    padding-top: 120px;
}

/* .service_bl04 .bl_flex03_text{
  background-color: rgba(0,172,135,0.5);
 
} */

.service_bl04 .bl_flex03_textPt01 {
    color: #222222;
}

.service_bl05 table {
    margin-top: 40px;
}

.service_bl05 table th,
.service_bl05 table td {
    background-color: #F7F7F7;
    border: 1px solid #fff;
    box-sizing: border-box;
    position: relative;
    z-index: -1;
    background-clip: padding-box;
}

.service_bl05 table thead tr th:first-of-type {
    background-color: unset;
}

.service_bl05 table thead tr th {
    position: relative;
    background-color: #fff;
}

.service_bl05 table thead tr th span {
    position: absolute;
    height: 65px;
    background-color: #657976;
    width: 100%;
    display: table-cell;
    bottom: 0;
    color: #fff;
    line-height: 65px;
}

.service_bl05 table thead tr th,
.service_bl05 table tbody tr td {
    right: -1px;
}

.service_bl05 table thead tr th:first-of-type {
    right: 0;
}

.service_bl05 table thead tr th.table_comparison {
    background-color: #1D8E76;
    border: 3px solid #1D8E76;
    height: 119px;
    z-index: 1;
    right: 0;
    vertical-align: middle;
}

.table_comparison img {
    width: 100px;
}

.service_bl05 table tbody tr th {
    padding: 40px 24px;
    min-width: 226px;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
}

.service_bl05 table tbody tr td {
    padding: 20px 15px;
    text-align: center;
}

.service_bl05 table tbody tr td span {
    display: block;
}

.service_bl05 table tbody tr td span:first-of-type {
    font-size: 18px;
    font-weight: 700;
}

.service_bl05 table tbody tr td span:nth-of-type(2) {
    font-size: 13px;
    line-height: 1.76;
    margin-top: 7px;
}

.service_bl05 table tbody tr td.table_comparison {
    border: 3px solid #1D8E76;
    z-index: 1;
    right: 0;
    padding: 15px 67px;
}

.service_bl05 table tbody tr td.table_comparison span:first-of-type {
    color: #1D8E76;
    font-size: 26px;
    font-weight: 700;
}

.service_bl05 table tbody tr td.table_comparison span:nth-of-type(2) {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.76;
    margin-top: 4px;
}

.service_connection {
    border: 1px solid #222222;
    border-radius: 15px;
    padding: 38px 56px 47px;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.service_connection h2 {
    border-bottom: unset;
    padding: 0;
    margin-bottom: 12px;
}

.recent_service_inner {
    text-align: center;
    padding: 38px 0;
    position: relative;
    width: 100%;
}

.recent_service_inner a {
    display: block !important;
    width: 100% !important;
    background: none !important;
    color: #191919 !important;
    height: auto !important;
    border: none !important;
    text-decoration: none !important;

}

.recent_service_inner a span {
    transition: all .3s linear;

}

.recent_service_inner a:hover span {
    color: #1D8E76;
}

.recent_service_inner:not(:last-child) {
    border-bottom: 1px dotted #191919;
}

.recent_service_inner::after {
    content: "";
    display: block;
    width: 8px;
    height: 16px;
    background: url("../img/service/recent-service-arrow.png") no-repeat center / cover;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);

}

.service_connection_text01 {
    /* margin-top: 37px; */
    font-size: 20px;
    font-weight: 700;
    display: block;
}

.service_connection_text02 {
    font-size: 32px;
    font-weight: 700;
    margin-top: 8px;
    display: block;
}

.service_connection a {
    display: flex;
    background-color: #1D8E76;
    width: 169px;
    height: 47px;
    color: #fff;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    margin-top: 44px;
    border: 1px solid #1D8E76;
}

a.link_back {
    display: flex;
    background-color: #1D8E76;
    width: 169px;
    height: 47px;
    color: #fff !important;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    margin-top: 44px;
    border: 1px solid #1D8E76;
}

.service_bl06 a.link_back {
    margin-right: auto;
    margin-left: auto;
}

a.link_back:hover {
    background-color: #fff;
    color: #1D8E76;
}

.service_connection a:hover {
    background-color: #fff;
    color: #1D8E76;
}

.service_download a {
    display: flex;
}

.service_download .bl_flex05 li {
    width: auto;
    margin: auto !important;
    max-width: 100%;
}

.service_download .bl_flex05_img {
    margin-right: 50px;
}

.service_download .bl_flex05_img img {
    min-width: 267px;
    width: 267px;
    height: auto;
}

.service_download .bl_flex05_textPt01 {
    font-size: 25px;
    line-height: 1.88;
    margin-top: 7px;
}

/*---------------------------------
* 導入事例
---------------------------------*/

.case_mv .underlayer_mv01_inner::after {
    background-image: url(../img/case/case_mv_img.png);
    width: 443px;
    height: 345px;
    top: -60px;
    /* 追加修正 2305 */
    bottom: 0;
    right: 0;

}

.pagelink_flex.pagelink_3col {
    justify-content: initial;
    flex-wrap: wrap;
}

.pagelink_flex.pagelink_3col a {
    margin-right: 12.5px;
    line-height: 1.71;
    margin-bottom: 16px;
}

.pagelink_flex.pagelink_3col li:nth-of-type(3n) a {
    margin-right: 0;
}

.pagelink_flex.pagelink_3col a::after {
    right: 12px;
}

.case_list {
    margin: 36px 0 60px;
}

.case_bl {
    margin-top: 47px;
}

.case_bl ul {
    display: flex;
    flex-wrap: wrap;
}

.case_bl ul li {
    display: flex;
    width: 334px;
    margin-right: 44px;
    margin-bottom: 40px;

}

.case_bl ul li:nth-of-type(3n) {
    margin-right: 0;
}

.case_bl ul li a {
    display: block;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.case_bl ul li a:hover {
    transform: scale(1.05);
}

.case_bl_img img {
    border-radius: 15px 15px 0 0;
    max-height: 191px;
    object-fit: cover;
    width: 100%;
}

.case_bl_cont {
    padding: 20px 20px 26px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.case_bl_title {
    font-size: 20px;
    font-weight: 700;
    color: #1D8E76;
    letter-spacing: 0.05em;
    line-height: 1.8;
}

.case_bl_subject {
    margin-top: 9px;
    border-bottom: 2px solid #D9D9D9;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
}

.case_bl_subjectHead {
    color: #1D8E76;
    font-weight: 700;
    border: 1px solid #1D8E76;
    border-radius: 4px;
    padding: 3px 9px;
    margin-right: 9px;
    white-space: nowrap;
}

.case_bl_subjectTitle {
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.5;
}

.case_bl_text {
    font-weight: 500;
    margin-top: 12px;
    line-height: 1.75;
}

.case_bl_service {
    margin-top: 17px;
    background-color: #DFF8F3;
    padding: 12px 25px 19px;
    margin-bottom: 19px;
}

.case_bl_service dl dt {
    color: #1D8E76;
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
}

.case_bl_service dl dt::before {
    content: '';
    display: block;
    width: 12px;
    height: 3px;
    background-color: #1D8E76;
    position: absolute;
    left: -25px;
}

.case_bl_service dl dd {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71;
}

.case_bl_cont .link_btn01 {
    /* margin-top: 19px; */
    margin-top: auto;
}

/*---------------------------------
* サービス一覧
---------------------------------*/

.service_list_mv {
    background-image: url(../img/service/servicelist_mv_img.png);
    padding: 97px 0;
}

.pagelink_3col.pagelink_grn a {
    width: 355px;
    padding: 10px 20px;
}

.service_list_mv .underlayer_mv_subtitle,
.service_navi_mv .underlayer_mv_subtitle {
    color: #fff;
}

.service_list_head {
    /* margin: 44px 0 75px; */
    margin: 44px 0 0px;
}

.service_list_head h2,
.service_list h2 {
    font-size: 22px;
    color: #222222;
    border-bottom: none;
    padding: 0;
    line-height: 1.81;
}

.service_list_headText {
    line-height: 1.87;
    margin-top: 30px;
}

@media screen and (min-width:769px) {
    .service_list_headImg {
        width: 70%;
        margin: 0 auto;
    }
}

.service_list_headImg img {
    width: 100%;
    margin-top: 40px;
}

.service_list {
    padding: 50px 0 35px;
}

.service_list_bl {
    display: flex;
    margin-top: 39px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.service_list_bl>li {
    margin-bottom: 30px;
}

.service_list_bl a {
    display: block;
    background-color: #fff;
    width: 526px;
    border-radius: 16px;
    height: 100%;
}

.service_list_bl a:hover {
    transform: scale(1.05);
}

.service_list_cont01 {
    padding: 30px 50px 20px;
    border-bottom: 2px solid #D9D9D9;
    display: flex;
    align-items: center;
}

.service_list_cont01Img {
    width: 180px;
    margin-right: 20px;
}

.service_list_cont01Img img {
    height: 40px;
    object-fit: cover;
    width: 100%;
}

.service_list_cont01Text {
    font-size: 20px;
    font-weight: 700;
    /* width: 228px; */
    line-height: 1.75;
    flex: 1;
}

.service_list_cont02 {
    padding: 23px 50px 43px;
}

.service_list_cont02 dt {
    color: #1D8E76;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.88;
}

.service_list_cont02 dd {
    margin-top: 17px;
    font-weight: 500;
    line-height: 1.75;
}

.service_list_pt02 .service_list_cont01Img {
    width: 176px;
}

.service_list_pt02 .service_list_cont01Img img {
    height: 104px;
    object-fit: cover;
    border-radius: 7px;
}

.service_list_bl>li.service_list_el1column {
    width: 100%;
}

.service_list_el1column>div {
    background-color: #fff;
    border-radius: 16px;
    transition: all .3s linear;
}

.service_list_el1columnBl01 a {
    border-bottom: 2px solid #D9D9D9;
    display: flex;
    justify-content: space-between;
    padding: 30px 67px 30px 50px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 16px 16px 0 0;
}

.service_list_bl .service_list_el1columnBl01 a:hover {
    transform: unset;
}

.service_list_el1columnBl01 .service_list_cont01 {
    border: none;
    padding: 0;
    align-items: flex-start;
}

.service_list_el1columnBl01 .service_list_cont02 {
    padding: 0;
    width: 479px;
}

.service_list_el1columnBl01 .service_list_cont01Text {
    padding-right: 20px;
}

.service_list_el1column.scale_big>div {
    transform: scale(1.05);
}

.service_list_el1columnBl02 {
    padding: 25px 67px 36px;
}

.service_list_el1columnBl02 ul li {
    margin-bottom: 15px;
}

.service_list_el1columnBl02 ul li:last-of-type {
    margin-bottom: 0;
}

.service_list_el1columnBl02 ul li a {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
}

.service_list_el1columnBl02 ul li a::before {
    content: '▶';
    color: #1D8E76;
    margin-right: 5px;
}

.service_list_el1columnBl02 ul li a:hover {
    transform: none;
    color: #1D8E76;
}

@media screen and (max-width:768px) {
    .service_list_el1columnBl01 a {
        display: block;
        padding: 0 0 20px;
    }

    .service_list_el1columnBl01 .service_list_cont02 {
        width: 100%;
    }

    .service_list_el1columnBl01 .service_list_cont01Text {
        padding-right: 0;
        margin-bottom: 20px;
    }
}

/*---------------------------------
* 動画一覧
---------------------------------*/

.video_mv {
    background-image: url(../img/video/video_mv_img.png);
    background-size: cover;
    position: relative;
}

.video_list {
    margin: 50px 0 60px;
}

.video_el {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.video_el>li {
    width: 334px;
    margin-right: 44px;
    margin-bottom: 40px;
}

.video_el>li:nth-of-type(3n) {
    margin-right: 0;
}

.video_el>li a {
    display: block;
}

.video_el>li a:hover {
    transform: scale(1.05);
}

.video_cont01 {
    margin-bottom: 20px;
}

.video_cont01 img {
    width: 100%;
    height: 188px;
    object-fit: cover;
}

.video_date {
    font-weight: 500;
    margin-bottom: 12px;
}

.video_title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 13px;
    color: #1D8E76;
}

.video_text {
    font-weight: 500;
    line-height: 1.75;
}

.video_bl02 {
    margin-top: 30px;
    padding-top: 60px;
    border-top: 2px solid #1D8E76;
}

/*---------------------------------
* Gサイバーチャンネル
---------------------------------*/

.gcyber_mv {
    background-image: url(../img/gcyber_channel/gcyber_mv_img.png);
    background-size: cover;
    position: relative;
}

.gcyber_sec01 {
    margin: 60px 0 70px;
}

.gcyber_subtitle {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 17px;
    color: #1D8E76;
    text-align: center;
}

.gcyber_title01 {
    font-size: 28px;
    color: #222222;
    border-bottom: none;
    padding-bottom: unset;
    margin-bottom: 30px;
}

.gcyber_text01 {
    line-height: 1.87;
    margin-bottom: 30px;
}

.gcyber_text_sm01 {
    font-size: 14px;
}

.gcyber_sec02 {
    background-color: #F7F7F7;
    padding: 60px 0 70px;
}

.gcyber_sec02 .sm_wrapper {
    margin-bottom: 0;
}

.gcyber_bl01 {
    background-color: #fff;
    border-radius: 16px;
    padding: 30px 50px 35px;
    text-align: center;
    margin-bottom: 30px;
}

.gcyber_sec02 .gcyber_bl01:last-of-type {
    margin-bottom: 0;
}

.gcyber_bl01_date {
    color: #1D8E76;
    margin-bottom: 13px;
    font-size: 18px;
    font-weight: 700;
}

.gcyber_bl01_title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.66;
    margin-bottom: 16px;
}

.gcyber_bl01_text {
    font-weight: 500;
    line-height: 1.75;
    margin-bottom: 20px;
}

.gcyber_bl01 .link_btn01 a {
    background-color: #1D8E76;
    border: 1px solid #1D8E76;
    width: 520px;
}

.gcyber_bl01 .link_btn01 a:hover {
    background-color: #fff;
    color: #1D8E76;
}

.gcyber_bl01 .link_btn01 a:hover::after {
    background-image: url(../img/common/arrow_grn.png);
}

.gcyber_sec03 {
    margin: 60px 0 70px;
}

.gcyber_sec03 h2 {
    font-size: 23px;
    font-weight: 700;
    color: #222222;
    border-bottom: none;
    padding-bottom: unset;
    border-left: 3px solid #1D8E76;
    padding-left: 18px;
    text-align: left;
    margin-bottom: 30px;
}

.table_wrap {
    width: 958px;
    overflow-x: scroll;
    margin-bottom: 20px;
}

.gcyber_sec03 .table_wrap:last-of-type {
    margin-bottom: 0;
}

.gcyber_sec03 table th,
.gcyber_sec03 table td {
    border: 1px solid #C6C6C6;
    box-sizing: border-box;
}

.gcyber_sec03 table thead th {
    background-color: #1D8E76;
}

.gcyber_sec03 table thead td {
    width: 172px;
    padding: 18px 0;
    text-align: center;
    background-color: #1D8E76;
    color: #fff;
    font-weight: 700;
    min-width: 172px;
}

.gcyber_sec03 table tbody th {
    width: 95.5px;
    min-width: 95.5px;
    padding: 16px;
    background-color: #D5F0EB;
    box-sizing: border-box;
    text-align: left;
    font-weight: 700;
}

.gcyber_sec03 table .table_date td {
    padding: 16px 0;
    text-align: center;
}

.gcyber_sec03 table tbody td {
    padding: 16px 21px;
    font-size: 14px;
    line-height: 1.85;
}

.gcyber_sec03 table tbody td a {
    color: #1D8E76;
    text-decoration: underline;
}

.gcyber_sec03 table tbody td a:hover {
    text-decoration: unset;
}

.gcyber_sec03_cont {
    text-align: center;
    margin-top: 60px;
}

.gcyber_sec03_contText {
    margin-bottom: 10px;
}

.gcyber_sec03_cont a {
    color: #1D8E76;
    text-decoration: underline;
}

.gcyber_sec03_cont a:hover {
    text-decoration: unset;
}

.gcyber_sec04_inner {
    padding: 60px 0 30px;
    border-top: 2px solid #1D8E76;
}

.gcyber_bl02 {
    border: 1px solid #222222;
    border-radius: 15px;
    padding: 34px 68px;
    width: 779px;
    box-sizing: border-box;
    margin: 0 auto;
}

.gcyber_bl02 h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
}

.gcyber_bl02_cont {
    margin-bottom: 16px;
}

.gcyber_bl02_cont li {
    line-height: 1.87;
}

.gcyber_bl02_cont li::before {
    content: "・";
}

.gcyber_bl02_text01 {
    margin-bottom: 30px;
}

.gcyber_bl02_text02 {
    line-height: 1.87;
}

.gcyber_bl02_text02 a:hover {
    text-decoration: underline;
}

.gcyber_bl02_text02 a[href^="tel:"] {
    pointer-events: none;
}

.gcyber_title01 {
    font-size: 32px;
    font-weight: 700;
    border-left: none;
    padding-left: 0;
    line-height: unset;
    margin-bottom: 27px;
    text-align: center;
}

.gcyber_sec04 .gcyber_text01 {
    text-align: center;
    margin-bottom: 30px;
}

.gcyber_bl02 {
    border: 1px solid #222222;
    width: 780px;
    padding: 34px 68px 30px;
    box-sizing: border-box;
    border-radius: 15px;
    margin: 0 auto 50px;
}

.gcyber_sec03 h2 {
    font-size: 23px;
    font-weight: 700;
    border-left: 3px solid #1D8E76;
    padding-left: 18px;
    line-height: 1.65;
    margin-bottom: 35px;
}

.gcyber_bl02 .gcyber_bl02_text02+p {
    line-height: 2;

}

/*---------------------------------
* 導入事例　詳細
---------------------------------*/

.case_detail_mv {
    padding: 32px 0;
}

/* .case_detail_mv::after{
    content: '';
    background-color: rgba(255,255,255,0.62);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
} */

.case_detail_mv h1,
.case_detail_mv .h1 {
    position: relative;
    z-index: 2;
}

.case_mv_bl {
    background-color: rgba(255, 255, 255, 0.84);
    border-radius: 15px;
    position: relative;
    z-index: 2;
    margin-top: 19px;
    padding: 30px 50px 43px 67px;
}

.case_mv_bl ul {
    display: flex;
}

.case_mv_cat {
    display: inline-block;
    background-color: #222222;
    color: #fff;
    padding: 9px 20px;
    margin-top: 7px;
}

.case_mv_cont01 {
    margin-right: 50px;
    position: relative;
    width: 276px;
    height: 158px;
}

.case_mv_cont01 img {
    border-radius: 15px;
    width: 276px;
    height: 158px;
    object-fit: cover;
    position: absolute;
    z-index: 3;
}

.case_mv_cont01::after {
    content: '';
    display: block;
    width: 277px;
    height: 158px;
    background: linear-gradient(to right, #77FAC8, #81B1FF);
    border-radius: 15px;
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 12px;
}

.case_mv_cont02 {
    width: 639px;
}

.case_mv_cont02 h2,
.case_mv_cont02 h1.h2 {
    font-size: 24px;
    color: #222222;
    padding: 0;
    border-bottom: unset;
    text-align: left;
    margin-top: 16px;
    font-weight: bold;
    line-height: 1.8;
}

.case_mv_text {
    line-height: 1.87;
    margin-top: 17px;
}

.case_detail {
    margin: 60px 0 100px;
}

.case_dtl_top h2 {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    line-height: 1.81;
    margin-bottom: 30px;
    color: inherit;
    border-bottom: 0;
    padding-bottom: 0;
}

.case_dtl_text01 {
    line-height: 1.87;
}

.case_dtl_link {
    background-color: #F7F7F7;
    padding: 50px 0;
}

.case_dtl_link ul li a {
    display: flex;
    background-color: #fff;
    border-radius: 15px;
    margin-bottom: 16px;
}

.case_dtl_link ul li:last-of-type a {
    margin-bottom: 0;
}

.case_dtl_linkTitle {
    color: #1D8E76;
    display: flex;
    align-items: center;
    width: 261px;
    box-sizing: border-box;
    justify-content: center;
    border-radius: 15px 0 0 15px;
}

.case_dtl_linkNbr {
    font-family: 'Barlow', sans-serif;
    font-size: 33px;
    font-weight: 500;
    margin-right: 17px;
    letter-spacing: 0.05em;
}

.case_dtl_linkCatch {
    font-size: 20px;
    font-weight: 700;
}

.case_dtl_linkTxt {
    width: 594px;
    padding: 20px 30px;
    box-sizing: border-box;
    line-height: 1.87;
}

.case_dtl_linkBtn {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.03em;
    border: 1px solid #A5A5A5;
    border-radius: 10px;
    width: 169px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto 0;
    position: relative;
    transition: all .3s linear;
}

.case_dtl_linkBtn::after {
    content: "";
    width: 5px;
    height: 5px;
    border-top: 1px solid #191919;
    border-right: 1px solid #191919;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    display: inline-block;
    position: absolute;
    right: 12px;
    transition: all .3s linear;
}

.case_dtl_link ul li a:hover .case_dtl_linkBtn {
    background-color: #191919;
    color: #fff;
}

.case_dtl_link ul li a:hover .case_dtl_linkBtn::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.case_dtl_link ul li:nth-of-type(2n) .case_dtl_linkTitle {
    background-color: #DFF8F3;
}

.case_dtl_link ul li:nth-of-type(3n) .case_dtl_linkTitle {
    background-color: #1D8E76;
    color: #fff;
}

.case_dtl_bl {
    margin: 0 0 100px;
}

.case_dtl_contCatch {
    color: #1D8E76;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

.case_dtl_contNbr {
    font-size: 37px;
    font-weight: 500;
    font-family: 'Barlow', sans-serif;
    margin-right: 19px;
    letter-spacing: 0.05em;

}

.case_dtl_contTtl {
    font-size: 22px;
    font-weight: 700;
}

.case_dtl_el {
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 60px;
    padding-top: 60px;
}

.case_dtl_el h3,
.case_dtl_el h2.h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.42;
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 0;
    color: inherit;
    font-weight: bold;
    border-bottom: 0;
}

.case_dtl_flex {
    display: flex;
}

.case_dtl_flex .case_dtl_cont01 {
    margin-right: 42px;
    width: 533px;
}

.case_dtl_contTxt01 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 18px;
}

.case_dtl_contTxt02 {
    line-height: 1.87;
}

.case_dtl_flex .case_dtl_cont02 img {
    width: 383px;
    height: 205px;
    object-fit: cover;
    border-radius: 15px;
}

.case_dtl_column .case_dtl_cont01 {
    margin-bottom: 30px;
}

.case_dtl_column .case_dtl_contTxt02 {
    width: 100%;
}

.case_dtl_column .case_dtl_cont02 {
    text-align: center;
}

.case_dtl_column .case_dtl_cont02 img {
    width: 628px;
    height: 335.8px;
    object-fit: contain;
    border-radius: 15px;
}

.case_dtl_bl .sm_wrapper>div:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 80px;
}

.case_dtl_bl .link_btn01 a {
    width: 169px;
}

/*---------------------------------
* サービスNAVI
---------------------------------*/

.service_navi_mv {
    background-image: url(../img/service_navi/service_navi_mv.png);
    padding: 97px 0;
}


.pagelink_fontPt01 a {
    font-size: 18px;
}

.navi_search01 {
    margin-top: 64px;
}

.navi_search_inner {
    display: flex;
    margin-bottom: 38px;
}

.navi_search01_head01 {
    width: 43.26%;
    background-color: #1D8E76;
    color: #fff;
    display: flex;
    padding-left: 10%;
    align-items: center;
}

.navi_search01_head02 {
    width: 56.73%;
}

.navi_search01_icon {
    width: 32px;
}

.navi_search01_title {
    font-size: 28px;
    font-weight: 700;
    margin-left: 20px;
}

.navi_search01_bl {
    margin-top: 60px;
    margin-bottom: 68px;
}

.navi_search01_bl>li {
    width: 100%;
}

.navi_search01_bl>li {
    margin-bottom: 50px;
    border-bottom: 2px solid #D9D9D9;
}

.navi_search01_bl>li:last-of-type {
    border-bottom: none;
}

.navi_search_title {
    font-size: 24px;
    color: #222222;
    padding-bottom: 0;
    border-bottom: none;
    display: flex;
    align-items: center;
}

.navi_search_title span {
    font-weight: 700;
}

.navi_search_title::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #3EB7AE;
    border-radius: 50%;
    margin-right: 20px;
}

.navi_search01_link01 {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 38px;
}

.navi_search01_link01 li a {
    display: block;
    background-color: #EFEFEF;
    border-radius: 7px;
    padding: 9px 27px;
    margin-bottom: 18px;
    font-weight: 500;
    margin-right: 12px;
}

.navi_search01_link01 li a:hover {
    background-color: #1D8E76;
    color: #fff;
}

.navi_search02 {
    background-color: #F7F7F7;
    padding-bottom: 60px;
}

.navi_search02_link02 {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.navi_search02_link02 li {
    width: 533px;
    margin-bottom: 19px;
}

.navi_search02_link02 li a {
    background-color: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 15px;
    display: flex;
    width: 100%;
    padding: 20px 32px 27px;
    box-sizing: border-box;
    align-items: center;
    height: 100%;
    min-height: 100px;
}

.navi_search02_link02 li a:hover {
    transform: scale(1.05);
}

.navi_search02_icon img {
    width: 22px;
    height: 22px;
    margin-right: 30px;
}

.navi_search02_text {
    line-height: 1.87;
}

.navi_search02 .navi_search01_bl {
    margin-bottom: 0;
}

.navi_search02 .navi_search01_bl li:last-of-type .navi_search02_link02 {
    margin-bottom: 0;
}

.navi_search02 .navi_search01_bl>li:last-of-type {
    margin-bottom: 0;
}

.navi_search03_text {
    line-height: 1.87;
    margin-top: 30px;
}

.navi_search03_link {
    margin: 30px 0 0;
    display: flex;
    flex-wrap: wrap;
}

.navi_search03_link li {
    width: 334px;
    margin-right: 44px;
    margin-bottom: 40px;
}

.navi_search03_link li:nth-of-type(3n) {
    margin-right: 0;
}

.navi_search03_catch {
    font-weight: 700;
    line-height: 1.75;
    margin-bottom: 12px;
    letter-spacing: 0.05em;
}

.navi_search03_title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
    color: #1D8E76;
}

.navi_search03_titleSm {
    font-size: 14px;
}

.navi_search03_cont02 img {
    border-radius: 15px;
    border: 1px solid #707070;
}

.navi_search03_link a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.navi_search03_link a:hover {
    transform: scale(1.05);
}

.navi_search01_bl .link_btn01 {
    margin-top: 10px;
}

.navi_search03 .navi_search01_bl>li {
    padding-bottom: 60px;
}

.navi_search03 .navi_search01_bl>li:last-of-type {
    margin-bottom: 40px;
}

.navi_search03 .navi_search01_bl {
    margin-bottom: 40px;
}

/*---------------------------------
* 企業情報
---------------------------------*/

.company_about {
    padding-top: 44px;
}

.company_about_bl01 {
    margin: 0 auto;
}

.company_about_bl01Img {
    text-align: center;
    margin-bottom: 16px;
}

.company_about_bl01Img img {
    width: 134px;
}

.company_wrapper h2 {
    font-size: 32px;
    color: #222222;
    padding-bottom: 0;
    border-bottom: none;
}

.company_about_bl01 h2 {
    margin-bottom: 26px;
}

.company_about_bl01Text {
    line-height: 1.87;
}

.company_about .sm_wrapper {
    margin: 0 auto 40px;
}

.company_about_bl02 {
    background-image: url(../img/company/company_bg.png);
    background-size: cover;
    padding: 60px 0;
}

.company_about_bl02 ul li {
    width: 526px;
    background-color: #fff;
    border-radius: 15px;
    padding: 38px 65px 39.5px;
    box-sizing: border-box;
}

.company_about_bl02Ttl {
    font-size: 25px;
    font-weight: 700;
    color: #1D8E76;
    text-align: center;
    line-height: 1.72;
    margin-bottom: 26px;
}

.company_about_bl02Txt {
    line-height: 1.87;
}

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

.company_about_bl02 .link_btn01>a {
    margin-top: 30px;
    padding: 0 75px;
}

.company_outline {
    background-color: #F7F7F7;
    padding: 70px 0 10px;
}

.company_outline table {
    margin-top: 41px;
}

.company_outline table th,
.company_outline table td {
    border: 1px solid #C6C6C6;
    padding: 18px;
}

.company_outline table th {
    background-color: #1D8E76;
    color: #fff;
    text-align: left;
    font-weight: 700;
    line-height: 1.87;
    vertical-align: middle;
    width: 163px;
    box-sizing: border-box;
}

.company_outline table td {
    background-color: #fff;
    line-height: 1.87;
    width: 795px;
    box-sizing: border-box;
}

.company_outline table td ul li::before {
    content: "・";
}

.indent {
    padding-left: 32px;
}

.indent02 {
    padding-left: 16px;
}

.company_outline table td dl {
    margin-bottom: 18px;
}

.company_outline table td dl:last-of-type {
    margin-bottom: 0;
}

.table_mg {
    margin-bottom: 18px;
}

.company_outline table td a {
    color: #1D8E76;
    text-decoration: underline;
}

.company_outline table td a:hover {
    text-decoration: none;
}

.table_flex {
    display: flex;
}

.company_outline table td ul.table_flex li::before {
    content: none;
}

.table_flex li:first-of-type img {
    width: 122px;
    margin-right: 20px;
}

.table_flex li:nth-of-type(2) img {
    width: 129px;
}

.company_access {
    padding: 60px 0 30px;
}

.company_access_bl li {
    margin-top: 50px;
}

.company_access_bl dl dt {
    font-size: 24px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.company_access_bl dl dt::before {
    content: '';
    background-color: #3EB7AE;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 20px;
    display: inline-block;
}

.company_access_bl dl dd {
    line-height: 1.87;
    margin-bottom: 16px;
}

.company_access_map {
    height: 0;
    overflow: hidden;
    padding-bottom: 339px;
    position: relative;
}

.company_access_map iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.company_map_link {
    color: #1D8E76;
    text-decoration: underline;
}

.company_map_link:hover {
    text-decoration: none;
}

/*---------------------------------
* 大変革期の自動車業界で求められる研究開発とは
---------------------------------*/

.development_mv {
    background-image: url(../img/development/development_mv_img.png);
    padding: 97px 0;
}

.development_pagelink {
    margin: 36px 0 60px;
}

.development_pagelinkIn li a {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.71;
    padding-left: 20px;
}

.development_pagelinkIn li:first-of-type a {
    flex-direction: initial;
    align-items: center;
    justify-content: flex-start;
}

.development_bl01 {
    margin-bottom: 70px;
}

.development_bl01 h2 {
    font-size: 28px;
    padding-bottom: 0;
    border-bottom: none;
    color: #222222;
    margin-bottom: 25px;
}

.development_bl01_text {
    line-height: 1.87;
}

.development_bl01 table tr th,
.development_bl01 table tr td {
    border: 1px solid #C6C6C6;
    box-sizing: border-box;
}

.development_bl01 table tr th:first-of-type {
    width: 232px;
}

.development_bl01 table tr th:nth-of-type(n+2) {
    width: 215px;
}

.development_bl01 table thead tr th {
    padding: 10px;
    background-color: #1D8E76;
    color: #fff;
    font-weight: 700;
}

.development_bl01 table tbody tr th {
    color: #1D8E76;
    font-weight: 700;
}

.development_bl01 table tbody tr th,
.development_bl01 table tbody tr td {
    padding: 0 14px;
    height: 78px;
    text-align: left;
    line-height: 1.87;
    vertical-align: middle;
}

.development_bl02_title {
    width: 100%;
    background-color: #1D8E76;
    padding: 17px 0 19px;
    border-bottom: none;
}

.development_bl02_title h2 {
    padding-bottom: 0;
}

.development_bl02_title h2 span {
    display: block;
    color: #fff;
}

.development_bl02_subttl {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 0.05em;
}

.development_bl02_catch {
    font-size: 28px;
    font-weight: 700;
}

.development_bl02 .service_el02 {
    background-color: unset;
    padding: 40px 0 0;
    margin-bottom: 40px;
}

.development_bl02 .service_el02 .service_el01_head span {
    background-color: #fff;
    border: 1px solid #222222;
    color: #222222;
}

.development_bl02 .service_el01_head span {
    font-size: 18px;
    font-weight: 500;
    padding: 8px 25px;
    letter-spacing: 0.05em;
}

.development_bl02 h3 {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-top: 17px;
    line-height: 1.5;
}

.development_bl02 .development_el h3 {
    font-size: 20px;
}

.development_bl02 .service_el02_text {
    margin-top: 23px;
}

.development_bl02 .service_el02_img {
    margin-top: 30px;
    width: 100%;
}

.development_el_box {
    width: 1090px;
    border-radius: 15px;
    padding: 40px 0 56px;
}

.development_el .service_el01_inner {
    width: 958px;
    margin: 0 auto;
}

.development_el::after {
    content: "";
    width: 61px;
    height: 27px;
    background-image: url(../img/common/arrow04.png);
    display: block;
    margin: 33px auto 0;
    background-size: cover;
}

.service_el01.development_el {
    flex-direction: column;
    margin-bottom: 40px;
}

.development_el .service_el01_list::after {
    content: none;
}

.development_el_box .service_el01_list li {
    background-color: #F7F7F7;
    display: flex;
    align-items: center;
    padding: 15px 50px;
}

.development_el_box .service_el01_list li::before {
    content: none;
}

.development_el_box .service_el01_list li span {
    width: auto;
}

.service_el01_list li span.development_el_listCont01 {
    font-size: 18px;
    font-weight: 700;
    color: #1D8E76;
    margin-right: 15.6px;
}

.development_el_box .service_el01_list li .development_el_listCont02 {
    margin-right: 17.4px;
    width: fit-content;


}

.development_el_box .service_el01_list li .development_el_listCont02 img {
    width: 22px;
    height: 22px;
}

.development_el02 {
    margin-bottom: 70px;
}

.development_el02_box {
    background-color: #DFF8F3;
    padding: 40px 0 45px;
    border-radius: 15px;
}

.development_el02_boxIn {
    width: 958px;
    margin: 0 auto;
}

.development_bl02 .development_el02 .service_el01_head span {
    background-color: #1D8E76;
    font-size: 20px;
    padding: 18px 48px;
}

.development_bl02 .development_el02 h3 {
    font-size: 28px;
    margin-top: 30px;
}

.development_bl02 .development_el02 .service_el02_text {
    margin-top: 27px;
}

.development_el02_boxIn ul {
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
}

.development_el02_boxIn ul li {
    width: 298px;
    height: auto;
}

.development_el02Flex_cont01 {
    background-color: #90CBBE;
    border-radius: 15px 15px 0 0;
    color: #fff;
    height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.development_el02Flex_catch {
    font-family: 'Barlow', sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.development_el02Flex_nbr {
    font-family: 'Barlow', sans-serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.development_el02Flex_cont02 {
    background-color: #fff;
    border-radius: 0 0 15px 15px;
    padding: 25px 35px 50px;
    height: calc(100% - 70px);
    box-sizing: border-box;
}

.development_el02Flex_title {
    color: #1D8E76;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.66;
    margin-bottom: 26px;
}

.development_el02Flex_text {
    line-height: 1.87;
}

.development_bl02Pt02 {
    margin-bottom: 100px;
}


@media screen and (max-width: 1366px) {

    .seminar_mv,
    .case_mv {
        position: static;
    }

    .seminar_mv .underlayer_mv01_inner,
    .case_mv .underlayer_mv01_inner {
        position: relative;
        height: 100%;
    }

    .seminar_mv .underlayer_mv01_inner::after {
        right: -135px;
        top: -22px;
    }

    .seminar_mv.underlayer_mv01_sm .underlayer_mv01_inner::after {
        top: 0;
        right: 0;
    }

    .case_mv .underlayer_mv01_inner::after {
        right: -135px;
        top: auto;
        bottom: -114px;
    }

    .case_detail_mv {
        position: relative !important;
    }
}


@media screen and (max-width: 1080px) {

    body {
        min-width: 1366px;
        margin: 0 auto;
    }

    .header_wrap02 ul li a {
        font-size: 10px;
    }
}

@media screen and (max-width: 767px) {

    /*---------------------------------
  * utility
  ---------------------------------*/

    body {
        min-width: initial;
        /* 初期値 */
        min-width: 100%;
    }

    .wrapper {
        width: calc(100% - 40px) !important;
        margin: 0 auto;
    }

    .sp-display {
        display: block;
    }

    .pc-display {
        display: none;
    }

    .sp-inlineBlock {
        display: inline-block;
    }

    /*---------------------------------
  * common
  ---------------------------------*/

    .arrow02::before {
        margin-right: 5px;
    }

    .pagetop_cont {
        padding-top: 52.5px;
    }

    .sm_wrapper {
        width: 100%;
        margin-bottom: 50px;
    }

    /*---------------------------------
  * header
  ---------------------------------*/

    .header_sp {
        padding: 8px 15px;
        background-color: #fff;
    }

    .header_sp ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header_sp_menu img {
        width: 22px;
    }

    .header_sp .header_logo img {
        width: 73px;
        margin-left: 0;
    }

    /*---------------------------------
  * top メインビジュアル
  ---------------------------------*/

    .top_mv {
        padding: 96.5px 0 370px 0;
        background-size: 95%, 100%;
        background-position: left 25% bottom 109px, left 0;
    }

    .mv_download {
        margin-top: 0;
    }

    .mv_download a {
        width: 100%;
        border-radius: unset;
        position: absolute;
        bottom: 0;
    }

    .top_mv_cont {
        border-radius: unset;
        width: 100%;
        height: 78px;
        right: auto;
        top: 0;
        left: 0;
    }

    .top_mv_text01 {
        font-size: 14px;
        text-align: center;
    }

    .top_mv h1 {
        font-size: 23px;
        text-align: center;
        margin-top: 10px;
    }

    .mv_download_img {
        left: 7%;
    }

    .mv_download_cont {
        right: 12%;
    }

    .top_mv_cont_text01,
    .top_mv_cont_text02 {
        line-height: 1.3;
    }

    /*---------------------------------
  * top トップバナー
  ---------------------------------*/

    .bunner_area ul {
        flex-direction: column;
    }

    .bunner_area ul li {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .bunner_area ul li:last-of-type {
        margin-bottom: 0;
    }

    .bunner_area ul li img {
        width: 100%;
    }

    /*---------------------------------
  * top about
  ---------------------------------*/

    h2 {
        font-size: 22px;
        line-height: 1.81;
    }

    .top_about {
        padding: 40px 0;
    }

    .top_about_inner01 {
        margin-top: 33px;
    }

    .top_about_inner01 h3 {
        font-size: 24px;
        line-height: 1.66;
    }

    .bl_flex01 {
        flex-direction: column;
    }

    .bl_flex01 li {
        margin-top: 70px;
    }

    .bl_flex01 li:first-of-type {
        margin-top: 0;
    }

    .bl_flex01_cont {
        width: 100%;
    }

    .bl_flex01_img img {
        width: 100%;
    }

    .top_about_inner02 {
        margin-top: 67.5px;
    }

    .top_about_inner02 h3 {
        font-size: 24px;
        line-height: 1.66;
    }

    .top_about_subtitle {
        font-size: 18px;
    }

    .bl_development_title {
        width: 70%;
    }

    .bl_development_unitWrap {
        padding: 107px 20px 50px;
    }

    .bl_development_unit01 {
        flex-flow: column-reverse nowrap;
    }

    .bl_development_cont02 {
        width: 100%;
        margin-top: 0;
    }

    .bl_development_unit02 {
        flex-direction: column;
        margin-top: 50px;
    }

    .bl_development_unit02>li {
        width: 100%;
    }

    .bl_development_unit02>li:nth-of-type(2) {
        width: 100%;
        margin-top: 25px;
    }

    .bl_development_cont02 h4 {
        font-size: 21px;
    }

    .bl_development_text01 {
        margin-top: 20px;
    }

    .bl_development_cont01 {
        margin-left: 0;
        margin-top: 20px;
    }

    .bl_development_unitWrap .link_btn01 {
        margin-top: 30px;
    }

    .bl_development_unit01Pt02 .bl_development_cont01 {
        margin-right: 0;
    }


    /*---------------------------------
  * top ツール・サービス
  ---------------------------------*/

    .top_service {
        margin: 40px 0 60px;
    }

    .top_service_inner {
        margin-top: 40px;
    }

    .top_service_inner h3 {
        font-size: 22px;
        line-height: 1.5;
    }

    .bl_flex02 {
        flex-direction: column;
        margin-top: 20px;
    }

    .bl_flex02_title02 {
        font-size: 20px;
    }

    .bl_flex02_img {
        margin-top: 15px;
    }

    .bl_flex02_img img {
        width: 100%;
    }

    .bl_flex02 li {
        margin-right: 0;
        margin-bottom: 50px;
        width: 100%;
    }

    .bl_flex02 li:last-of-type {
        margin-bottom: 0;
    }

    .top_service_inner .link_btn01 {
        margin-top: 30px;
    }

    /*---------------------------------
  * top 導入事例
  ---------------------------------*/

    .top_case {
        padding: 40px 0 50px;
    }

    .bl_flex03 {
        flex-direction: column;
        margin-top: 40px;
    }

    .bl_flex03 li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }

    .bl_flex03 li:last-of-type {
        margin-bottom: 0;
    }

    /* .bl_flex03_contImg img{
    width: 93.5%;
  } */

    .top_case .link_btn01 {
        margin-top: 40px
    }


    /*---------------------------------
  * top コラム
  ---------------------------------*/

    .top_column {
        padding: 40px 0 60px;
    }

    .bl_flex04 {
        flex-direction: column;
        margin-top: 40px;
    }

    .bl_flex04 li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .bl_flex04 li:last-of-type {
        margin-bottom: 0;
    }

    .bl_flex04_img img {
        width: 100%;
    }

    .top_column .link_btn01 {
        margin-top: 40px;
    }

    /*---------------------------------
  * top 下部バナー
  ---------------------------------*/

    .top_bunner {
        padding: 40px 0;
    }

    .top_bunner_cont {
        background-image: url(../img/top/top_bunner01_sp.png);
        padding: 25px 30px 214px;
        background-position: bottom;
    }

    .top_bunner_cont h2 {
        font-size: 21px;
        text-align: center;
    }

    /*---------------------------------
  * top topics
  ---------------------------------*/

    .top_topics_inner {
        flex-direction: column;
        padding: 30px 20px;
    }

    .top_topics_title {
        border-right: none;
        border-bottom: 1px solid #707070;
        padding: 0 0 15px 0;
        justify-content: center;
    }

    .top_topics_inner ul {
        padding: 20px 0 0 0;
    }

    .top_topics_inner ul li a {
        font-size: 14px;
        line-height: 1.5;
    }

    .top_topics_inner ul li:nth-of-type(n+2) {
        margin-top: 20px;
    }

    /*---------------------------------
  * top 資料ダウンロード
  ---------------------------------*/

    .top_download {
        padding: 40px 0 20px;
    }

    .bl_flex05 {
        flex-direction: column;
        margin-top: 40px;
    }

    .bl_flex05 li {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }

    .bl_flex05_img img {
        width: 100%;
        height: auto;
    }

    .bl_flex05_textPt01 {
        margin-top: 20px;
    }

    .bl_flex05_textPt02 {
        margin-top: 15px;
    }

    .bl_flex05_link {
        margin: 20px auto 40px;
    }

    /*---------------------------------
  * top コンタクト
  ---------------------------------*/

    .top_contact {
        padding: 50px 0;
    }

    .bl_contact {
        flex-direction: column;
    }

    .bl_contact li a {
        width: 100%;
        font-size: 16px;
        height: 130px;
    }

    .bl_contact li:first-of-type {
        margin-bottom: 30px;
    }

    .bl_contact_cont02Pt02 {
        text-align: center;
        line-height: 1.3;
    }

    /*---------------------------------
  * footer
  ---------------------------------*/

    .footer_nav {
        flex-direction: column;
    }

    .footer_nav_cont02 {
        margin-top: 30px;
    }

    .footer_nav_cont02 ul {
        flex-direction: column;
    }

    .footer_nav_cont02 ul li {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .footer_nav_link01 {
        margin-bottom: 20px;
    }

    .footer_nav_link02 {
        margin-bottom: 20px;
    }

    .footer_nav_cont02Inner {
        margin-bottom: 30px;
    }

    .footer_nav_cont02 ul li:first-of-type {
        margin-bottom: 30px;
    }

    /*---------------------------------
    * column 一覧
    ---------------------------------*/

    .underlayer_mv01 {
        /* padding: 30px 0 280px; */
        padding: 0;
        height: 400px;

    }

    .underlayer_mv_subtitle {
        font-size: 20px;
    }

    .column_wrapper {
        margin: 30px auto 0;
    }

    .underlayer_mv01_inner::after {
        width: 280px;
        height: 277.44px;
        top: auto;
        right: auto;
        bottom: -274px;
        left: 50%;
        transform: translateX(-50%);
    }

    .column_wrapper {
        flex-direction: column;
    }

    .column_main {
        width: 100%;
    }

    .column_main_cat {
        padding: 20px 20px 10px;
    }

    .column_main_block ul li {
        width: 100%;
    }

    .column_main_catTitle {
        font-size: 20px;
    }

    .column_main_catLink a {
        padding: 3px 13px;
    }

    .column_main_blockImg {
        width: 93.5%;
    }

    .column_side {
        width: 100%;
    }

    .column_side_blockImg {
        width: 60.8%;
    }

    .column_active_cat {
        margin: 30px 0 20px;
    }

    /*---------------------------------
    * column 詳細
    ---------------------------------*/

    .underlayer_mv01_sm {
        padding: 30px 0 230px;
    }

    .underlayer_mv01_sm .underlayer_mv01_inner::after {
        top: auto;
        right: 0;
        /* 追加修正 2305 */
        bottom: -270px;
        /* left: 50%; 追加修正 2305*/
        transform: none;
        /* 追加修正 2305 */
    }

    .underlayer_mv_singleTitle {
        font-size: 26px;
    }

    .column_mainDetail h2 {
        font-size: 24px;
    }

    .column_mainDetail_cat {
        padding: 6px 32px;
        font-size: 14px;
    }

    .column_mainDetail_text01 {
        font-size: 14px;
    }

    .column_detail_table {
        padding: 15px 25px;
        margin-bottom: 30px;
    }

    .column_detail_table h3 {
        margin-bottom: 11px;
    }

    .column_detail_table ul li a {
        font-size: 15px;
        word-break: break-all;
    }

    .column_detailBlock01 h3,
    .column_detailBlock03 h3 {
        font-size: 20px;
    }

    .column_detailBlock01_text {
        font-size: 14px;
    }

    .column_detailBlock02 a {
        padding: 20px 25px;
    }

    .column_detailBlock02In {
        flex-direction: column;
        width: 92%;
    }

    .column_detailBlock02_title {
        font-size: 16px;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .column_detailBlock02_text {
        line-height: 1.6;
    }

    .column_detailBlock02_textIn {
        width: 100%;
        font-size: 14px;
    }

    .column_detailBlock03 ul {
        flex-direction: column;
    }

    .column_detailBlock03_cont01 {
        width: 100%;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .column_detailBlock03_cont02 {
        width: 100%;
    }

    .column_download a {
        padding: 25px 20px;
    }

    .column_downloadIn {
        flex-direction: column;
        width: 95%;
    }

    .column_download_cont01 {
        margin: 0 auto 15px;
        width: 90%;
    }

    .column_download_cont02In {
        width: 100%;
    }

    .column_download_cont02 h3 {
        font-size: 23px;
        margin-bottom: 10px;
    }

    .column_download_cont02Text {
        font-size: 16px;
        line-height: 1.5;
        word-break: break-all;
    }

    .column_recommend {
        margin-bottom: 70px;
    }

    .column_recommend h3 {
        font-size: 19px;
        line-height: 1.5;
    }

    .column_recommend ul li a {
        font-size: 15px;
    }

    .column_pagination a {
        font-size: 12px;
    }

    .column_pagination_list a {
        height: 40px;
    }

    .column_pagination_prev {
        margin-right: 20px
    }

    .column_pagination_list a {
        width: 130px;
    }

    .column_pagination_next {
        margin-left: 20px;
    }

    .column_pagination_next .arrow01::after {
        margin-left: 5px;
    }

    .column_mainDetail {
        margin-bottom: 60px;
    }

    /* 追加修正 */
    .column_mv {
        height: 270px;
    }

    .column_mv .h1 {
        align-items: flex-start;
        height: 100%;
        margin-top: 30px;
    }

    /*---------------------------------
    * 新着情報　一覧
    ---------------------------------*/

    .underlayer_mv02 {
        height: 120px;
    }

    .underlayer_mv02 h1 {
        height: 120px;
        font-size: 26px;
        line-height: 1.33;
    }

    .news_list {
        margin: 36px 0 50px;
    }

    .news_list_cat {
        justify-content: space-between;
    }

    .news_list_cat li {
        width: 48%;
    }

    .news_list_cat a {
        width: 100%;
    }

    .news_list_detail li a {
        flex-wrap: wrap;
    }

    .news_list_detailCat {
        margin-right: 0;
    }

    .news_list_detailText {
        margin-top: 15px;
    }

    .news_list_year {
        justify-content: space-between;
    }

    .news_list_year li {
        width: 48%;
    }

    .news_list_year li a {
        width: 100%;
    }

    /*---------------------------------
    * 新着情報　詳細
    ---------------------------------*/

    .news_detail {
        margin: 30px 0 60px;

    }

    .news_detail_inner {
        width: 100%;
        margin: 0 auto 40px;
    }

    .news_detail_title {
        font-size: 22px;
        line-height: 1.5;
    }

    .news_detail_text01 {
        font-size: 14px;
        margin-bottom: 25px;
    }

    .news_detail_img {
        margin-bottom: 30px;
    }

    .news_detail h3 {
        font-size: 20px;
        padding-left: 13px;
        margin-bottom: 15px;
    }

    .news_detail h4 {
        font-size: 17px;
        line-height: 1.6;
        margin-bottom: 10px;
    }

    .news_detail_frame {
        padding: 20px 25px;
    }

    .news_detail_frameTitle {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .news_detail_frameText {
        line-height: 1.6;
        font-size: 14px;
    }

    /*---------------------------------
    * セミナー　一覧
    ---------------------------------*/

    .seminar_mv,
    .case_mv {
        position: relative;
    }

    /* .seminar_mv .underlayer_mv01_inner, .case_mv .underlayer_mv01_inner{
        position: static;
    } */

    .seminar_mv .underlayer_mv01_inner::after {
        width: 350px;
        height: 237px;
        right: 0;
        top: auto;
        bottom: 32px;
        left: auto;
        transform: none;
    }

    .pagelink_flex {
        flex-direction: column;
    }

    .pagelink_flex li {
        margin-bottom: 15px;
    }

    .pagelink_flex a {
        width: 100%;
    }

    .seminar_list {
        margin-top: 20px;
    }

    .seminar_list_wrapper {
        margin: 36px 0 40px;
    }

    .seminar_list_wrapper h2,
    .seminar_list_wrapper02 h2 {
        font-size: 24px;
        margin-bottom: 15px;
        line-height: 1.5;
    }

    .seminar_list_text01 {
        font-size: 14px;
        margin-bottom: 45px;
    }

    .seminar_flex01 li {
        margin-bottom: 50px;
    }

    .seminar_flex01 li:last-of-type {
        margin-bottom: 40px;
    }

    .seminar_flex01 a,
    .seminar_flex02 a {
        width: 100%;
    }

    .seminar_flex01_img img {
        width: 100%;
        height: auto;
    }

    .seminar_list_wrapper02 {
        margin-bottom: 50px;
    }

    .seminar_list02 h3 {
        font-size: 20px;
    }

    .seminar_flex02 {
        margin-bottom: 50px;
    }

    .seminar_flex02 li {
        margin-bottom: 30px;
    }

    .seminar_flex02 li:last-of-type {
        margin-bottom: 0;
    }

    .seminar_flex02 a {
        width: 100%;
    }

    .seminar_flex02_title {
        padding: 20px 20px 0 20px;
        font-size: 18px;
        line-height: 1.6;
    }

    .seminar_flex02_img {
        padding: 0 20px;
    }

    .seminar_flex02_img img {
        height: auto;
    }

    .seminar_flex02_text {
        padding: 0 20px;
        font-size: 14px;
    }

    .seminar_flex02 a dl {
        flex-direction: column;
    }

    .seminar_flex02 a dl dd {
        padding: 10px 20px 0;
    }

    /*---------------------------------
    * セミナー　詳細
    ---------------------------------*/

    .seminar_detail .sm_wrapper {
        width: 100%;
        margin-bottom: 40px;
    }

    .seminar_mv.underlayer_mv01_sm .underlayer_mv01_inner::after {
        top: 67px;
        right: 0;
    }

    .seminar_detail {
        margin: 30px 0 50px;
        padding: 0 20px;
    }

    .seminar_detail h2 {
        font-size: 22px;
        line-height: 1.5;
    }

    .seminar_dt_text01 {
        font-size: 14px;
    }

    .seminar_dt_text01 {
        margin-bottom: 30px;
    }

    .seminar_dt_points {
        padding: 30px 20px;
        margin-bottom: 30px;
    }

    .seminar_dt_pointsTitle {
        font-size: 22px;
    }

    .seminar_dt_points ul li {
        padding: 15px 20px;
        border-radius: 20px;
    }

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

    .seminar_dt_points ul li span {
        width: 85%;
        font-size: 14px;
    }

    .seminar_dt_table table th,
    .seminar_dt_table table td {
        display: block;
    }

    .seminar_dt_table table td {
        width: 100%;
    }

    .seminar_dt_frame {
        padding: 26px 20px;
    }

    .seminar_detail .link_btn01 a {
        width: 250px;
        height: 70px;
    }

    .seminar_prg_acdCont {
        padding: 0px 15px 18px;
        width: 100%;
        box-sizing: border-box;
    }

    .seminar_dt_method h3 {
        font-size: 23px;
    }

    .seminar_dt_methodText {
        line-height: 1.5;
    }

    .seminar_dt_method .link_btn01 a {
        line-height: 1.6;
        padding: 26px 40px 26px 20px;
        font-size: 15px;
    }

    .seminar_dt_help {
        width: 100%;
        padding: 25px 20px 0;
    }

    .seminar_dt_helpTitle {
        line-height: 1.5;
        font-size: 18px;
    }

    .seminar_dt_service {
        padding: 40px 0 50px;
    }

    .seminar_dt_service h3 {
        font-size: 23px;
    }

    .seminar_dt_frame table tr td {
        display: block;
    }

    .seminar_detail .link_btn01 a {
        width: 250px;
        height: 70px;
    }

    .seminar_dt_serviceEl {
        flex-direction: column;
    }

    .seminar_dt_serviceCont {
        width: auto;
        margin-right: 0;
    }

    .seminar_dt_serviceBl>li>a {
        padding: 25px 20px;
        justify-content: center;
    }

    .seminar_dt_serviceImg {
        height: auto;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .seminar_dt_serviceImg img {
        max-height: 105px;
    }

    .seminar_dt_serviceText01 {
        line-height: 1.5;
    }

    .seminar_dt_serviceText03 {
        margin-bottom: 25px;
        line-height: 1.5;
    }

    /*---------------------------------
    * 資料ダウンロード
    ---------------------------------*/

    .download_mv,
    .video_mv,
    .gcyber_mv {
        background-position: bottom 0 right -232px;
        padding: 50px 0 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .download_list {
        margin: 30px 0 0px;
    }

    .download_list h2,
    .video_list h2 {
        font-size: 26px;
    }

    .download_list_inner {
        margin-top: 20px;
    }

    .download_list_inner li {
        width: 100%;
        margin-right: 0;
    }

    .download_list_inner li a {
        padding: 26px 20px 30px;
    }

    .download_list_img img {
        width: 100%;
        height: auto;
    }

    .download_list02 {
        padding-top: 30px;
    }

    .download_list02 .download_list_inner li:last-of-type {
        margin-bottom: 0;
    }

    .download_form {
        margin: 40px 0 60px
    }

    .download_form table,
    .form_btn_wrap {
        width: 100%;
    }

    .download_form table tr th,
    .download_form table tr td {
        display: block;
        padding: 16px 20px;
        box-sizing: border-box;
    }

    .download_form table tr th {
        width: 100%;
        padding: 20px 20px 5px;
    }

    .download_form table tr td {
        padding: 16px 20px 20px;
    }

    .form_required {
        right: 20px;
    }

    .download_form table tr td.form_name {
        padding: 16px 20px 3px;
    }

    .form_btn_text {
        line-height: 1.5;
    }

    .form_btn {
        margin-top: 40px;
    }

    .form_btn input {
        font-size: 16px;
        padding: 18px 53px;
    }

    /*---------------------------------
    * 強み
    ---------------------------------*/

    .strength_mv .underlayer_mv_title,
    .service_list_mv .underlayer_mv_title,
    .service_navi_mv .underlayer_mv_title,
    .development_mv .underlayer_mv_title {
        font-size: 18px;
        line-height: 1.5;
    }

    .strength_mv {
        padding: 30px 0 60px;
        background-position: right 0 bottom 0;
    }

    .strength_bl {
        margin: 30px 0 50px;
    }

    .pagelink {
        flex-direction: column;
    }

    .pagelink a {
        width: 100%;
        margin-bottom: 10px;
    }

    .strength_el {
        margin-top: 30px;
    }

    .strength_el ul {
        display: block;
        margin-bottom: 20px;
    }

    .strength_el_img01 {
        width: 90%;
        z-index: -1;
    }

    .strength_el_img02 {
        width: 100%;
    }

    .strength_el_cont {
        width: 90%;
        position: static;
        margin: -50px 0 0 auto;
        padding: 30px 8% 30px 6.67%;
    }

    .strength_el_contInner {
        width: 100%;
    }

    .strength_el_contInner h2 {
        font-size: 22px;
    }

    .strength_el_text {
        font-size: 14px;
    }

    .strength_el_wrap>div:nth-of-type(n+2) {
        margin-top: 50px;
    }

    /*---------------------------------
    * サービス詳細
    ---------------------------------*/

    .underlayer_mv_list li {
        line-height: 1.5;
    }

    .service_pagelink.pagelink {
        flex-direction: initial;
    }

    .service_pagelink.pagelink li {
        width: 48%;
    }

    .service_pagelink.pagelink a {
        padding: 10px 20px 10px 10px;
        line-height: 1.5;
        margin-bottom: 0;
    }

    .service_detail {
        margin-top: 40px;
    }

    .service_el01_list li span {
        width: 100%;
    }

    .service_el01_inner h2,
    .service_bl02Cont01 h2 {
        font-size: 22px;
        line-height: 1.5;
        margin-top: 15px;
    }

    .service_el01_list {
        margin-top: 30px;
    }

    .service_el01_list li {
        padding: 15px 20px 15px 60px;
        font-size: 16px;
    }

    .service_el01_list li::before {
        left: 17.5px;
    }

    .service_el01 {
        margin-bottom: 30px;
    }

    .service_el02 {
        padding: 30px 20px;
    }

    .service_el02_text {
        font-size: 14px;
        margin-top: 20px;
    }

    .service_el02_img {
        margin-top: 20px;
    }

    .service_el03 ul li {
        width: 100%;
        padding: 30px 20px;
    }

    .service_el03_head {
        margin-bottom: 20px;
        font-size: 26px;
    }

    .service_el03_title {
        font-size: 18px;
    }

    .service_el03_title::before {
        left: -20px;
    }

    .service_el03_text {
        font-size: 14px;
    }

    .service_el03 {
        margin-bottom: 30px;
    }

    .sec_border {
        padding: 30px 0;
    }

    .service_bl02Cont01 .service_el01_head span {
        font-size: 20px;
    }

    .service_bl02Cont02 ul {
        width: 100%;
        justify-content: space-between;
    }

    .service_bl02Cont02 ul li {
        margin-right: 0;
        width: 48%;
    }

    .service_bl02Cont02 ul li a {
        width: 100%;
    }

    .service_bl02Cont02_text {
        font-size: 15px;
        padding: 20px 5px 40px;
    }

    .service_bl02Cont02_text::after {
        bottom: 16px;
    }

    .service_bl02Cont03_head span:first-of-type {
        margin-right: 6px;
    }

    .service_bl02Cont03_head span:nth-of-type(2) {
        font-size: 40px;
    }

    .service_bl02Cont03_title h3 {
        font-size: 18px;
    }

    .service_bl02Cont03_flex {
        flex-direction: column;
        margin-top: 20px;
    }

    .service_bl02Cont03_text {
        width: 100%;
        font-size: 14px;
    }

    .service_bl02Cont03_img {
        width: 100%;
        margin-top: 15px;
    }

    .service_bl02Cont03>ul>li {
        margin-top: 20px;
    }

    .service_bl02Cont03>ul>li:nth-of-type(n+2) {
        margin-top: 40px;
    }

    .service_head {
        font-size: 24px;
    }

    .service_bl03 table {
        margin-top: 20px;
    }

    .service_bl03 table th,
    .service_bl03 table td {
        display: block;
    }

    .service_bl03 table th {
        padding: 10px 25px 10px;
    }

    .service_bl03 table td {
        padding: 0 25px 10px;
    }

    .service_bl05_tableWrap {
        overflow-x: scroll;
    }

    .service_bl05 table {
        width: 1090px;
        margin-top: 20px;
    }

    .service_connection {
        padding: 20px 20px 30px;
    }

    .service_connection_text01 {
        line-height: 1.5;
        text-align: center;
        margin-top: 20px;
    }

    .service_connection_text02 {
        font-size: 24px;
        line-height: 1.5;
        text-align: center;
    }

    .service_connection a {
        margin-top: 20px;
    }

    .service_download a {
        flex-direction: column;
    }

    .service_download .bl_flex05_img {
        margin-right: 0;
        text-align: center;
    }

    .service_download .bl_flex05_textPt01 {
        font-size: 22px;
        text-align: center;
    }

    /*---------------------------------
    * 導入事例
    ---------------------------------*/

    .case_mv .underlayer_mv01_inner::after {
        width: 350px;
        height: 272.57px;
        right: 0;
        top: auto;
        bottom: 0;
        left: auto;
        transform: unset;
        position: absolute;
    }

    .pagelink_flex.pagelink_3col {
        justify-content: space-between;
        flex-direction: initial;
    }

    .pagelink_flex.pagelink_3col li {
        width: 49%;
        margin-bottom: 10px;
    }

    .pagelink_flex.pagelink_3col a {
        padding: 5px 20px;
        height: 100%;
        margin-bottom: 0;
        box-sizing: border-box;
    }

    .pagelink_flex.pagelink_3col a::after {
        right: 10px;
    }

    .case_bl {
        margin-top: 20px;
    }

    .case_bl ul li {
        width: 100%;
        margin-right: 0;
    }

    .case_bl_subjectHead {
        white-space: nowrap;
    }

    .case_bl_img img {
        width: 100%;
    }

    /*---------------------------------
    * サービス一覧
    ---------------------------------*/

    .service_list_mv,
    .service_navi_mv {
        padding: 30px 0 60px;
        background-position: left -100px bottom 0;
    }

    .pagelink_flex.pagelink_3col.pagelink_3col_spClm {
        flex-direction: column;
    }

    .pagelink_flex.pagelink_3col.pagelink_3col_spClm li {
        width: 100%;
    }

    .pagelink_flex.pagelink_3col.pagelink_3col_spClm li a {
        width: 100%;
    }

    .service_list {}

    .service_list_head {
        margin: 20px 0 50px;
    }

    .service_list_head h2,
    .service_list h2 {
        font-size: 18px;
    }

    .service_list_headText {
        font-size: 14px;
    }

    .service_list {
        padding: 30px 0 35px;
    }

    .service_list_bl {
        margin-top: 20px;
    }

    .service_list_bl a {
        width: 100%;
    }

    .service_list_cont01 {
        flex-direction: column;
        align-items: flex-start;
        padding: 25px 30px 15px;
    }

    .service_list_cont01Text {
        width: 100%;
        font-size: 18px;
        line-height: 1.5;
        margin-top: 15px;
    }

    .service_list_cont02 {
        padding: 15px 30px 25px;
    }

    .service_list_cont02 dt {
        line-height: 1.5;
        font-size: 16px;
    }

    .service_list_cont02 dd {
        margin-top: 14px;
        line-height: 1.5;
    }

    .service_list_pt02 .service_list_cont01Img {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .service_list_pt02 .service_list_cont01Img img {
        height: auto;
    }

    .service_list_el1columnBl01 {
        flex-direction: column;
        padding: 25px 30px 15px;
    }

    .service_list_el1columnBl01 .service_list_cont02 {
        margin-top: 15px;
        width: 100%;
    }

    .service_list_el1columnBl02 {
        padding: 0 30px 15px;
    }

    .service_list_el1columnBl02 ul li a {
        font-size: 16px;
        line-height: 1.5;
    }

    /*---------------------------------
    * 動画一覧
    ---------------------------------*/

    .video_list {
        margin: 30px 0 30px;
    }

    .video_el {
        margin-top: 20px;
    }

    .video_el>li {
        width: 100%;
        margin-right: 0;
    }

    .video_cont01 img {
        height: auto;
    }

    .video_bl02 {
        margin-top: 0;
        padding-top: 20px;
    }

    /*---------------------------------
    * Gサイバーチャンネル
    ---------------------------------*/

    .gcyber_mv {
        line-height: 1.6;
    }

    .gcyber_sec01 {
        margin: 40px 0;
    }

    .gcyber_subtitle {
        font-size: 20px;
    }

    .gcyber_title01 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .gcyber_text01 {
        font-size: 14px;
    }

    .gcyber_text_sm01 {
        line-height: 1.6;
    }

    .gcyber_sec02 {
        padding: 40px 0 60px;
    }

    .gcyber_bl01 .link_btn01 a {
        width: 100%;
        height: 65px;
        line-height: 1.6;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .gcyber_bl01_date {
        line-height: 1.6;
        font-size: 17px;
    }

    .gcyber_bl01 {
        padding: 20px 20px 30px;
    }

    .gcyber_bl01_title {
        font-size: 18px;
    }

    .gcyber_bl01_text {
        font-size: 14px;
    }

    .gcyber_sec03 {
        margin: 40px 0 40px;
    }

    .gcyber_sec03 .sm_wrapper {
        margin-bottom: 40px;
    }

    .gcyber_sec03 h2 {
        font-size: 20px;
        line-height: 1.5;
    }

    .table_wrap {
        width: 100%;
    }

    .gcyber_sec03_contText {
        line-height: 1.5;
    }

    .gcyber_sec03_cont {
        margin-top: 30px;
    }

    .gcyber_sec03_cont a {
        line-height: 1.5;
    }

    .gcyber_sec04_inner {
        padding: 30px 0 0;
    }

    .gcyber_bl02 {
        width: 100%;
        padding: 30px 25px;
    }

    .gcyber_bl02 h3 {
        font-size: 18px;
        line-height: 1.5;
    }

    .gcyber_bl02_cont li {
        font-size: 14px;
    }

    .gcyber_bl02_text01 {
        font-size: 14px;
        line-height: 1.5;
    }

    .gcyber_bl02_text02 {
        font-size: 14px;
    }

    .gcyber_bl02_text02 a[href^="tel:"] {
        pointer-events: initial;
    }

    /*---------------------------------
    * 導入事例　詳細
    ---------------------------------*/

    .case_detail_mv {
        padding: 30px 0 170px;
        position: relative !important;
    }

    .case_detail_mv .underlayer_mv01_inner::after {
        display: none;
        /* 追加修正 2305 */
        /* bottom: -52px; */
    }

    .case_mv_bl {
        padding: 20px;
    }

    .case_mv_bl ul {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .case_mv_cont01 {
        margin-right: 0;
        margin-left: -10px;
    }

    .case_mv_cont02 {
        width: 100%;
        margin-top: 20px;
    }

    .case_mv_cont02 h2 {
        font-size: 20px;
    }

    .case_mv_text {
        margin-top: 12px;
        font-size: 14px;
    }

    .case_dtl_top h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .case_detail {
        margin: 30px 0 0;
    }

    .case_dtl_text01 {
        font-size: 14px;
    }

    .case_dtl_link ul li a {
        flex-direction: column;
        padding-bottom: 20px;
    }

    .case_dtl_linkTitle {
        width: 100%;
        padding: 15px 0;
        border-radius: 15px 15px 0 0;
    }

    .case_dtl_linkTxt {
        width: 100%;
        padding: 10px 20px 20px;
        font-size: 14px;
    }

    .case_dtl_linkBtn {
        margin: 0 auto;
    }

    .case_dtl_bl {
        margin: 0 0 50px;
    }

    .case_dtl_el {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .case_dtl_contTtl {
        font-size: 20px;
    }

    .case_dtl_contNbr {
        font-size: 33px;
        margin-right: 12px;
    }

    .case_dtl_el h3 {
        font-size: 20px;
        line-height: 1.5;
    }

    .case_dtl_flex {
        flex-direction: column;
    }

    .case_dtl_flex .case_dtl_cont01 {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .case_dtl_contTxt01 {
        font-size: 18px;
    }

    .case_dtl_contTxt02 {
        font-size: 14px;
    }

    .case_dtl_flex .case_dtl_cont02 img,
    .case_dtl_column .case_dtl_cont02 img {
        width: 100%;
        height: auto;
    }

    .case_dtl_bl .sm_wrapper>div:last-of-type {
        margin-bottom: 40px;
    }

    /*---------------------------------
    * サービスNAVI
    ---------------------------------*/

    .pagelink_fontPt01 a {
        font-size: 16px;
    }

    .navi_search_inner {
        flex-direction: column;
    }

    .navi_search01 {
        margin-top: 30px;
    }

    .navi_search01_head01 {
        width: 100%;
        height: 70px;
        box-sizing: border-box;
    }

    .navi_search01_title {
        font-size: 22px;
    }

    .navi_search01_head02 {
        width: 100%;
    }

    .navi_search_inner {
        margin-bottom: 30px;
    }

    .navi_search01_bl {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .navi_search_title::before {
        margin-right: 12px;
    }

    .navi_search_title {
        font-size: 20px;
        text-align: left;
    }

    .navi_search_title span {
        width: 93%;
        line-height: 1.5;
    }

    .navi_search01_link01 {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .navi_search01_link01 {
        margin-top: 25px;
    }

    .navi_search01_link01 li a {
        font-size: 14px;
        padding: 9px 25px;
    }

    .navi_search01_bl>li {
        margin-bottom: 30px;
    }

    .navi_search02 {
        padding-bottom: 30px;
    }

    .navi_search02_link02 {
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .navi_search02_link02 li {
        width: 100%;
    }

    .navi_search03_text {
        margin-top: 20px;
    }

    .navi_search03_link li {
        width: 100%;
        margin-right: 0;
    }

    .navi_search03_cont02 img {
        width: 100%;
    }

    .navi_search03 .navi_search01_bl>li {
        padding-bottom: 40px;
    }

    .navi_search03 .navi_search01_bl>li:last-of-type {
        padding-bottom: 20px;
    }

    /*---------------------------------
    * 企業情報
    ---------------------------------*/

    .company_about {
        padding-top: 20px;
    }

    .company_about_bl01Img {
        margin-bottom: 10px;
    }

    .company_about_bl01Img img {
        width: 110px;
    }

    .company_wrapper h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .company_about_bl01Text {
        font-size: 14px;
    }

    .company_about_bl02 ul {
        flex-direction: column;
    }

    .company_about_bl02 ul li {
        width: 100%;
        padding: 25px 20px;
    }

    .company_about_bl02 ul li:first-of-type {
        margin-bottom: 20px;
    }

    .company_about_bl02Ttl {
        font-size: 19px;
        margin-bottom: 20px;
    }

    .company_about_bl02Txt {
        font-size: 14px;
    }

    .company_outline {
        padding: 40px 0 10px;
    }

    .company_outline table {
        margin-top: 25px;
    }

    .company_outline table th,
    .company_outline table td {
        display: block;
        width: 100%;
        padding: 15px 20px;
        line-height: 1.6;
    }

    .company_access {
        padding: 40px 0 10px;
    }

    .company_access_bl li {
        margin-top: 30px;
    }

    .company_access_bl dl dt {
        font-size: 18px;
        line-height: 1.5;
    }

    .company_access_bl dl dt::before {
        margin-right: 12px;
    }

    .company_access_bl dl dd {
        font-size: 14px;
        line-height: 1.5;
    }

    .company_access_map {
        padding-bottom: 200px;
    }

    /*---------------------------------
    * 大変革期の自動車業界で求められる研究開発とは
    ---------------------------------*/

    .development_mv {
        padding: 30px 0 60px;
        background-position: right 0 bottom 0;
    }

    .development_pagelink {
        margin: 30px 0 20px;
    }

    .development_bl01 {
        margin-bottom: 50px;
    }

    .development_bl01 h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .development_bl01_text {
        font-size: 14px;
    }

    .development_bl01 .sm_wrapper {
        margin-bottom: 30px;
    }

    .development_bl01_tableWrap {
        width: 100%;
        overflow-x: scroll;
    }

    .development_bl01_tableWrap table {
        width: 1090px;
    }

    .development_bl02_subttl {
        margin-bottom: 5px;
    }

    .development_bl02_catch {
        font-size: 24px;
    }

    .development_bl02 .service_el02 {
        padding: 30px 0 0;
    }

    .service_el02 .service_el01_inner {
        width: calc(100% - 40px);
    }

    .development_el_box {
        width: 100%;
        padding: 30px 20px;
        box-sizing: border-box;
    }

    .development_el .service_el01_inner {
        width: 100%;
    }

    .development_el_box .service_el01_list li {
        flex-direction: column;
        padding: 15px 20px;
        border-radius: 15px;
    }

    .development_el_box .service_el01_list li>div {
        width: 100%;
    }

    .development_el_box .service_el01_list li>div:nth-of-type(1) {
        text-align: center;
        margin-bottom: 10px;
    }

    .development_el_box .service_el01_list li>div:nth-of-type(2) {
        display: flex;
        align-items: center;
    }

    .development_el_box .service_el01_list li .development_el_listCont02 {
        margin-right: 10px;
    }

    .development_el_box .service_el01_list li .development_el_listCont03 {
        width: 88%;
        font-size: 14px;
    }

    .service_el01.development_el {
        margin-bottom: 30px;
    }

    .development_el02 {
        margin-bottom: 50px
    }

    .development_el02_box {
        padding: 30px 20px;
    }

    .development_el02_boxIn {
        width: 100%;
    }

    .development_bl02 .development_el02 .service_el01_head span {
        padding: 14px 45px;
    }

    .development_bl02 .development_el02 h3 {
        font-size: 24px;
        line-height: 1.5;
        margin-top: 20px;
    }

    .development_bl02 .development_el02 .service_el02_text {
        margin-top: 20px;
    }

    .development_el02_boxIn ul {
        flex-direction: column;
    }

    .development_el02_boxIn ul li {
        margin-bottom: 20px;
        width: 100%;
    }

    .development_el02Flex_cont02 {
        padding: 20px 25px 30px
    }

    .development_el02Flex_title {
        margin-bottom: 15px;
    }

    .development_bl02Pt02 {
        margin-bottom: 50px;
    }
}




/*-----------------------------

　　　　追加
    ----------------------------*/

.recent_service_inner {
    padding-right: 30px;
    box-sizing: border-box;

}

.deliverable h3:not(:nth-of-type(n+2)) {
    margin-top: 43px;
}

.deliverable h3.mt43 {
    margin-top: 43px;
}

.deliverable h3.mt20 {
    margin-top: 20px;
}

.other_text {
    margin-top: 20px;
}

.service_detail .sec_border {
    padding-bottom: 0;
}

.service_detail {
    padding-bottom: 70px;
}

.gcyber_sec03 table {
    table-layout: fixed;
}

.gcyber_sec03 table .column-1 {
    width: 100px;
}

.gcyber_sec03 table thead th {
    width: 172px;
    padding: 18px 0;
    text-align: center;
    background-color: #1D8E76;
    color: #fff;
    font-weight: 700;
    min-width: 172px;
}

.gcyber_sec03 table .row-1 td {
    padding: 16px 0;
    text-align: center;
}

.gcyber_sec03 table tbody .column-1 {
    width: 95.5px;
    min-width: 95.5px;
    padding: 16px;
    background-color: #D5F0EB;
    box-sizing: border-box;
    text-align: left;
    font-weight: 700;
}

.mb40 {
    margin-bottom: 40px;
}

.other-text {
    text-align: center;
}

.text-center {
    text-align: center;
}


.deliverable:nth-of-type(n+2) {
    margin-top: 43px;
}

.line+.deliverable {
    margin-top: 0;
}

.line+.deliverable h2:nth-of-type(1) {
    margin-top: 0;
}

.mt20 {
    margin-top: 20px;
}

.mb40 {
    margin-bottom: 40px;
}

@media screen and (min-width:769px) {
    .table_wrap {
        overflow: hidden;

    }
}


.service_pagelink {
    justify-content: flex-start;
}

.service_pagelink li {
    width: calc((100% - 50px) / 4);
}

.service_pagelink li a {
    width: auto !important;
    height: auto !important;

}

.service_pagelink li:not(:nth-child(4n)) {
    margin-right: 16px;
}


@media screen and (max-width:768px) {
    .service_pagelink li:not(:nth-child(4n)) {
        margin-right: 0;
    }

    .service_pagelink li:nth-child(odd) {
        margin-right: 4%;
    }
}

.service_mv {
    /* height: 437px; */
    box-sizing: border-box;
}

.pagelink a {
    line-height: 1.4;
}

@media screen and (min-width:769px) {
    .wrapper {
        width: 100% !important;
        height: 100%;

    }
}

.wrapper {
    background: transparent !important;

}

.breadcrumb .wrapper {
    text-align: left;
}

#lf_form_div .container {
    width: 100%;
    background: transparent;
    border: inherit;
    border-top: inherit;
    font-size: inherit;
    color: inherit;
    margin: 0 auto;
    text-align: left;

}

table.items {
    width: 800px;
    margin: 0 auto;
    border: none !important;
}

tr.item::after {
    content: "";
    display: block;
    clear: both;

}

td.label {
    padding: 16px 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    background: transparent !important;
    width: 215px !important;
    text-align: left !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    position: relative !important;
    vertical-align: middle !important;
    font-weight: bold;
    line-height: 1.4;
    padding-right: 60px !important;
    box-sizing: border-box;
}

span.required {
    margin-right: 0;
    font-weight: normal;
    display: inline-block;
    color: #fff !important;
    background-color: #AF002F;
    padding: 5px 9px;
    font-size: 12px;
    letter-spacing: 0.05em;
    position: absolute;
    right: 0;
}

td.value {
    width: 100% !important;
    display: block;
    float: left;
    padding-bottom: 20px;
    line-height: 1.4;


}

td.comment {
    float: left;
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    padding-bottom: 20px !important;
    padding-top: 0 !important;
    border: none !important;
}

tr#item_1 span.label_name {
    padding-right: 20px;
    font-size: 85%;
    font-weight: bold;
    color: DarkSlateGray;
    float: left;
    line-height: 60px;
}

tr#item_1 span.label_name+input {
    border: 1px solid #CBCCDC;
    height: 60px;
    box-sizing: border-box;
    border-radius: 4px;
    width: calc(100% - 40px);
    background-color: #F9FAFC;
    font-size: 16px;
    padding: 16px;
    float: left;
}

input[name="person_name_last"] {
    margin-bottom: 16px;
}

#lf_form_div .download_form tr {
    border: none;


}

#lf_form_div .download_form td {
    border-bottom: 1px solid #CBCCDC;
    line-height: 1.4;

}

input[type="button"] {
    padding: 18px 64px !important;
    background-color: #1D8E76 !important;
    border-radius: 10px !important;
    color: #fff !important;
    border: 0 !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    border: 1px solid #1D8E76 !important;
    box-sizing: border-box !important;
    transition: all .3s linear !important;
}

input[type="button"]:hover {
    background-color: #fff !important;
    color: #1D8E76 !important;
}

div.button_area {
    background: transparent !important;
}

#item_11 td.comment,
#item_10 td.comment,
#item_6 td.comment,
#item_12 td.comment,
#item_13 td.comment,
#item_4 td.comment,
#item_3 td.comment,
#item_0 td.comment,
#item_7 td.comment,
#item_8 td.comment,
#item_9 td.comment,
#item_5 td.comment {
    display: none;
}

#item_3 .label_mail {
    margin: 10px 0;
}

textarea[name="data_10_other"] {
    margin-top: 10px;
}

textarea {
    background-color: #F9FAFC;
    border: 1px solid #CBCCDC;
    border-radius: 4px;
}

select {
    border: 1px solid #CBCCDC;
    height: 60px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #F9FAFC;
    /* font-size: 16px; */
    padding: 16px;
}

.privacy_policy .privacy-text-master {
    line-height: 1.7;
}

@media screen and (max-width:768px) {
    td.label {
        float: left;
        width: 95% !important;
        height: auto !important;
        padding-top: 10px;
        padding-left: 2.5% !important;
    }

    td.value {
        float: left;
        width: 95% !important;
        padding-bottom: 0px;
    }
}

p.required_msg {
    text-align: left !important;
    color: #AF002F !important;
    padding-bottom: 20px;
}

@media screen and (max-width:380px) {
    .service_pagelink.pagelink {
        flex-direction: column;

    }

    .service_pagelink.pagelink li {
        width: 100%;
        margin-right: 0;
    }
}

.interview-data .wrapper {
    background: #DFF8F3 !important;
    border: 1px solid #1D8E76;
    border-radius: 15px;
    padding: 30px 38px 35px;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 60px;
}

.interview-data .wrapper h3 {
    color: #1D8E76;
    font-weight: bold;
    margin-bottom: 12px;
}

.interview-data .wrapper p {
    font-size: 16px;
    line-height: 1.875;
}

.interview-data .wrapper .interviewer {
    border-top: 1px solid #1D8E76;
    padding-top: 24px;
    margin-top: 24px;
}

.interview-info {
    background: #fff;
    padding: 50px 67px 60px;
    border-radius: 15px;
    box-shadow: 8px 8px 15px rgba(0, 0, 0, .08);
    margin-bottom: 80px;
}

.interview-info .d-flex {
    display: flex;
    margin-bottom: 40px;
    align-items: center;

}

.interview-info .d-flex .pic {
    width: 326px;
    margin-right: 60px;
    border-radius: 7px;
    overflow: hidden;
}

.interview-info .d-flex .text {
    flex: 1;

}

.interview-info .d-flex .text h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 22px;
}

.interview-info .d-flex .text p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.875;
}

.interview-info table {
    border-top: 1px solid #C6C6C6;
    width: 100%;
}

.interview-info .table th {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #D5F0EB;
    vertical-align: middle;
    width: 163px;
}

.interview-info .table th,
.interview-info .table td {
    border-bottom: 1px solid #C6C6C6;
    padding: 20px 16px;

}

@media screen and (max-width:768px) {
    .interview-info {
        padding: 40px 20px;
    }

    .interview-info .d-flex {
        flex-direction: column;

    }

    .interview-info .d-flex .pic {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        border-radius: 7px;
        overflow: hidden;
    }

    /* table.table{
        display: block;
        width:100% !important;

    }
    tr,th,td{
        display: block;
        width:100% !important;
        box-sizing: border-box;
    } */
}

.case_dtl_bl .link_btn01 a {
    width: 300px;
    height: 80px;
    line-height: 80px;
}

.free-area {
    line-height: 1.875;
    margin-top: 60px;
}

strong {
    font-weight: bold;
}

.column_headingwrap h3.h4 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    letter-spacing: 0.05em;
    margin-bottom: 23px;
    margin-top: 50px;
    /* 追加修正 2305 */
    line-height: 1.5;
    /* 追加修正 2305 */
    border-bottom: 1px solid #22304F;
}

.column_headingwrap h4.h5 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 25px;
    margin-top: 40px;
    /* 追加修正 2305 */
    line-height: 1.5;
    /* 追加修正 2305 */
}

.writer-profile-wrap {
    background: #F7F7F7;
    padding: 86px 50px 38px;
    position: relative;
    margin-bottom: 60px;
}

.writer-profile-wrap h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 50px;
    line-height: 34px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.05em;
    border-radius: 0px 15px 15px 0px;
    position: absolute;
    width: auto;
    left: 0;
    top: 30px;
    background: #7ED5C2;
}

.writer-profile .d-md-flex {
    display: flex;
    align-items: center;
    margin-bottom: 26px;
}


.writer-profile .pic-wrap {
    width: 104px;


}

.writer-profile .name-wrap {
    flex: 1;
    padding-right: 30px;


}

.writer-profile .name-wrap .name {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.363;
    margin-bottom: 16px;

}

.writer-profile .name-wrap .com_name {
    margin-bottom: 10px;
}

.writer-profile .name-wrap .com_name,
.writer-profile .name-wrap .department_name {
    font-size: 16px;
    font-weight: bold;

}

.writer-profile .desc p {
    font-size: 16px;
    line-height: 1.875;
}


.column_recommend {
    margin-bottom: 60px;
}

.column_pagination {
    padding-top: 26px;
}

@media screen and (max-width:768px) {
    .writer-profile .d-md-flex {
        display: block;
    }


    .writer-profile .pic-wrap {
        width: 100%;
        text-align: center;


    }

    .writer-profile .name-wrap {
        padding-right: 0;
        padding-bottom: 30px;


    }

    .writer-profile-wrap {
        background: #F7F7F7;
        padding: 86px 30px 30px;
        position: relative;
        margin-bottom: 60px;
    }

}

.service_detail div:not(.service_bl02Cont02_text.function-item-title) a,
.service_detail p a,
.service_detail table a {
    text-decoration: underline;
    color: #fff;
    transition: all .3s ease;
    color: #1D8E76;

}

.case-list>li>a {
    background-color: rgba(0, 172, 135, 0.5);
}

.service_detail div.service_bl02Cont02_text.function-item-title {
    color: #1D8E76;
}

.service_detail div:not(.service_bl02Cont02_text) a:hover,
.service_detail p a:hover,
.service_detail table a:hover {
    text-decoration: none;
}

.bl_flex03 li a,
.service_bl02Cont02 ul li a {
    text-decoration: none !important;
}

.seminar_dt_serviceEl {
    width: 100%;

}

.seminar_dt_serviceBtn {
    margin-left: auto;
}

.column_headingwrap h2 {
    font-size: 23px;
    font-weight: 700;
    line-height: 1.65;
    border-left: 3px solid #1D8E76;
    padding-left: 18px;
    margin-bottom: 35px;
    /* 追加修正 2305 */
    margin-top: 80px;
    /* 追加修正 2305 */
    color: inherit;
}


/*-------------------------------------------------

footer修正

----------------------------------------------------*/


.ftnavi-lv2 {
    padding-left: 20px;
}

.ftnavi-lv2 .ftnavi-lv2-cat {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 13px;
    line-height: 1.5;
}

.ftnavi-lv2 li a::before {
    content: url("../img/common/ft-list-arrow.svg");
    position: relative;
    left: -15px;
    top: 0;
}

.ftnavi-lv2 li a {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 13px;
    text-indent: -5px;
    line-height: 1.5;
    padding-left: 15px;
}

.ftnavi-lv3 li {
    padding-left: 0 !important;
}

.ftnavi-lv3 a {
    font-size: 11px !important;
    font-weight: 300 !important;
    text-indent: 0 !important;
}

.ftnavi-lv4 li {
    padding-left: 10px !important;
}

.ftnavi-lv4 li a {
    display: flex;
}

.ftnavi-lv4 li a::before {
    content: "-";
    margin-right: 0.5em;
    display: inline-block !important;
    left: 0 !important;


}

.ftlogo {
    margin-bottom: 36px;
    display: block;
}

.ftlogo img {
    width: 92px;
    margin-bottom: 13px;
    display: block;
}

.ftlogo span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #1D8E76;
}

.footer_nav_cont {
    display: flex;
    flex-direction: column;
    position: relative;
}

.footer_nav_cont:nth-child(2) {
    width: 179px;
}

.footer_nav_cont:last-child {
    width: 179px;
}

.footer_nav_cont:last-child ul {
    margin-bottom: 39px;
}

.footer_nav_cont:last-child ul:last-child {
    display: flex;
    flex-direction: column;
}

.footer_nav_cont:last-child ul:last-child li:last-child {
    /* position: absolute; */
    bottom: 0;
    right: 0;
    width: 100%;
}

.footer_nav_cont:last-child ul:last-child li:last-child ul {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0;
}

.footer_nav_cont:last-child ul:last-child li:last-child ul li {
    position: static;
    width: auto;
}

.footer_nav_cont:last-child ul:last-child li:last-child ul li a:h .footer_nav_cont02Inner a {
    display: flex;
    align-items: center;
}

.footer_nav_link01::before {
    font-size: 0px;
}

.ft-linkbtn a {
    display: flex;
    width: 100%;
    height: 35px;
    max-width: 179px;
    color: #fff;
    border: 1px solid #1D8E76;
    background-color: #1D8E76;
    font-size: 12px;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    /* margin-top: 39px; */
    border-radius: 5px;
}
.ft-linkbtn a::before {
    content: '';
    background-image: url(../img/common/mail_icon01.png);
    width: 10.36px;
    height: 8.35px;
    background-size: cover;
    display: inline-block;
    margin-right: 11px;
}

/* .ft-linkbtn a:hover {
    background: #1D8E76;
    color: #fff;
} */
.ft-linkbtn a:hover {
    background: #fff;
    color: #1D8E76;
}
.ft-linkbtn a:hover::before {
    background-image: url(../img/common/mail_icon01_gr.png);
    background-size: cover;
}

.copyright {
    text-align: center;
    padding: 92px 0 0;
    font-size: 10px;
    font-weight: 300;
}

@media screen and (max-width:768px) {
    .footer_nav_cont:last-child {
        width: 100%;
    }

    .ft-linkbtn {
        text-align: center;
    }

    .ft-linkbtn a {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: auto;
        margin-left: auto;

    }

    .footer_nav_cont:last-child ul:last-child li:last-child {
        position: static;
    }

    .footer_nav_cont:last-child ul:last-child li:last-child ul {
        justify-content: center;

    }

    .footer_nav_cont:last-child ul:last-child li:last-child ul li {
        margin: 20px 10px 0;
    }

    .copyright {
        padding: 0;
    }

    .footer_nav_cont:nth-child(n+2) {
        margin-bottom: 30px;
    }

    .ftlogo img {
        margin: 0 auto 13px;
    }

    .ftlogo span {
        text-align: center;
    }
}

.mega-current-menu-ancestor a {
    color: #222 !important;
}

/* .mega-current-menu-ancestor:hover a.mega-menu-link{
    color: #1d8e76 !important;
} */
.mega-current-menu-parent.mega-toggle-on>a:first-child {
    color: #1d8e76;
}

.page-template-container {
    padding: 100px 0 70px;
}

.page-template-container p {
    font-size: 16px;
    line-height: 1.87;
    margin-bottom: 17px;
}

.page-template-container h2 {
    font-size: 18px;
    font-weight: bold;
    color: #1D8E76;
    margin-bottom: 16px;
    text-align: left;
    padding-bottom: 0;
    border-bottom: 0;
}

.page-template-container ul {
    list-style-type: disc;
    line-height: 1.87;
    font-size: 16px;
    padding-left: 18px;
    list-style-position: inside;
}

.page-template-container h2:nth-child(n+2) {
    margin-top: 30px;
}

.titlewrap {
    padding-bottom: 20px;
    border-bottom: 2px solid #1D8E76;
    margin-bottom: 30px;
}

.pl-18 {
    padding-left: 18px;
}

.titlewrap h2 {
    font-size: 26px;
}

.titlewrap p {
    font-size: 13px;
    margin-bottom: 0;
}

#mega-menu-wrap-primary #mega-menu-primary {
    display: flex;
    justify-content: center;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item a:hover,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on a {
    border-bottom: 3px solid #1D8E76;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
    padding-right: 20px;
    padding-left: 20px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item a {
    border-bottom: 3px solid transparent;
    transition: all .3s ease;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
    border-color: #1D8E76;
    color: #1d8e76 !important;
}

.mega-sub-menu .mega-menu-link {
    color: #222 !important;
}

.lang-switch {
    display: flex;
    align-items: center;
    line-height: 17px;
    margin-right: 33px;
}

.lang-switch a,
.lang-switch span {
    font-size: 11px;
    padding: 0 8px;

}

.lang-switch span {
    opacity: 0.3;
}

.lang-switch a:hover {
    text-decoration: underline;
}


@media screen and (max-width:768px) {
    .bl_flex03_cont {
        margin-top: 120px;
        margin-bottom: 0;
    }

    .bl_flex03_text {
        margin-bottom: 80px;
        padding: 30px;
    }
}

.service-backlink {
    padding: 60px 0 0;
    text-align: center;
}

.service-backlink.link_btn01 a {
    width: 300px;
    height: 80px;
    line-height: 80px;
    text-decoration: none !important;
    color: #fff !important;
}

.service-backlink.link_btn01 a::after,
.service-backlink.link_btn01 div::after {
    content: '';
    background-image: url(../img/common/arrow01.png);
    width: 11.51px;
    height: 7.31px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.link_btn01.service-backlink a:hover {
    background-color: #fff;
    color: #222222 !important;
}

.link_btn01.service-backlink a:hover::after {
    background-image: url(../img/common/arrow01_bk.png);
    background-size: cover;
}

#seminar02 .seminar_flex02 li {
    margin-bottom: 60px;
}

/*--pagenation--*/
.pagenation {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 120px;
    flex-wrap: wrap;

}

.pagenation a,
.pagenation span {
    display: flex;
    padding: 0 15px;
    height: 45px;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #000;
    margin: 5px;
    border: 1px solid #000;

}

.pagenation span.current,
.pagenation a:hover {
    background: #000;
    color: #fff;
}

.pagenation a.prev::before {
    content: url("../img/news_list/prev.svg");
    padding-right: 10px;
}

.pagenation a.next::after {
    content: url("../img/news_list/next.svg");
    padding-left: 10px;
}

.pagenation a.prev:hover::before {
    content: url("../img/news_list/prev-on.svg");
    padding-right: 10px;
}

.pagenation a.next:hover::after {
    content: url("../img/news_list/next-on.svg");
    padding-left: 10px;
}

.download-template-template-dl-form .underlayer_mv02 h1 {
    flex-direction: column;
}

.download-template-template-dl-form .underlayer_mv02 h1 .underlayer_mv_title {
    margin-bottom: 20px;
}

/* -------------------------------------------------------------------- 
 フロートナビ
-------------------------------------------------------------------- */

.floatNaviWrap01 {
    width: 160px;
    position: fixed;
    right: 0px;
    top: 40%;
    z-index: 9999;
    display: none;

}

.floatNaviWrap01 li {
    margin-top: 2px;
}

/*----------------*/

.floatNaviBtn01 {
    position: relative;
    display: block;
    background-color: #EFA500;
    border: 1px solid #EFA500;
    border-radius: 3px 0px 0px 3px;
    padding-top: 42px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.floatNaviBtn01:link {
    color: #ffffff;
    text-decoration: none;
}

a.floatNaviBtn01:visited {
    color: #ffffff;
    text-decoration: none;
}

a.floatNaviBtn01:hover {
    color: #EFA500;
    text-decoration: none;
    background-color: #ffffff;
}

a.floatNaviBtn01:active {
    color: #ffffff;
    text-decoration: none;
}

.floatNaviBtn01 p {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0px 20px 0px 30px;
    font-size: 12px;
    line-height: 1.3em;
    font-weight: 500;
    width: 100%;
    height: 44px;
    position: relative;
}

.floatNaviBtn01 p::before {
    content: "";
    background-image: url("../img/common/side-dl.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 11px auto;
    width: 11px;
    height: 11px;
    position: absolute;
    left: 13px;
    top: 50%;
    margin-top: -6px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.floatNaviBtn01:hover p::before {
    background-image: url("../img/common/side-dl-on.svg");
}

.floatNaviBtn01 p::after {
    content: '';
    width: 7px;
    height: 7px;
    border: 0px;
    border-top: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.floatNaviBtn01:hover p::after {
    border-top: solid 1px #EFA500;
    border-right: solid 1px #EFA500;
}

.floatNaviBtn01 .img01 {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0px;
    top: -36px;
}

.floatNaviBtn01 .img01 img {
    width: 105px;
    height: auto;
    -webkit-box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.1);
}

/*----------------*/

.floatNaviBtn01.floatNaviBtn02 {
    background-color: #1D8E76;
    border: 1px solid #1D8E76;
    padding-top: 0px;
}

a.floatNaviBtn01.floatNaviBtn02:hover {
    color: #1D8E76;
}

.floatNaviBtn01.floatNaviBtn02 p::before {
    background-image: url("../img/common/side-mail.svg");
    background-size: 12px auto;
    width: 12px;
    height: 10px;
    margin-top: -5px;
}

.floatNaviBtn01.floatNaviBtn02:hover p::before {
    background-image: url("../img/common/side-mail-on.svg");
}

.floatNaviBtn01.floatNaviBtn02:hover p::after {
    border-top: solid 1px #1D8E76;
    border-right: solid 1px #1D8E76;
}

/*----------------*/



@media screen and (max-width:768px) {

    .floatNaviWrap01 {
        width: 160px;
        position: fixed;
        right: 0px;
        top: 50%;
        display: none !important;
    }

    .floatNaviWrap01 li {
        margin-top: 2px;
    }

    /*----------------*/

    .floatNaviBtn01 {
        position: relative;
        display: block;
        background-color: #EFA500;
        border: 1px solid #EFA500;
        border-radius: 3px 0px 0px 3px;
        padding-top: 42px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    a.floatNaviBtn01:link {
        color: #ffffff;
        text-decoration: none;
    }

    a.floatNaviBtn01:visited {
        color: #ffffff;
        text-decoration: none;
    }

    a.floatNaviBtn01:hover {
        color: #EFA500;
        text-decoration: none;
        background-color: #ffffff;
    }

    a.floatNaviBtn01:active {
        color: #ffffff;
        text-decoration: none;
    }

    .floatNaviBtn01 p {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 0px 20px 0px 30px;
        font-size: 12px;
        line-height: 1.3em;
        font-weight: 500;
        width: 100%;
        height: 44px;
        position: relative;
    }

    .floatNaviBtn01 p::before {
        content: "";
        background-image: url("/common/img/btn_icon_download01.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 11px auto;
        width: 11px;
        height: 11px;
        position: absolute;
        left: 13px;
        top: 50%;
        margin-top: -6px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .floatNaviBtn01:hover p::before {
        background-image: url("/common/img/btn_icon_download01_on.png");
    }

    .floatNaviBtn01 p::after {
        content: '';
        width: 7px;
        height: 7px;
        border: 0px;
        border-top: solid 1px #ffffff;
        border-right: solid 1px #ffffff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        right: 14px;
        top: 50%;
        margin-top: -4px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .floatNaviBtn01:hover p::after {
        border-top: solid 1px #EFA500;
        border-right: solid 1px #EFA500;
    }

    .floatNaviBtn01 .img01 {
        text-align: center;
        width: 100%;
        position: absolute;
        left: 0px;
        top: -36px;
    }

    .floatNaviBtn01 .img01 img {
        width: 105px;
        height: auto;
        -webkit-box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.1);
    }

    /*----------------*/

    .floatNaviBtn01.floatNaviBtn02 {
        background-color: #1D8E76;
        border: 1px solid #1D8E76;
        padding-top: 0px;
    }

    a.floatNaviBtn01.floatNaviBtn02:hover {
        color: #1D8E76;
    }

    .floatNaviBtn01.floatNaviBtn02 p::before {
        background-image: url("../img/common/side-mail.svg");
        background-size: 12px auto;
        width: 12px;
        height: 10px;
        margin-top: -5px;
    }

    .floatNaviBtn01.floatNaviBtn02:hover p::before {
        background-image: url("/common/img/btn_icon_contact01_on.png");
    }

    .floatNaviBtn01.floatNaviBtn02:hover p::after {
        border-top: solid 1px #1D8E76;
        border-right: solid 1px #1D8E76;
    }

    /*----------------*/



}

.service_mv {
    background-image: url(../img/service/service_mv_img.png);

}

.servicelist_mv {
    background-image: url(../img/service/servicelist_mv_img.png);

}

.servicelist_mv h1 .underlayer_mv_subtitle {

    color: #fff;
}

/* 追加修正 2305 */

.seminar_mv {
    /* height: 370px;
    padding: 0; */
}

/* 追加修正 2305 ここまで*/

.seminar_mv .underlayer_mv01_inner {
    height: 100%;
}

.seminar_mv h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /*padding-top: 50px; 追加修正 2305 */
}

.single-seminar .seminar_mv {
    height: 173px;
}

.single-seminar .seminar_mv .h1 {
    padding: 0;
}

@media screen and (max-width:768px) {
    .single-seminar .seminar_mv .h1 {
        align-items: flex-start;
        height: 100%;
        margin-top: 30px;
    }

    .single-seminar .seminar_mv {
        height: 270px;
    }

    .seminar_mv.underlayer_mv01_sm .underlayer_mv01_inner::after {
        top: 54px;
        right: 0;
        left: auto;
    }
}

.case_detail_mv .wrapper {
    max-width: 100%;
}

.case_detail_mv .case_mv_bl {
    max-width: 1090px;
    margin: auto;
}

.case_mv.case_detail_mv .underlayer_mv01_inner::after {
    top: 0;
}

.single-column .underlayer_mv01_sm .h1 {
    padding: 0;
}

@media screen and (min-width:769px) {
    .page-id-832 .service_el01_list li div:first-child {
        width: 100px;
    }

    .page-id-832 .service_el01_list li div:nth-child(2) {
        width: calc(100% - 100px);
    }
}

/* .page-id-832 .service_el01_list li div:first-child{
    width: 100px;
} */
.page-id-832 .service_el01_list li div:nth-child(2) {
    /* width: calc(100% - 100px); */
    display: flex;
    align-items: center;
}

.page-id-832 .service_el01_list li div:nth-child(2) .development_el_listCont02 {
    width: 22px;
    display: flex;
    align-items: center;
}

.page-id-832 .service_el01_list li div:nth-child(2) .development_el_listCont03 {
    width: calc(100% - 40px);
}

.page-id-832 .service_el01_list li div:nth-child(2) .development_el_listCont03 .font-weight-bold {
    color: #1D8E76;
    font-weight: bold;
}

/* .page-id-832 .development_el02Flex_catch{
    font-size: 28px;
} */
.page-id-832 .development_el02_boxIn ul {
    justify-content: flex-start;
}

.page-id-832 .development_el02_boxIn ul li {
    width: calc((100% - 28px) / 2);
}

.page-id-832 .development_el02_boxIn ul li:not(:last-child) {
    margin-right: 28px;
}

@media screen and (max-width:768px) {
    .page-id-832 .development_el02_boxIn ul li {
        width: 100%;
    }

    .page-id-832 .development_el02_boxIn ul li:not(:last-child) {
        margin-right: 0;
    }
}

.page-id-832 .development_el02Flex_link {
    display: block;
    padding: 20px;
    border: 2px solid #45A79D;
    margin: auto auto 0;
    line-height: 1.5;
}

.page-id-832 .development_el02Flex_text {
    margin-bottom: 10px;
}

.page-id-832 .development_el02Flex_cont02 {
    display: flex;
    flex-direction: column;
}

.page-id-832 .development_el02Flex_link .development_el02Flex_link_title {
    font-weight: bold;
    color: #1D8E76;
    display: block;
    margin-bottom: 10px;
}

.development_el02Flex_link_text.has_btn {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.development_el02Flex_link_text.has_btn .development_el02Flex_link_text_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    padding: 15px 10px;
    background: #45A79D;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    margin-top: 15px;
}

@media screen and (max-width:768px) {
    .development_el02Flex_link_text.has_btn {
        display: block;


    }

    .development_el02Flex_link_text.has_btn .development_el02Flex_link_text_btn {
        margin: 10px auto 0;
    }
}

.development_el02Flex_link:hover {
    background: #1D8E76;
    color: #fff;

}

.development_el02Flex_link:hover .development_el02Flex_link_title {
    color: #fff;

}

.development_el02Flex_link:hover .development_el02Flex_link_text.has_btn .development_el02Flex_link_text_btn {
    background: #fff;
    color: #1d8e76;
}

/*------car_development----------------*/

.car_development_listwrap {
    background: #F7F7F7;
    padding: 30px;
    border-radius: 15px;

}

.car_development_listwrap dl {
    margin-bottom: 30px;
    text-align: left;
}


.car_development_listwrap dl dt {
    color: #1D8E76;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 11px;
    font-size: 16px;
}

.car_development_listwrap dl dd {
    font-size: 16px;
    line-height: 1.5;
    padding-left: 22px;
}

.car_development_listwrap dl dt::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: #D4F3ED;
    border: 1px solid #1D8E76;
    border-radius: 20px;
    margin-right: 18px;

}

body.home .top_mv_cont {
    text-align: center;
}

@media screen and (max-width:768px) {

    .service_mv,
    .servicelist_mv {
        height: auto;
        padding-bottom: 30px;
    }
}

.header_sp_nav:not(.mm-menu) {
    display: none;
}

@media screen and (max-width:768px) {

    .post-type-archive-service .underlayer_mv01,
    .post-type-archive-products .underlayer_mv01 {
        height: 80px;
    }
}

.video_mv {
    padding: 0;
}

.video_mv .d-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.video_mv .d-flex .underlayer_mv_title {
    margin-bottom: 20px;
}

@media screen and (min-width:769px) {
    a[href^="tel:"] {
        pointer-events: none;

    }
}

/*-------------------------------------------------

aタグ修正

----------------------------------------------------*/

/* 新着情報 */

.news_detail_inner div:not(.news_detail_btn) a {
    text-decoration: underline;
    transition: all .3s ease;
    color: #1D8E76;
}

.news_detail_inner div:not(.news_detail_btn) a:hover {
    text-decoration: none;
}

/* GAIO CLUB */

.column_mainDetail_text01 a,
.column_detailBlock01 a,
.column_detailBlock03 a,
.writer-profile a {
    text-decoration: underline;
    transition: all .3s ease;
    color: #1D8E76;
}

.column_mainDetail_text01 a:hover,
.column_detailBlock01 a:hover,
.column_detailBlock03 a:hover,
.writer-profile a:hover {
    text-decoration: none;
}

/* 導入事例 */

.case_dtl_top a,
.case_dtl_column a {
    text-decoration: underline;
    transition: all .3s ease;
    color: #1D8E76;
}

.case_dtl_top a:hover,
.case_dtl_column a:hover {
    text-decoration: none;
}

/* セミナー イベント */

.seminar_detail .seminar_dt_text01 a,
.seminar_detail table a {
    text-decoration: underline;
    transition: all .3s ease;
    color: #1D8E76;
}

.seminar_detail .seminar_dt_text01 a:hover,
.seminar_detail table a:hover {
    text-decoration: none;
}

.seminar_detail .link_btn01 a {
    text-decoration: none !important;
    color: #fff !important;
}

.seminar_detail .link_btn01 a:hover {
    color: #222222 !important;
}

/*---------------------------------
* 問い合わせ
---------------------------------*/
.scroll-box {
    max-height: 200px; /* ボックスの高さを設定 */
    overflow: scroll; /* 縦方向にスクロールを許可 */
    border: 1px solid #d4d4d4; /* ボックスの枠線 */
    border-collapse: collapse;
    padding: 20px;
    margin-bottom: 20px;
}

.contact_form_item {
    border: solid 1px #d4d4d4;
    border-top: none;
    border-collapse: collapse;
    line-height: 1.8;
    padding: 15px 20px;
}
.contact_form_item:first-child {
    border-top: solid 1px #d4d4d4;
}
.contact_form_item:first-child span.remark {
    color: #777;
    font-size: 12px;
}
.contact_form_item span.red{
    color: red;
}
.contact_form_item:nth-child(odd) {
    background-color: #f9f9f9;
}
.contact_form_item input {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 15px;
}


/* 住所入力欄、お問い合わせ内容欄 */
@media screen and (min-width:769px) {
    .contact_form_item:nth-child(6) input,
    .contact_form_item:nth-child(10) textarea
    {
        width: 700px;
    }
}
@media screen and (max-width:768px) {
    .contact_form_item .wpcf7-form-control {
        width: 100%;
        box-sizing: border-box;
    }
    
    textarea.wpcf7-form-control {
        width: 100%;
        box-sizing: border-box;
    }
}
.contact_form_item textarea {
    background-color: #fff;
}

input[type="submit"] {
    padding: 18px 69px;
    background-color: #1D8E76;
    border-radius: 10px;
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    font-family: "PingFang SC", "Arial", "Microsoft YaHei", sans-serif;
    cursor: pointer;
    border: 1px solid #1D8E76;
    position: relative;
    left: 36px;
    transition: all 0.3s ease;
}
input[type="submit"]:hover {
    color: #1D8E76;
    background-color: #fff;
    border: 1px solid #1D8E76;
}
.submit_btn {
    text-align: center;
    margin-top: 50px;
}