@charset "UTF-8";
/*================================
共通スタイル
================================*/
/* 共通設定
------------------------- */
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background-color: #222831;
    font-family: 'Noto Sans JP', sans-serif;
}

p {
    font-size: 16px;
}


/* ヘッダー
------------------------- */
header {
    display: flex;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100px;
    background-color: rgba(238,238,238,0.5);
}

/* サイトタイトル */
#site-title {
    display: flex;
    align-items: center;
}

#site-title > img {
    margin: 10px;
    width: 285px;
    height: auto;
}

/* ナビゲーションメニュー */
#nav-pc {
    display: flex;
    align-items: center;
    text-align: center;
}

#nav-pc ul {
    display: flex;
    justify-content: center;
    list-style: none;
    cursor: pointer;
}

#nav-pc ul li a {
    display: block;
    padding-right: 40px;
    color: #393E46;
    font-size: 24px;
    text-decoration: none;
    transition: all .3s;
}

#nav-pc > ul > li > a:hover {
    color:#4BABFF; 
}

.nav-item > a::after {
    display: block;
    font-size: 12px;
}

.nav-item-business > a::after {
    padding-top: 3px;
    content: "事業内容";
}

.nav-item-crowdfunding a::after {
    padding-top: 3px;
    content: "Crowd funding";
}

.nav-item-exclusivedistributor a::after {
    padding-top: 3px;
    content: "Exclusive Distributor";
}

.nav-item-importedproducts a::after {
    padding-top: 3px;
    content: "Imported Products";
}

.nav-item-service > a::after {
    padding-top: 3px;
    content: "サービス";
}

.nav-item-policy a::after {
    padding-top: 3px;
    content: "ポリシー";
}

.nav-item-contact a::after {
    padding-top: 3px;
    content: "お問い合わせ";
}

.nav-item-company a::after {
    padding-top: 3px;
    content: "会社概要";
}

/* ドロップダウンメニュー */
#nav-pc ul ul {
    display: block;
}

#nav-pc ul li {
    position: relative;
}

#nav-pc ul li li a {
    padding: 10px 30px;
}

nav li.has-child ul {
    position: absolute;
    top: 77.5px;
    left: -15px;
    z-index: 9999;
    visibility: hidden;
    width: 320px;
    padding: 15px 0;
    background-color: rgba(238, 238, 238, 0.5);
    opacity: 0;
    transition: all .3s;
}

nav li.nav-item-business ul {
    width: 279px;
}

nav li.has-child ul li {
    text-align: left;
}

nav li.has-child:hover > ul,
nav li.has-child ul li:hover > ul,
nav li.has-child:active > ul,
nav li.has-child ul li:active > ul {
    visibility: visible;
    opacity: 1;
}

.dropdown-item > a {
    font-size: 20px !important;
}

.dropdown-item > a:hover,
.dropdown-item > a:active {
    color: #4BABFF !important;
}

/* クラファン非表示 */
.cf-none {
	display: none;
}

@media screen and (min-width: 1024px) {
    /* スマホ用ナビゲーション非表示 */
    #menu-sp, #nav-sp {
        display: none;
    }
}


/* ファーストビュー
------------------------- */
.main-wrapper {
    height: 100vh;
}

#main-visual {
    position: relative;
    height: 100vh;
    overflow: hidden;
} 

#video-area {
    position: fixed;
    top: 0;
    right:0;
    bottom:0;
    left:0;
    z-index: -1;
    overflow: hidden;
}

#video-area::after {
    content: '';
    width: 100vw;
    height: 100vh;
    background-color: rgba(176,218,255,0.5);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

#video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 177.77777778vh;
    min-width: 100%;
    height: 56.25vw;
    min-height: 100%;
}

#video-sp {
    display: none;
}

/* メインロゴ */
#main-logo {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

#main-logo > img {
    width: 930px;
}

#main-logo > div {
    margin: 0 auto;
}


/* ロゴアニメーション */
@keyframes slideInup {
    0% {
        opacity: 0;
        transform: translate(0,120px);
    }
    100% {
        opacity: 1;
        transform: translate(0,0);
    }
}

.slideInup {
    animation-name: slideInup;
    animation-duration: 1.2s;
    animation-timing-function: ease;
}


/* 文字 */
.main-word {
    display: flex;
    justify-content: center;
    margin: 22px;
}

.main-word > p {
    margin: 0;
    font-size: 24px;
}

.main-word span {
    font-weight: bold;
}

.check {
    width: 25px;
    height: 25px;
    margin: 5px 10px 0 0;
}

/* 文字アニメーション */
.box{
	opacity: 0;
}

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity: 0;
}

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

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


/* コンテンツ共通
------------------------- */
.contents-wrapper {
    height: 100%;
    padding-top: 100px;
    background-color: #222831;
}

.contents-wrapper section {
    max-width: 1080px;
    margin: 0 auto;
}

.slidein {
    transform: translate(0,0);
    opacity: 0;
    transition: all 1.3s;
        &.slidein-left {
            transform: translate(-100%,0);
        }
        &.scrollin{
            opacity: 1!important;
            transform: translate(0, 0)!important;
        }
}


/* サービス
------------------------- */
/* タイトル */
.service-title {
    width: 600px;
    padding-bottom: 15px;
    border-bottom: solid 1px #EEE;
    color: #EEEEEE;
    font-weight: 400;
    font-size: 48px;
}

.service-title::after {
    margin-left: 30px;
    font-weight: 300;
    font-size: 30px;
    content: "サービス";
}

/* サービスメニュー */
#service > div {
    margin-top: 100px;
}

.service-up, .service-down {
    display: flex;
    width: 1020px;
}

.service-down {
    margin-top: 80px;
}

.service-up .word-up,
.service-down .word-up {
    margin-right: 30px;
    margin-left: 30px;
}

.word-up, .word-down {
    position: relative;
    width: 320px;
    height: 520px;
}

.word-up img,
.word-down img {
    width: 320px;
    height: 400px;
    object-fit: cover;
    transition:all .5s;
    filter: opacity(50%);
}

/* 写真の切り抜き位置調整 */
.service-up > div:nth-child(1) img {
    object-position: 15% 0%;
}

.service-up > div:nth-child(2) img {
    object-position: 20% 0%;
}

.service-down > div:nth-child(1) img {
    object-position: 45% 0%;
}

/* 各サービスのタイトル */
.titles {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 280px;
    height: 150px;
    background-color: #393E46;
    transition:all .5s;
}

.word-down .titles {
    position: absolute;
    top: 370px;
    left: 20px;
}

.word-up .titles {
    position: absolute;
    left: 20px;
    z-index: 1;
}

.titles > p {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 130px;
    border: solid 1px #B0DAFF;
    color: #B0DAFF;
    font-size: 22px;
    text-align: center;
    transition:all .5s;
}

/* フィルター */
.color-box {
    width: 320px;
    height: 400px;
    background-color: #B0DAFF;
}

.word-up div.color-box {
    position: absolute;
    top: 120px;
}

.word-up a:hover img,
.word-down a:hover img {
    filter: opacity(100%);
}

.word-up a:hover div.titles,
.word-down a:hover div.titles {
    background-color: #B0DAFF;
}

.word-up a:hover p,
.word-down a:hover p {
    border: solid 1.5px #393E46;
    color: #393E46;
}


/* お問い合わせ
------------------------- */
#contact {
    margin-top: 150px;
}

/* タイトル */
.contact-title {
    width: 600px;
    padding-bottom: 15px;
    border-bottom: solid 1px #EEE;
    color: #EEEEEE;
    font-weight: 400;
    font-size: 48px;
}

.contact-title::after {
    margin-left: 30px;
    font-weight: 300;
    font-size: 30px;
    content: "お問い合わせ";
}

/* コンテンツ */
.contact-box {
    width: 1020px;
    height: 503px;
    margin-top: 100px;
    background-image: url(../images/sky_drone_2.jpg);
    background-position: 50% 50%;
    background-size: cover;
}

.contact-filter {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1020px;
    height: 503px;
    background-color: rgba(176,218,255,0.5);
}

.contact-contents > p {
    display: flex;
    justify-content: center;
    margin: 0;
    color: #222831;
    font-size: 30px;
}

/* ボタン */
.contact-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 480px;
    height: 100px;
    margin-top: 60px;
    border: none;
    background-color: #B0DAFF;
    text-decoration: none;
    transition:all .5s;
}

.c-icon {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    transition:all .5s;
}

.c-icon-hover {
    display: none;
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

.contact-button > p {
    color: #393939;
    font-size: 28px;
}

.contact-button:hover {
    background-color: #393E46;
}

.contact-button:hover > p {
    color: #B0DAFF;
}

.contact-button:hover .c-icon {
    display: none;
}

.contact-button:hover .c-icon-hover {
    display: block;
}


/* フッター
------------------------- */
footer {
    position: relative;
    height: 250px;
    background-color: #222831;
}

.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 150px;
    width: 100%;
    height: 100px;
    background-color: #B0DAFF;
}

.footer > p {
    color: #222831;
    font-size: 20px;
}


/* スクロールトップボタン
------------------------- */
.scroll-top {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 8888;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    background-color: #19A7CE;
    cursor: pointer; 
}

.scroll-top a {
    text-decoration: none;
}

.scroll-top img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
}

.scroll-top:hover {
    background-color: #002E94;
}

/* アニメーション */
@keyframes fuwafuwa {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}

.scroll-top > a {
    animation: 3s fuwafuwa infinite;
}


/*--------------------------------
Policyページ
--------------------------------*/
/* タイトル */
#policy-text {
    margin-top: 200px;
}

.policy-title {
    width: 600px;
    margin: 0 auto;
    padding-bottom: 15px;
    border-bottom: solid 1px #EEE;
    color: #EEEEEE;
    font-weight: 400;
    font-size: 48px;
    text-align: center;
}

.policy-title::after {
    margin-left: 30px;
    font-weight: 300;
    font-size: 32px;
    content: "ポリシー";
}

/* ポリシーテキスト */
#policy-text > div {
    margin-top: 100px;
}

.policy-text {
    color: #EEEEEE;
    font-size: 26px;
    text-align: center;
    line-height: 1.8;
}

.policy-text span {
    color: #4BABFF;
}

.br-sp {
    display: none;
}

/* 協会 */
#policy-kyokai {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 250px;
    margin-top: 100px;
    background-color: #B0DAFF;
}

#policy-kyokai > div > p {
    margin: 0 0 20px 0;
    color: #393E46;
    font-size: 26px;
    text-align: center;
}

.policy-button {
    display: block;
    width: 250px;
    height: 60px;
    margin: auto;
    background-color: #4BABFF;
    color: #EEEEEE;
    font-size: 26px;
    text-align: center;
    text-decoration: none;
    line-height: 60px;
}

.policy-button:hover {
    background-color: #393E46;
    color: #B0DAFF;
}

/* 徹底事項 */
#policy-promise {
    margin-top: 100px;
}

.pp-title {
    width: 300px;
    margin: 0 auto;
    padding-bottom: 12px;
    border-bottom: solid 1px #EEE;
    color: #EEEEEE;
    font-weight: 400;
    font-size: 32px;
    text-align: center;
}

#policy-promise > p {
    margin-top: 80px;
    color: #EEEEEE;
    font-size: 26px;
    text-align: center;
}

.policy-container {
    margin-top: 80px;
}

.policy-box {
    display: flex;
    width: 1000px;
    height: 150px;
    margin: 0 auto 50px auto;
    background-color: #B0DAFF;
}

.policy-box-left {
    width: 150px;
}

.policy-box-left > p {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    margin: 0;
    color: #4BABFF;
    font-size: 80px;
}

.policy-box-right {
    padding-right: 58px;
}

.policy-box-right > p {
    display: table-cell;
    height: 150px;
    font-size: 20px;
    vertical-align: middle;
    line-height: 1.8;
}

.policy-container > div:last-child {
    margin-bottom: 0;
}


/*--------------------------------
Companyページ
--------------------------------*/
/* タイトル */
#company {
    margin-top: 200px;
}

.company-title {
    width: 600px;
    margin: 0 auto;
    padding-bottom: 15px;
    border-bottom: solid 1px #EEE;
    color: #EEEEEE;
    font-weight: 400;
    font-size: 48px;
    text-align: center;
}

.company-title::after {
    margin-left: 30px;
    font-weight: 300;
    font-size: 32px;
    content: "会社概要";
}

/* 概要 */
#company-table {
    width: 900px;
    margin: 120px auto 0 auto;
    border-collapse: collapse;
}

#company-table tr {
    border-top: solid 2px #393E46;
    border-bottom: solid 2px #393E46;
}

#company-table th {
    width: 300px;
    padding: 25px 0 25px 30px;
    color: #4BABFF;
    font-weight: 300;
    font-size: 20px;
    text-align: left;
}

#company-table td {
    width: 600px;
    padding: 25px 0 25px 30px;
    color: #EEEEEE;
    font-weight: 300;
    font-size: 20px;
}

.mailto {
	color: #EEEEEE;
}


/*--------------------------------
404ページ
--------------------------------*/
/* タイトル */
#not_found {
    margin-top: 200px;
}

.not_found-title {
    width: 600px;
    margin: 0 auto;
    padding-bottom: 15px;
    border-bottom: solid 1px #EEE;
    color: #EEEEEE;
    font-weight: 400;
    font-size: 48px;
    text-align: center;
}

/* ポリシーテキスト */
#not_found > div {
    margin-top: 100px;
}

.not_found-text {
    color: #EEEEEE;
    font-size: 30px;
    text-align: center;
}

/* 戻るボタン */
.back-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 350px;
    height: 80px;
    margin: auto;
    background-color: #19A7CE;
    border-radius: 50px;
}

.back-button:hover {
    background-color: #002E94;
}

.back-button > a {
    text-decoration: none;
}

.back-button > a > p {
    color: #EEEEEE;
    font-size: 28px;
}


/*--------------------------------
サービスページ共通
--------------------------------*/
.s-body {
    background-color: #FFFFFF;
    font-family: 'Kiwi Maru', serif;
}

.s-header {
    background-color: #B0DAFF;
    font-family: 'Noto Sans JP', sans-serif;
}

.s-header nav li.has-child ul {
    background-color:#B0DAFF;
}

.s-header #nav-pc > ul > li > a:hover {
    color:#19A7CE; 
}

.s-header .dropdown-item > a:hover,
.s-header .dropdown-item > a:active {
    color: #19A7CE !important;
}

/* ページタイトル
------------------------- */
.s-title {
    width: 100%;
    height: 500px;
    margin-top: 100px;
}

.s-title > div {
    display: flex;
}

.s-title-left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 500px;
    background-color: #4BABFF;
}

.s-title-left > div {
    text-align: center;
}

.s-title-left > div > img {
    width: 80px;
    height: 80px;
}

.s-title-left > div > p {
    margin-top: 20px;
    color: #FFFFFF;
    font-size: 48px;
    text-align: center;
}

.s-title-right {
    width: 50%;
    height: 500px;
}

.s-title-right > img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}


/* コンテンツ
------------------------- */
/* 概要 */
.s-summary {
    overflow: hidden;
    width: 1100px;
    height: 530px;
    margin: 0 auto;
    background-image: url(../images/drone_icon2.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 450px;
}

.sum-title {
    margin-top: 100px;
    color: #19A7CE;
    font-size: 34px;
}

.sum-text {
    margin-top: 80px;
    font-size: 22px;
}

.br-pc {
    display: block;
}

/* メリット・サービス内容 */
.blue-contents {
    overflow: hidden;
    background-color: #19A7CE;
}

.blue-contents > div {
    width: 1100px;
    margin: 0 auto;
}

.service-subtitle {
    display: flex;
    margin-top: 50px;
}

@keyframes fuwafuwa2 {
    0%, 100% {
        transform: translateY(6px);
    }
    50% {
        transform: translateY(-6px);
    }
}

.service-subtitle > img {
    width: 70px;
    height: 70px;
    animation: 4s fuwafuwa2 infinite;
}

.service-subtitle > p {
    margin: 10px 0 10px 15px;
    color: #FFFFFF;
    font-size: 34px;
}

.blue-up, .blue-down {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 80px;
}

.blue-up > div:nth-child(1),
.blue-down > div:nth-child(1) {
    margin-right: 80px;
}

.bc-box {
    overflow: hidden;
    width: 420px;
    background-color: #FFFFFF;
    text-align: center;
}

.bc-box-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    margin: 35px auto 0 auto;
    border: solid 5px #19A7CE;
    border-radius: 50%;
}

.bc-box-circle > img {
    width: 120px;
    height: 120px;
}

.bc-box-text {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    margin: 23px auto;
}

.bc-box-text > p {
    margin: 0;
    font-size: 22px;
}

.bc-box > img {
    width: 340px;
    height: 220px;
    margin-bottom: 35px;
}

/* 選ばれる理由 */
.white-contents {
    overflow: hidden;
}

.white-contents > div {
    width: 1100px;
    margin: 0 auto;
}

.reason-title {
    margin-top: 120px;
}

.reason-title > p {
    color: #19A7CE;
}

.reason-contents {
    margin-top: 50px;
}

.reason-box {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.reason-box > img {
    width: 48px;
    height: 48px;
    margin-right: 5px;
}

.reason-box > p {
    width: 820px;
    margin: 0;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: dashed 3px #19A7CE;
    font-size: 28px;
}


/* お問い合わせ
------------------------- */
.s-contact {
    overflow: hidden;
    background: linear-gradient(180deg, #FFFFFF, rgb(75, 171, 255));
}

.s-contact-text {
    margin-top: 200px;
    margin-bottom: 50px;
}

.s-contact-text p {
    margin: 0;
    font-weight: 500;
    font-size: 30px;
    text-align: center;
    text-shadow: 2px 2px 10px #19A7CE, -2px 2px 10px #19A7CE, 2px -2px 10px #19A7CE, -2px -2px 10px #19A7CE;
}

.cloud {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 280px;
    margin: 0;
    background-image: url(../images/cloud.png);
    background-position: bottom;
}

.s-contact-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 600px;
    height: 80px;
    margin: 50px auto 0 auto;
    border-radius: 50px;
    background-color: #19A7CE;
    text-decoration: none;
}

.s-contact-button > p {
    margin: 0;
    color: #FFFFFF;
    font-size: 28px;
}

.s-contact-button:hover {
    background-color: #4BABFF;
}


/* フッター
------------------------- */
.s-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background-color: #FFFFFF;
}

.s-footer > p {
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
}


/*--------------------------------
建物点検・赤外線調査
--------------------------------*/
.tatemono {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tatemono > img {
    width: 100px;
    height: 100px;
}

.bc-box-title {
    margin: 5px 0 0 0;
    color: #19A7CE;
    font-size: 20px;
}

.sct-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 500px;
    height: 80px;
    margin: 60px auto 0 auto;
    background-color: #19A7CE;
}

.sct-title p {
    margin: 0;
    color: #FFFFFF;
    font-size: 40px;
}

.sct-contents {
    overflow: hidden;
    width: 1050px;
    height: auto;
    margin: 60px auto 80px auto;
    background-color: #FFFFFF;
}

.sct-upper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 60px auto 40px auto;
}

.sct-upper ul {
    margin-right: 40px;
}

.sct-upper ul li {
    font-size: 30px;
}

.sct-upper ul li::marker {
    color: #19A7CE;
}

.sct-upper img {
    width: auto;
    height: 130px;
}

.sct-middle {
    display: flex;
    justify-content: center;
}

.sct-middle p {
    margin: 0;
    color: #002E94;
    font-weight: bold;
    font-size: 30px;
}

.br-tb {
    display: none;
}

.sct-down {
    margin: 40px auto 50px auto;
}

.tatemono-table {
    width: 920px;
    margin: auto;
    border-collapse: collapse;
    text-align: center;
}

.tt-item, .tt-dashin, .tt-drone {
    padding: 15px;
    border-bottom: 5px solid #FFFFFF;
}

.tt-item {
    width: 20%;
    background-color: #D8DBDD;
    font-size: 20px;
}

.tt-dashin {
    width: 40%;
    background-color: #EEF4F9;
    font-size: 20px;
}

.tatemono-table th:nth-child(2) {
    background-color: #393939;
    color: #FFFFFF;
    font-weight: normal;
}

.tt-drone {
    width: 40%;
    background-color: #19A7CE;
    color: #002E94;
    font-weight: bold;
    font-size: 23px;
}

.tatemono-table th:nth-child(3) {
    background-color: #002E94;
    color: #FFFFFF;
    font-weight: normal;
}


/*--------------------------------
農業散布
--------------------------------*/
.nogyo > p {
    font-size: 24px;
}


/*--------------------------------
太陽光パネル点検
--------------------------------*/
.solar-kinen {
    width: 333px;
    margin-right: 50px;
}

.blue-up > .solar-kinen:nth-child(1) {
    margin-right: 50px;
}

.blue-up > .solar-kinen:nth-child(3) {
    margin-right: 0;
}

.solar-kinen > .bc-box-circle {
    width: 160px;
    height: 160px;
}

.sk-icon {
    width: 96px !important;
    height: 96px !important;
}

.solar-kinen > img {
    width: 280px;
    height: 220px;
    margin-bottom: 25px;
    object-fit: cover;
}

.s-check {
    position: relative;
    width: 900px;
    margin: 80px auto 0 auto;
    padding: 30px;
    border: solid 8px #19A7CE;
    border-radius: 20px;
    color: #393E46;
}

.s-check .s-check-title {
    display: inline-block;
    position: absolute;
    top: -25px;
    left: 23px;
    padding: 0 10px;
    background: #ffffff;
    color: #19A7CE;
    font-size: 36px;
    line-height: 1;
}

.s-check h2 {
    margin: 5px 0 15px 0;
    color: #002E94;
    font-size: 38px;
    text-align: center;
}

.s-check p {
    margin: 0; 
    padding: 0;
    font-size: 30px;
    text-align: center;
}


/*--------------------------------
記念・記録動画撮影サービス
--------------------------------*/
.pblue-contents {
    width: 100%;
    margin: 0;
    background-color: #8CD3E7;
    overflow: hidden;
}

.sj-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 80px;
    margin: 60px auto 0 auto;
    background-color: #19A7CE;
}

.sj-title p {
    margin: 0;
    color: #FFFFFF;
    font-size: 40px;
}

.sj-upper, .sj-down {
    display: flex;
    justify-content: center;
    margin: 60px auto;
}

.sj-box {
    width: 400px;
    height: 380px;
    margin: 0 35px;
    background-color: #FFFFFF;
    text-align: center;
}

.sj-box P {
    margin: 40px auto 36px auto;
    font-size: 22px;
}

.sj-box img {
    width: 320px;
    height: 200px;
}

.sj-point {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 800px;
    height: 230px;
    margin: 60px auto 100px auto;
    background-color:#FFFFFF;
    border-left: solid 40px #19A7CE;
}

.sj-point p {
    margin-right: 20px;
    font-size: 30px;
}

.sj-point span {
    color: #002E94;
}

.sj-point img {
    width: 150px;
    height: 150px;
}


/*--------------------------------
火災保険申請サポート
--------------------------------*/
.k-summary {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 110px auto;
}

.k-summary > p {
    height: 175px;
    margin: 0 50px 0 0;
    font-size: 40px;
}

.k-summary > p span {
    color: #19A7CE;
}

.k-summary > div > img {
    width: 200px;
    height: 200px;
}

/* ご存知ですか */
.k-question {
    margin-top: 100px;
    background-color: #8CD3E7;
    overflow: hidden;
}

.zure-bg {
    display: flex;
    justify-content: center;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 50%, #8CD3E7 50%, #8CD3E7 100%);
}

.k-question-title {
    display: flex;
    justify-content: center;
    width: 600px;
    height: 100px;
    border-radius: 50px;
    background-color: #19A7CE;
}

.k-question-title > p {
    margin: auto;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 40px;
}

.k-question-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 50px auto;
}

.k-question-img > img {
    width: 850px;
    height: auto;
}

/* 火災保険とは */
.k-explain {
    margin: 100px auto 0 auto;
}

.k-explain-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 80px;
    margin: auto;
    background-color: #19A7CE;
}

.k-explain-title > p {
    margin: 0;
    color: #FFFFFF;
    font-size: 40px;
}

.ke-container {
    width: 900px;
    margin: 80px auto 0 auto;
}

.ke-box {
    width: 900px;
    margin-bottom: 70px;
}

.ke-box-title {
    width: 900px;
    border-bottom: solid 3px #19A7CE;
}

.ke-box-title > p {
    margin: 0 0 10px 10px;
    font-size: 32px;
}

.ke-box-contents {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.ke-box1 {
    margin-right: 50px;
}

.kb4 {
    margin-right: 0;
}

.box1-img {
    width: 150px;
    height: 150px;
}

.box1-name {
    display: flex;
    justify-content: center;
    margin: 15px auto auto;
    font-size: 28px;
}

.ke-box-text {
    font-size: 28px;
}

.ke-box-text > span {
    color: #19A7CE;
}

.ke-box-img {
    width: 150px;
    height: 150px;
    margin-right: 30px;
}

.ke-box:nth-child(3) .ke-box-contents img {
    margin-right: 0;
    margin-left: 30px;
}

/* サポートなら！ */
.k-middle-title {
    width: 100%;
}

.kmt-upper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 120px;
    background-color: #19A7CE;
}

.kmt-upper > img {
    width: 380px;
}

.kmt-upper > p {
    color: #FFFFFF;
    font-size: 30px;
}

.kmt-middle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 330px;
    background-color: #8CD3E7;
}

.kmt-middle > img {
    width: 200px;
    height: 200px;
    margin-right: 50px;
}

.kmt-middle > p {
    font-size: 38px;
}

.kmt-middle > p > span {
    color: #002E94;
}

.kmt-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 580px;
    height: 75px;
    margin: 40px auto 0 auto;
    border: solid 5px #4BABFF;
    border-radius: 50px;
}

.kmt-bottom a {
    text-decoration: none;
}

.kmt-bottom p {
    margin: 0;
    color: #393E46;
    font-size: 30px;
}

.kmt-bottom:hover {
    background-color: #4BABFF;
}

.kmt-bottom:hover p {
    color: #FFFFFF;
}

/* 選ばれる理由 */
.k-reason {
    margin-top: 120px;
}

.kr-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 700px;
    height: 100px;
    margin: 0 auto 70px auto;
    background-color: #19A7CE;
}

.kr-title > p {
    color: #FFFFFF;
    font-size: 40px;
}

.kr-upper, .kr-down {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.kr-box {
    width: 450px;
    height: 450px;
    margin-right: 60px;
}

.kr-box:nth-child(2), .kr-box:nth-child(4) {
    margin-right: 0;
}

.kr-subtitle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    background-color: #8CD3E7;
}

.kr-subtitle > p {
    font-size: 40px;
}

.kr-content {
    height: 350px;
    background-color: #EEEEEE;
}

.kr-img {
    display: flex;
    justify-content: center;
}

.kr-img > img {
    width: 150px;
    height: 150px;
    margin: 20px auto;
    object-fit: cover;
    object-position: 0 0;
}

.kr-text {
    display: flex;
    justify-content: center;
}

.kr-text > p {
    margin: 0;
    font-size: 26px;
    text-align: center;
}

.kr-text > p > span {
    font-size: 16px;
}

/* 比較 */
.k-compare {
    margin-top: 100px;
}

.kc-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 80px;
    margin: 0 auto;
    background-color: #19A7CE;
}

.kc-title > p {
    color: #FFFFFF;
    font-size: 40px;
}

.kc-table {
    display: flex;
    justify-content: center;
    position: relative;
    width: 920px;
    margin: auto;
}

.kasai-table {
    width: 920px;
    margin: 60px auto 0 auto;
    border-collapse: collapse;
    text-align: center;
}

.kt-item, .kt-asha, .kt-bsha, .kt-csha, .kt-tousha {
    padding: 15px;
    border-bottom: 5px solid #FFFFFF;
}

.kt-item {
    width: 18%;
    background-color: #D8DBDD;
    font-size: 20px;
}

.kt-asha, .kt-bsha, .kt-csha {
    width: 20%;
    background-color: #EEF4F9;
    font-size: 20px;
}

.kt-tousha {
    width: 22%;
    background-color: #8CD3E7;
    color: #002E94;
    font-weight: bold;
    font-size: 23px;
}

.kt-bubble {
    position: absolute;
    z-index: 1;
    top: 40px;
    right: -110px;
    width: 180px;
    height: auto;
}

.kt-bubble-sp {
    display: none;
}

/* ご利用の流れ */
.k-step {
    margin-top: 100px;
    background-color: #8CD3E7;
    overflow: hidden;
}

.k-step-title {
    display: flex;
    justify-content: center;
    width: 600px;
    height: 100px;
    border-radius: 50px;
    background-color: #19A7CE;
}

.k-step-title > p {
    margin: auto;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 40px;
}

.k-step-box {
    display: flex;
    width: 680px;
    height: 220px;
    margin: 60px auto;
    background-color: #FFFFFF;
}

.ksb-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 220px;
    margin-left: 20px;
}

.ksb-img > img {
    width: 160px;
    height: 160px;
}

.k-step-box:nth-child(4) > .ksb-img > img {
    object-fit: contain;
}

.ksb-text {
    display: flex;
    align-items: center;
    width: 440px;
}

.ksb-text > p {
    margin-left: 30px;
    color: #19A7CE;
    font-weight: 500;
    font-size: 40px;
}

.step5 {
    height: 400px;
    margin-bottom: 60px;
}

.step5 > .ksb-img {
    display: block;
    width: 220px;
    height: 400px;
}

.ksb-img-5 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 200px;
}

.ksb-img-5 > img {
    width: 150px;
    height: 150px;
}


/*--------------------------------
Businessページ
--------------------------------*/
/* ページタイトル */
.s-title-left > div > .b-title-jpn {
    margin: 0;
    font-size: 42px;
}

.s-title-left > div > .b-title-eng {
    margin: 10px 0 0 0;
    font-size: 38px;
}

/* 物販事業ポリシー */
#b-policy-text {
    margin-top: 120px;
}

.b-policy-title {
    width: 950px;
    margin: 0 auto;
    padding-bottom: 15px;
    border-bottom: solid 1px #EEE;
    color: #EEEEEE;
    font-weight: 400;
    font-size: 46px;
    text-align: center;
}

.b-policy-title::after {
    margin-left: 40px;
    font-weight: 300;
    font-size: 32px;
    content: "物販事業ポリシー";
}

/* ポリシー文章 */
.b-policy-jpn {
    margin: 80px 0 80px 0;
}

.b-policy-eng {
    margin: 80px 0 0 0;
}

.b-policy-box {
    margin-bottom: 60px;
}

.b-policy-box p {
    text-align: center;
}

.b-policy-subtitle {
    margin: 0;
    color: #19A7CE;
    font-weight: bold;
    font-size: 30px;
}

.b-policy-text {
    margin: 10px auto 0 auto;
    color: #EEEEEE;
    font-size: 26px;
}

.b-policy-border {
    width: 500px;
    height: 1px;
    margin: 0 auto;
    border-top: solid 1px #EEEEEE;
}

/* 各事業ポリシー */
.sub-policy {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    margin-top: 150px;
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: #19A7CE;
}

.sub-policy > p {
    width: 70%;
    height: auto;
    margin: 0;
    color: #393E46;
    font-size: 26px;
}

/* 取扱商品 */
#b-policy-products {
    width: 100%;
    height: auto;
    background-color: #B0DAFF;
    overflow: hidden;
}

.b-policy-title {
    margin-top: 100px;  
}

#b-policy-products > .b-policy-title {
    width: 600px;
    color: #393E46;
    border-bottom: solid 2px #393E46;
}

.products-title::after {
    color: #393E46;
    content: "取扱商品";
}

.products-top {
    display: flex;
    justify-content: center;
    margin-top: 80px;
}

.products-bottom {
    display: flex;
    justify-content: center;
    margin: 80px 0 150px 0;
}

.products-box:nth-child(2) {
    margin: auto 60px auto 60px;
}

.products-box img {
    width: 280px;
    height: 200px;
    object-fit: cover;
}

.product-jpn {
    margin: 15px auto 0 auto;
    font-size: 24px;
    text-align: center;
}

.product-eng {
    margin: 10px auto 0 auto;
    font-size: 20px;
    text-align: center;
}

/* 会社概要 */
#b-company {
    margin-top: 100px;
}

/* Coming Soon */
.coming_soon {
    margin-top: 180px;
    color: #EEEEEE;
    font-size: 80px;
    text-align: center;
}


/*================================
タブレット用スタイル
================================*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* コンテンツ共通
    ------------------------- */
    .contents-wrapper section {
        max-width: 720px;
        margin: 0 auto;
    }

    /* ヘッダー
    ------------------------- */
    /* PC用ナビゲーション非表示 */
    #nav-pc {
        display: none;
    }


    /* ハンバーガーメニュー
    ------------------------- */
    /* ボタン */
    .menu-sp_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        right: 0;
        width: 100px;
        height: 100px;
    }
    
    /* 三本線 */
    .menu-sp_btn span,         /* 真ん中の線 */
    .menu-sp_btn span:before,  /* 上の線 */
    .menu-sp_btn span:after {  /* 下の線 */
        display: block;
        position: absolute;
        width: 40px;
        height: 3px;
        border-radius: 3px;
        background-color: #393E46;
        content: "";
    }
    
    .menu-sp_btn span:before {
        bottom: 12px;
    }
    
    .menu-sp_btn span:after {
        top: 12px;
    }
    
    #menu-sp_check {
        display: none;
    }

    /* バツ */
    #menu-sp_check:checked ~ .menu-sp_btn span {
        background: rgba(255, 255, 255, 0);
    }

    #menu-sp_check:checked ~ .menu-sp_btn span::before {
        bottom: 0;
        transform: rotate(45deg);
        background-color: #EEEEEE;
    }

    #menu-sp_check:checked ~ .menu-sp_btn span::after {
        top: 0;
        transform: rotate(-45deg);
        background-color: #EEEEEE;
    }

    #menu-sp_check:checked ~ .menu-sp_content {
        top: 0;
    }

    /* スマホ用メニュー一覧 */
    .menu-sp_content {
        position: fixed;
        top: -100%;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-color: #393E46;
        transition: all 0.5s;
    }

    .menu-sp_list {
        margin: 0;
        padding: 130px 10px 50px 10px;
    }

    /* スマホ用メニュー項目 */
    .menu-sp_item {
        text-align: center;
        list-style: none;
    }

    /* スマホ用メニュー項目のリンク */
    .menu-sp_link {
        display: block;
        margin-bottom: 30px;
        color: #EEEEEE;
        box-sizing: border-box;
        font-size: 24px;
        opacity: 0;
        text-decoration: none;
        transition: opacity 0.5s;
    }

    .toggle_contents .menu-sp_link {
        margin-bottom: 20px;
    }

    .toggle_contents > .service-sp_list > .menu-sp_item:last-child > .menu-sp_link {
        margin-bottom: 30px;
    }

    /* メニューテキストのアニメーション */
    #menu-sp_check:not(:checked) ~ .menu-sp_content .menu-sp_link {
        opacity: 0; 
    }

    #menu-sp_check:checked ~ .menu-sp_content .menu-sp_link {
        opacity: 1;
        transition: opacity 1s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.4s;
    }

    .nav-item-business > .menu-sp_link,
    .nav-item-service > .menu-sp_link {
        margin-bottom: 12px;
    }

    .toggle_switch {
        margin-bottom: 30px;
    }

    /* サービスボタン */
    .toggle_switch::after {
        display: block;
        transform: rotate(135deg);
        width: 8px;
        height: 8px;
        margin: auto;
        border-top: #4BABFF 2px solid;
        border-right: #4BABFF 2px solid;
        content: "";
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
    }

    .toggle_switch.open::after {
        display: block;
        transform: rotate(-45deg);
        width: 8px;
        height: 8px;
        margin: auto;
        border-top: #4BABFF 2px solid;
        border-right: #4BABFF 2px solid;
        content: "";
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

    /* サ－ビスメニュー一覧 */
    .service-sp_content {
        display: none;
        z-index: -1;
        width: 100%;
        background-color: #393E46;
    }

    .service-sp_list {
        padding: 0;
    }

    .service-sp_list .menu-sp_link {
        color: #B0DAFF;
        font-size: 18px;
    }


    /* サービス
    ------------------------- */
    .service-up, .service-down {
        width: 720px;
    }

    .service-up .word-up,
    .service-down .word-up {
        margin-right: 15px;
        margin-left: 15px;
    }

    .word-up, .word-down {
        width: 230px;
        height: 373px;
    }

    .word-up img,
    .word-down img {
        width: 230px;
        height: 287px;
    }

    /* 各サービスのタイトル */
    .titles {
        width: 200px;
        height: 107px;
    }

    .word-down .titles {
        top: 266px;
        left: 15px;
    }

    .word-up .titles {
        left: 15px;
    }

    .titles > p {
        width: 185px;
        height: 92px;
        font-size: 17px;
    }

    /* フィルター */
    .color-box {
        width: 230px;
        height: 287px;
    }

    .word-up div.color-box {
        top: 86px;
    }


    /* お問い合わせ
    ------------------------- */
    /* コンテンツ */
    .contact-box {
        width: 720px;
        height: 355px;
    }

    .contact-filter {
        width: 720px;
        height: 355px;
    }


    /*--------------------------------
    Policyページ
    --------------------------------*/
    /* ポリシーテキスト */
    #policy-text .br-sp,
    #policy-kyokai .br-sp,
    #policy-promise .br-sp {
        display: block;
    }

    /* 徹底事項 */
    .policy-box {
        width: 750px;
    }

    .policy-box-right > p {
        font-size: 19px;
    }


    /*--------------------------------
    Companyページ
    --------------------------------*/
    /* 概要 */
    #company-table {
        width: 720px;
    }

    #company-table th {
        width: 260px;
    }

    #company-table td {
        width: 460px;
    }


    /*--------------------------------
    サービスページ共通
    --------------------------------*/
    /* ページタイトル
    ------------------------- */
    .s-title-left > div > p {
        font-size: 36px;
    }

    /* 写真の切り抜き位置調整 */
    .kaoku-img {
        object-position: 20% 0%;
    }

    /* コンテンツ
    ------------------------- */
    /* 概要 */
    .s-summary {
        width: 88vw;
        height: auto;
        margin: 0 auto;
        background-size: 320px;
    }

    .sum-title {
        margin-top: 80px;
        font-size: 28px;
    }

    .sum-text {
        margin-top: 50px;
        margin-bottom: 100px;
        font-size: 20px;
    }

    /* メリット・サービス内容 */
    .blue-contents > div {
        width: 88vw;
    }

    .service-subtitle > p {
        font-size: 30px;
    }

    .blue-up, .blue-down {
        margin-bottom: 50px;
    }

    .blue-up > div:nth-child(1),
    .blue-down > div:nth-child(1) {
        margin-right: 30px;
    }

    .bc-box {
        width: 340px;
    }

    .bc-box-circle {
        width: 150px;
        height: 150px;
    }

    .bc-box-circle > img {
        width: 90px;
        height: 90px;
    }

    .bc-box-text > p {
        font-size: 18px;
    }

    .bc-box > img {
        width: 280px;
        height: 186px;
        margin-bottom: 35px;
}

    /* 選ばれる理由 */
    .white-contents > div {
        width: 88vw;
    }

    .reason-title {
        margin-top: 80px;
    }

    .reason-box > img {
        width: 48px;
        height: 48px;
        margin-right: 5px;
    }

    .reason-box > p {
        width: 680px;
        font-size: 22px;
    }


    /* お問い合わせ
    ------------------------- */
    .s-contact-text {
        margin-top: 120px;
    }


    /*--------------------------------
    建物点検・赤外線調査
    --------------------------------*/
    .tatemono > img {
        width: 75px;
        height: 75px;
    }

    .bc-box-title {
        font-size: 18px;
    }

    .sct-contents {
        width: 88vw;
    }

    .sct-upper ul {
        margin-right: 25px;
    }

    .sct-upper ul li {
        font-size: 24px;
    }

    .sct-upper img {
        height: 110px;
    }

    .sct-middle p {
        font-size: 28px;
        text-align: center;
    }

    .br-tb {
        display: block;
    }

    .tatemono-table {
        width: 80vw;
    }

    .tt-item, .tt-dashin, .tt-drone {
        padding: 10px;
    }

    .tt-item {
        font-size: 18px;
    }

    .tt-dashin {
        font-size: 18px;
    }

    .tt-drone {
        font-size: 21px;
    }

    
    /*--------------------------------
    太陽光パネル点検
    --------------------------------*/
    .solar-kinen {
        width: 220px;
        margin-right: 30px;
    }

    .blue-up > .solar-kinen:nth-child(1) {
        margin-right: 30px;
    }

    .solar-kinen > .bc-box-circle {
        width: 120px;
        height: 120px;
    }

    .sk-icon {
        width: 63px !important;
        height: 63px !important;
    }

    .solar-kinen > img {
        width: 185px;
        height: 145px;
    }

    .s-check {
        width: 88vw;
        box-sizing: border-box;
    }

    .s-check .s-check-title {
        top: -20px;
        font-size: 28px;
    }

    .s-check h2 {
        font-size: 30px;
    }

    .s-check p {
        font-size: 24px;
    }


    /*--------------------------------
    記念・記録動画撮影サービス
    --------------------------------*/
    .sj-title {
        margin: 60px auto;
    }

    .sj-upper, .sj-down {
        width: 88vw;
        margin: 30px auto;
    }

    .sj-box {
        width: 340px;
        height: 333px;
        margin: 0 15px;
    }

    .sj-box img {
        width: 272px;
        height: 170px;
    }

    .sj-point {
        width: 80vw;
        height: 200px;
    }

    .sj-point p {
        font-size: 28px;
    }

    .sj-point img {
        width: 120px;
        height: 120px;
    }

    /*--------------------------------
    火災保険申請サポート
    --------------------------------*/
    .k-summary {
        margin: 80px auto;
    }

    .k-summary > p {
        height: auto;
        margin: 0 40px 0 0;
        font-size: 32px;
    }

    .k-summary > div > img {
        width: 150px;
        height: 150px;
    }

    /* ご存知ですか */
    .k-question {
        margin-top: 80px;
    }

    .k-question-img {
        width: 88vw;
        margin: 30px auto;
    }

    .k-question-img > img {
        width: 82vw;
    }

    /* 火災保険とは */
    .k-explain {
        margin: 80px auto 0 auto;
    }

    .ke-container {
        width: 88vw;
        margin: 50px auto 0 auto;
    }

    .ke-box {
        width: 88vw;
    }

    .ke-box-title {
        width: 88vw;
    }

    .ke-box-title > p {
        font-size: 28px;
    }

    .ke-box:first-child .ke-box-contents {
        margin-top: 30px;
    }

    .ke-box-contents {
        margin-top: 20px;
    }

    .ke-box1 {
        margin-right: 40px;
    }

    .kb4 {
        margin-right: 0;
    }

    .box1-img {
        width: 130px;
        height: 130px;
    }

    .box1-name {
        font-size: 24px;
    }

    .ke-box-text {
        font-size: 24px;
    }

    .ke-box-img {
        width: 110px;
        height: 110px;
        margin-right: 20px;
    }

    .ke-box:nth-child(3) .ke-box-contents img {
        margin-right: 0;
        margin-left: 20px;
    }

    /* サポートなら！ */
    .kmt-upper > img {
        width: 40vw;
    }

    .kmt-upper > p {
        font-size: 28px;
    }

    .kmt-middle {
        width: 100%;
        height: 250px;
    }

    .kmt-middle > img {
        width: 150px;
        height: 150px;
        margin-right: 30px;
    }

    .kmt-middle > p {
        font-size: 32px;
    }

    /* 選ばれる理由 */
    .k-reason {
        margin-top: 80px;
    }

    .kr-upper, .kr-down {
        width: 88vw;
        margin: auto auto 30px auto;
    }

    .kr-box {
        width: 345px;
        height: 345px;
        margin-right: 30px;
    }

    .kr-box:nth-child(2), .kr-box:nth-child(4) {
        margin-right: 0;
    }

    .kr-subtitle {
        height: 80px;
    }

    .kr-subtitle > p {
        font-size: 30px;
    }

    .kr-content {
        height: 265px;
    }

    .kr-img > img {
        width: 100px;
        height: 100px;
        margin: 25px auto;
    }

    .kr-text > p {
        font-size: 20px;
    }

    /* 比較 */
    .k-compare {
        margin-top: 80px;
    }

    .kc-table {
        width: 88vw;
    }

    .kasai-table {
        width: 85vw;
    }

    .kt-item {
        font-size: 18px;
    }

    .kt-asha, .kt-bsha, .kt-csha {
        font-size: 18px;
    }

    .kt-tousha {
        font-size: 20px;
    }

    .kt-bubble {
        position: absolute;
        z-index: 1;
        top: 80px;
        right: -38px;
        width: 100px;
        height: auto;
    }

    /* ご利用の流れ */
    .k-step {
        margin-top: 100px;
        background-color: #8CD3E7;
        overflow: hidden;
    }

    .k-step-title {
        display: flex;
        justify-content: center;
        width: 600px;
        height: 100px;
        border-radius: 50px;
        background-color: #19A7CE;
    }

    .k-step-title > p {
        margin: auto;
        color: #FFFFFF;
        font-weight: 500;
        font-size: 40px;
    }

    .k-step-box {
        display: flex;
        width: 680px;
        height: 220px;
        margin: 60px auto;
        background-color: #FFFFFF;
    }

    .ksb-img {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 220px;
        height: 220px;
        margin-left: 20px;
    }

    .ksb-img > img {
        width: 160px;
        height: 160px;
    }

    .k-step-box:nth-child(4) > .ksb-img > img {
        object-fit: contain;
    }

    .ksb-text {
        display: flex;
        align-items: center;
        width: 440px;
    }

    .ksb-text > p {
        margin-left: 30px;
        color: #19A7CE;
        font-weight: 500;
        font-size: 40px;
    }

    .step5 {
        height: 400px;
        margin-bottom: 60px;
    }

    .step5 > .ksb-img {
        display: block;
        width: 220px;
        height: 400px;
    }

    .ksb-img-5 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 220px;
        height: 200px;
    }

    .ksb-img-5 > img {
        width: 150px;
        height: 150px;
    }

    /*--------------------------------
    Businessページ
    --------------------------------*/
    /* ページタイトル */
    .s-title-left > div > .b-title-jpn {
        font-size: 33px;
    }

    .s-title-left > div > .b-title-eng {
        font-size: 28px;
    }

    /* 物販事業ポリシー */
    .b-policy-title {
        width: 750px;
        font-size: 34px;
    }

    .b-policy-title::after {
        font-size: 26px;
    }

    /* 取扱商品 */
    #b-policy-products > .b-policy-title {
        font-size: 48px;
    }

    .products-title::after {
        font-size: 36px;
    }

    .products-box:nth-child(2) {
        margin: auto 25px auto 25px;
    }

    .products-box img {
        width: 200px;
        height: 128px;
    }
    
    .product-jpn {
        font-size: 20px;
    }
    
    .product-eng {
        font-size: 18px;
    }

    /* 会社概要 */
    #company-table {
        width: 720px;
    }

    #company-table th {
        width: 260px;
    }

    #company-table td {
        width: 460px;
    }

    /* Coming Soon */
    .coming_soon {
        font-size: 50px;
    }
}

/*================================
スマホ用スタイル
================================*/
@media screen and (max-width: 767px) {
    body {
        min-width: 375px;
        margin: 0;
    }


    /* ヘッダー
    ------------------------- */
    header {
        width: 100%;
        height: 100px;
    }

    /* サイトタイトル */
    #site-title > img {
        width: 220px;
        height: auto;
        margin: 10px;
    }

    /* PC用ナビゲーション非表示 */
    #nav-pc {
        display: none;
    }


    /* ハンバーガーメニュー
    ------------------------- */
    /* ボタン */
    .menu-sp_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        right: 0;
        width: 100px;
        height: 100px;
    }
    
    /* 三本線 */
    .menu-sp_btn span,         /* 真ん中の線 */
    .menu-sp_btn span:before,  /* 上の線 */
    .menu-sp_btn span:after {  /* 下の線 */
        display: block;
        position: absolute;
        width: 40px;
        height: 3px;
        border-radius: 3px;
        background-color: #393E46;
        content: "";
    }
    
    .menu-sp_btn span:before {
        bottom: 12px;
    }
    
    .menu-sp_btn span:after {
        top: 12px;
    }
    
    #menu-sp_check {
        display: none;
    }

    /* バツ */
    #menu-sp_check:checked ~ .menu-sp_btn span {
        background: rgba(255, 255, 255, 0);
    }

    #menu-sp_check:checked ~ .menu-sp_btn span::before {
        bottom: 0;
        transform: rotate(45deg);
        background-color: #EEEEEE;
    }

    #menu-sp_check:checked ~ .menu-sp_btn span::after {
        top: 0;
        transform: rotate(-45deg);
        background-color: #EEEEEE;
    }

    #menu-sp_check:checked ~ .menu-sp_content {
        top: 0;
    }

    /* スマホ用メニュー一覧 */
    .menu-sp_content {
        position: fixed;
        top: -100%;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-color: #393E46;
        transition: all 0.5s;
        overflow: scroll;
    }

    .menu-sp_list {
        margin: 0;
        padding: 130px 10px 50px 10px;
    }

    /* スマホ用メニュー項目 */
    .menu-sp_item {
        text-align: center;
        list-style: none;
    }

    /* スマホ用メニュー項目のリンク */
    .menu-sp_link {
        display: block;
        margin-bottom: 30px;
        color: #EEEEEE;
        box-sizing: border-box;
        font-size: 24px;
        opacity: 0;
        text-decoration: none;
        transition: opacity 0.5s;
    }

    .toggle_contents .menu-sp_link {
        margin-bottom: 20px;
    }

    .toggle_contents > .service-sp_list > .menu-sp_item:last-child > .menu-sp_link {
        margin-bottom: 30px;
    }

    /* メニューテキストのアニメーション */
    #menu-sp_check:not(:checked) ~ .menu-sp_content .menu-sp_link {
        opacity: 0; 
    }

    #menu-sp_check:checked ~ .menu-sp_content .menu-sp_link {
        opacity: 1;
        transition: opacity 1s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.4s;
    }

    .nav-item-business > .menu-sp_link,
    .nav-item-service > .menu-sp_link {
        margin-bottom: 12px;
    }

    .toggle_switch {
        margin-bottom: 30px;
    }

    /* サービスボタン */
    .toggle_switch::after {
        display: block;
        transform: rotate(135deg);
        width: 8px;
        height: 8px;
        margin: auto;
        border-top: #4BABFF 2px solid;
        border-right: #4BABFF 2px solid;
        content: "";
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
    }

    .toggle_switch.open::after {
        display: block;
        transform: rotate(-45deg);
        width: 8px;
        height: 8px;
        margin: auto;
        border-top: #4BABFF 2px solid;
        border-right: #4BABFF 2px solid;
        content: "";
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

    /* サ－ビスメニュー一覧 */
    .service-sp_content {
        display: none;
        z-index: -1;
        width: 100%;
        background-color: #393E46;
    }

    .service-sp_list {
        padding: 0;
    }

    .service-sp_list .menu-sp_link {
        color: #B0DAFF;
        font-size: 18px;
    }


    /* ファーストビュー
    ------------------------- */
    #video {
        width: auto;
        height: auto;
    }

    /* メインロゴ */
    #main-logo > img {
        width: 380px;
    }

    /* 文字 */
    .main-word {
        display: flex;
        justify-content: center;
        margin-right: 0;
        margin-left: 0;
    }

    .main-word > p {
        margin: 0;
        font-size: 17px;
    }

    .main-word span {
        font-weight: bold;
    }

    .check {
        width: 20px;
        height: 20px;
        margin: 3px 3px 0 0;
    }


    /* コンテンツ共通
    ------------------------- */
    .contents-wrapper {
        padding-top: 80px;
    }


    /* サービス
    ------------------------- */
    /* タイトル */
    .service-title {
        width: 300px;
        margin: auto;
        font-size: 32px;
        text-align: center;
    }

    .service-title::after {
        font-size: 20px;
    }

    /* サービスメニュー */
    #service > div {
        margin-top: 50px;
    }

    .service-up, .service-down {
        display: flex;
        width: 322px;
        margin: 0 auto;
        flex-direction: column;
    }

    .service-up .word-up,
    .service-down .word-up {
        margin: 0 auto;
    }

    .word-up, .word-down {
        position: relative;
        width: 320px;
        height: 520px;
        padding-bottom: 40px;
    }

    .word-up {
        flex-direction: column-reverse;
    }

    /* 各サービスのタイトル */
    .word-up .titles {
        position: absolute;
        top: 370px;
        left: 20px;
        z-index: 1;
    }
    
    
    /* フィルター */
    .word-up > a {
        position: relative;
    }

    .word-up div.color-box {
        position: absolute;
        top: 0px;
    }


    /* お問い合わせ
    ------------------------- */
    #contact {
        margin-top: 80px;
    }

    /* タイトル */
    .contact-title {
        width: 300px;
        margin: auto;
        font-size: 32px;
        text-align: center;
    }

    .contact-title::after {
        font-size: 20px;
    }

    /* コンテンツ */
    .contact-box {
        width: 100%;
        height: 300px;
        margin-top: 50px;
    }

    .contact-filter {
        width: 100%;
        height: 300px;
    }

    .contact-contents > p {
        font-size: 20px;
    }

    /* ボタン */
    .contact-button {
        width: 250px;
        height: 60px;
        margin-top: 30px;
    }

    .c-icon {
        width: 23px;
        height: 23px;
        margin-right: 10px;
    }

    .c-icon-hover {
        width: 23px;
        height: 23px;
        margin-right: 10px;
    }

    .contact-button > p {
        font-size: 16px;
    }


    /* フッター
    ------------------------- */
    footer {
        position: relative;
        height: 160px;
    }

    .footer {
        position: absolute;
        top: 130px;
        width: 100%;
        height: 60px;
    }

    .footer > p {
        font-size: 16px;
    }


    /*--------------------------------
    Policyページ
    --------------------------------*/
    /* タイトル */
    #policy-text {
        margin-top: 150px;
    }

    .policy-title {
        width: 300px;
        font-size: 32px;
    }

    .policy-title::after {
        margin-left: 15px;
        font-size: 20px;
    }

    /* ポリシーテキスト */
    #policy-text > div {
        margin-top: 50px;
    }

    .policy-text {
        font-size: 16px;
        line-height: 1.8;
    }

    .br-sp {
        display: block;
    }

    /* 協会 */
    #policy-kyokai {
        height: 190px;
        margin-top: 50px;
    }

    #policy-kyokai > div > p {
        font-size: 16px;
        line-height: 1.5;
    }

    .policy-button {
        width: 150px;
        height: 36px;
        font-size: 16px;
        line-height: 36px;
    }

    /* 徹底事項 */
    #policy-promise {
        margin-top: 50px;
    }

    .pp-title {
        width: 230px;
        font-size: 24px;
    }

    #policy-promise > p {
        margin-top: 50px;
        font-size: 16px;
    }

    .policy-container {
        margin-top: 50px;
    }

    .policy-box {
        display: block;
        width: 320px;
        height: 270px;
    }

    .policy-box-left {
        display: flex;
        justify-content: center;
        width: 320px;
    }

    .policy-box-left > p {
        width: 100px;
        height: 100px;
        font-size: 64px;
    }

    .policy-box-right {
        margin: 0 25px auto 25px;
        padding: 0;
    }

    .policy-box-right > p {
        display: block;
        margin: 0;
        font-size: 16px;
        line-height: 1.5;
    }


    /*--------------------------------
    Companyページ
    --------------------------------*/
    /* タイトル */
    #company {
        margin-top: 150px;
    }

    .company-title {
        width: 300px;
        font-size: 32px;
    }

    .company-title::after {
        margin-left: 15px;
        font-size: 20px;
    }

    /* 概要 */
    #company-table {
        width: 340px;
        margin: 80px auto 0 auto;
    }

    #company-table tr {
        display: flex;
        flex-direction: column;
        width: 340px;
        padding: 15px;
        border-top: solid 1px #393E46;
        border-bottom: solid 1px #393E46;
    }

    #company-table th {
        width: 100%;
        padding: 0;
        font-size: 15px;
        text-align: left;
    }

    #company-table td {
        width: 100%;
        margin-top: 8px;
        padding: 0;
        font-size: 15px;
    }


    /*--------------------------------
    サービスページ共通
    --------------------------------*/
    /* ページタイトル
    ------------------------- */
    .s-title {
        height: 570px;
    }

    .s-title > div {
        flex-direction: column;
    }

    .s-title-left {
        width: 100%;
        height: 170px;
    }

    .s-title-left > div > img {
        width: 40px;
        height: 40px;
    }

    .s-title-left > div > p {
        margin: 5px 0 0 0;
        font-size: 30px;
    }

    .s-title-right {
        width: 100%;
        height: 400px;
    }

    .s-title-right > img {
        height: 400px;
        object-fit: cover;
    }


    /* コンテンツ
    ------------------------- */
    /* 概要 */
    .s-summary {
        width: 100%;
        height: 430px;
        background-position: 95% 16%;
        background-size: 180px;
    }

    .sum-title {
        width: 360px;
        margin: 50px auto 0 auto;
        font-size: 22px;
    }

    .sum-text {
        width: 360px;
        margin: 30px auto 50px auto;
        font-size: 16px;
        text-align: justify;
    }

    .br-pc {
        display: none;
    }

    /* メリット・サービス内容 */
    .blue-contents > div {
        width: 100%;
    }

    .service-subtitle {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
    }

    .service-subtitle > img {
        width: 40px;
        height: 40px;
    }

    .service-subtitle > p {
        margin: 10px 0 0 0;
        font-size: 22px;
    }
    
    .blue-up, .blue-down {
        flex-direction: column;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .blue-up > div:nth-child(1),
    .blue-down > div:nth-child(1) {
    margin: 0 auto 40px auto;
}

    .bc-box {
        width: 340px;
        margin: 0 auto;
    }

    .bc-box-circle {
        width: 120px;
        height: 120px;
        margin: 25px auto 0 auto;
    }

    .bc-box-circle > img {
        width: 70px;
        height: 70px;
    }

    .bc-box-text {
        height: 65px;
        margin: 10px auto;
    }

    .bc-box-text > p {
        font-size: 18px;
    }

    .bc-box > img {
        width: 300px;
        height: 200px;
        margin-bottom: 25px;
    }

    /* 選ばれる理由 */
    .white-contents > div {
        width: 100%;
    }

    .reason-title {
        margin-top: 80px;
    }
    
    .reason-contents {
        margin-top: 30px;
    }

    .reason-box {
        margin-bottom: 20px;
    }

    .reason-box > img {
        width: 30px;
        height: 30px;
        margin: 10px 5px 10px 0;
    }

    .reason-box > p {
        width: 280px;
        padding-left: 2px;
        padding-bottom: 4px;
        font-size: 16px;
    }


    /* お問い合わせ
    ------------------------- */
    .s-contact-text {
        margin-top: 100px;
    }

    .s-contact-text p {
        font-size: 20px;
    }

    .cloud {
        width: 100%;
        height: 150px;
        background-image: url(../images/cloud.png);
        background-position: bottom;
        background-size: cover;
    }

    .s-contact-button {
        width: 350px;
        height: 50px;
        margin: 5px auto 0 auto;
    }

    .s-contact-button > p {
        font-size: 18px;
    }


    /*--------------------------------
    家屋点検・損害調査
    --------------------------------*/
    /* タイトル写真の切り抜き位置 */
    .kaoku-img {
        object-position: 20% 0%;
    }
    
    
    /*--------------------------------
    火災保険申請サポート
    --------------------------------*/
    .k-summary {
        margin: 50px auto;
    }

    .k-summary > p {
        height: auto;
        margin: 0 12px 0 0;
        font-size: 18px;
    }

    .k-summary > div > img {
        width: 70px;
        height: 70px;
    }

    /* ご存知ですか */
    .k-question {
        margin-top: 50px;
    }

    .k-question-title {
        width: 320px;
        height: 50px;
    }
    
    .k-question-title > p {
        font-size: 20px;
    }

    .k-question-img {
        margin: 18px auto;
    }
    
    .k-question-img > img {
        width: 360px;
        height: auto;
    }

    /* 火災保険とは */
    .k-explain {
        margin: 50px auto 0 auto;
    }

    .k-explain-title {
        width: 200px;
        height: 40px;
    }

    .k-explain-title > p {
        font-size: 20px;
    }

    .ke-container {
        width: 350px;
        margin: 30px auto 0 auto;
    }

    .ke-box {
        width: 350px;
        margin-bottom: 40px;
    }
    
    .ke-box-title {
        width: 350px;
    }
    
    .ke-box-title > p {
        margin: 0 0 10px 0;
        font-size: 17px;
        text-align: center;
    }
    
    .ke-box-contents {
        margin-top: 20px;
    }
    
    .ke-box:first-child > div:nth-child(2) {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        width: 350px;
    }

    .ke-box1 {
        margin-right: 0;
    }

    .kb1, .kb3 {
        margin-right: 15px;
        margin-left: 60px;
    }

    .kb2, .kb4 {
        margin-right: 60px;
        margin-left: 15px;
    }
    
    .box1-img {
        width: 80px;
        height: 80px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .box1-name {
        margin: 5px auto auto;
        font-size: 16px;
    }
    
    .ke-box-text {
        margin: 0;
        font-size: 16px
    }
    
    .ke-box-img {
        width: 80px;
        height: 80px;
        margin-right: 15px;
    }
    
    .ke-box:nth-child(3) .ke-box-contents img {
        margin-right: 0;
        margin-left: 15px;
    }

    /* サポートなら！ */
    .kmt-upper {
        display: block;
        height: 110px;
        text-align: center;
    }

    .kmt-upper > img {
        width: 200px;
        margin-top: 5px;
    }

    .kmt-upper > p {
        margin: 0 0 10px 0;
        font-size: 20px;
    }

    .kmt-middle {
        height: 150px;
    }

    .kmt-middle > img {
        width: 80px;
        height: 80px;
        margin-right: 10px;
    }

    .kmt-middle > p {
        font-size: 16px;
    }

    .kmt-bottom {
        width: 320px;
        height: 50px;
    }

    .kmt-bottom p {
        font-size: 15px;
    }

    /* 選ばれる理由 */
    .k-reason {
        margin-top: 50px;
    }

    .kr-title {
        width: 350px;
        height: 40px;
        margin: 0 auto 30px auto;
    }

    .kr-title > p {
        font-size: 20px;
    }

    .kr-upper, .kr-down {
        flex-direction: column;
        margin-bottom: 0;
    }

    .kr-box {
        width: 300px;
        height: 260px;
        margin-right: 0;
        margin-bottom: 40px;
    }

    .kr-subtitle {
        height: 50px;
    }

    .kr-subtitle > p {
        font-size: 20px;
    }

    .kr-content {
        height: 210px;
    }

    .kr-img > img {
        width: 80px;
        height: 80px;
        margin: 15px auto;
    }

    .kr-text > p {
        font-size: 16px;
    }

    /* 比較 */
    .k-compare {
        margin-top: 50px;
    }

    .kc-title {
        width: 250px;
        height: 40px;
    }

    .kc-title > p {
        font-size: 20px;
    }

    .kc-table {
        position: relative;
        width: 280px;
    }
    
    .kasai-table {
        width: 280px;
        margin: 40px auto 0 auto;
    }

    .kt-ftr {
        display: none;
    }

    .kasai-table tr {
        width: 100%;
    }

    .kasai-table td {
        display: block;
        width: 100%;
        text-align: right;
        box-sizing: border-box;
    }

    .kasai-table td:first-child {
        font-weight: bold;
        text-align: center;
    }

    .kasai-table td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
    }

    .kt-tousha {
        border-bottom: 15px solid #FFFFFF;
    }

    .kt-bubble {
        display: none;
    }
    
    .kt-bubble-sp {
        display: block;
        position: absolute;
        z-index: 1;
        top: 255px;
        left: 75px;
        width: 110px;
        height: auto;
    }

    /* ご利用の流れ */
    .k-step {
        margin-top: 50px;
    }

    .k-step-title {
        width: 320px;
        height: 50px;
    }

    .k-step-title > p {
        font-size: 20px;
    }

    .k-step-box {
        width: 300px;
        height: 100px;
        margin: 30px auto;
    }

    .ksb-img {
        width: 100px;
        height: 100px;
        margin-left: 5px;
    }

    .ksb-img > img {
        width: 72px;
        height: 72px;
    }

    .ksb-text {
        width: 200px;
    }

    .ksb-text > p {
        margin-left: 8px;
        font-size: 19px;
    }

    .step5 {
        height: 200px;
        margin-bottom: 50px;
    }

    .step5 > .ksb-img {
        width: 100px;
        height: 200px;
    }

    .ksb-img-5 {
        width: 100px;
        height: 100px;
    }

    .ksb-img-5 > img {
        width: 70px;
        height: 70px;
    }

    /*--------------------------------
    建物点検・赤外線調査
    --------------------------------*/
    /* タイトル写真の切り抜き位置 */
    .tatemono-img {
        object-position: 35% 0%;
    }
    
    .tatemono > img {
        width: 62px;
        height: 62px;
    }
    
    .bc-box-title {
        margin: 3px 0 0 0;
        font-size: 15px;
    }

    .sct-title {
        width: 260px;
        height: 40px;
        margin: 50px auto 0 auto;
    }
    
    .sct-title p {
        font-size: 20px;
    }

    .sct-contents {
        width: 360px;
        margin: 40px auto 30px auto;
    }

    .sct-upper {
        flex-direction: column;
        margin: 30px auto;
    }
    
    .sct-upper ul {
        margin-right: 0;
    }
    
    .sct-upper ul li {
        font-size: 20px;
    }
    
    .sct-upper img {
        height: 100px;
        margin-top: 10px;
    }

    .sct-middle {
        text-align: center;
    }
    
    .sct-middle p {
        font-size: 22px;
    }

    .sct-down {
        margin: 40px auto 10px auto;
    }
    
    .tatemono-table {
        width: 340px;
    }

    .tt-item, .tt-dashin, .tt-drone {
        padding: 8px;
    }
    
    .tt-item {
        width: 24%;
        font-size: clamp(15px, 1vw, 20px);
    }
    
    .tt-dashin {
        width: 38%;
        font-size: clamp(16px, 1vw, 20px);
    }

    .tt-drone {
        width: 38%;
        font-size: clamp(16px, 1vw, 20px);
    }

    .tt-text {
        font-size: 14px;
    }



    /*--------------------------------
    農業散布
    --------------------------------*/
    .nogyo > p {
        font-size: 20px;
    }


    /*--------------------------------
    太陽光パネル点検 / 記念・記録動画
    --------------------------------*/
    .blue-up > .solar-kinen:nth-child(1) {
        margin: 0 auto 40px auto;
    }
    
    .blue-up > .solar-kinen:nth-child(3) {
        margin: 40px auto 0 auto;
    }


    /*--------------------------------
    太陽光パネル点検
    --------------------------------*/
    .s-check {
        width: 280px;
        padding: 20px;
    }

    .s-check .s-check-title {
        top: -17px;
        left: 18px;
        padding: 0 8px;
        font-size: 24px;
    }
    
    .s-check h2 {
        font-size: 24px;
    }
    
    .s-check p {
        font-size: 16px;
        text-align: justify;
    }


    /*--------------------------------
    記念・記録動画撮影サービス
    --------------------------------*/
    .sj-title {
        width: 200px;
        height: 40px;
        margin: 50px auto 0 auto;
    }
    
    .sj-title p {
        font-size: 20px;
    }
    
    .sj-upper, .sj-down {
        flex-direction: column;
        margin: 0;
    }
    
    .sj-box {
        width: 350px;
        height: 330px;
        margin: 40px auto 0 auto;
    }
    
    .sj-box P {
        margin: 30px auto 26px auto;
        font-size: 18px;
    }
    
    .sj-box img {
        width: 300px;
        height: 187px;
    }
    
    .sj-point {
        flex-direction: column;
        width: 320px;
        height: auto;
        margin: 50px auto 80px auto;
        border-top: solid 30px #19A7CE;
        border-left: none;
    }
    
    .sj-point p {
        margin: 30px auto 20px auto;
        font-size: 20px;
        text-align: center;
    }
    
    .sj-point img {
        width: 120px;
        height: 120px;
        margin-bottom: 20px;
    }


    /*--------------------------------
    Businessページ
    --------------------------------*/
    /* タイトル */
    .s-title-left > div > .b-title-jpn {
        font-size: 30px;
    }

    .s-title-left > div > .b-title-eng {
        font-size: 26px;
    }

    /* 物販事業ポリシー */
    #b-policy-text {
        margin-top: 80px;
    }
    
    #b-policy-text .b-policy-title {
        width: 340px;
        font-size: 28px;
    }
    
    #b-policy-text .b-policy-title::after {
        display: block;
        margin-top: 5px;
        margin-left: 0;
        font-size: 22px;
    }

    /* ポリシー文章 */
    .b-policy-jpn {
        margin: 50px 0 50px 0;
    }

    .b-policy-eng {
        margin: 50px 0 0 0;
    }

    .b-policy-box {
        margin-bottom: 50px;
    }

    .b-policy-subtitle {
        font-size: 22px;
    }

    .b-policy-text {
        font-size: 18px;
    }

    .b-policy-border {
        width: 300px;
    }
	
	/* 各事業ポリシー */
    .sub-policy {
        margin-top: 80px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .sub-policy > p {
        width: 80%;
        font-size: 15px;
    }
	
    /* 取扱商品 */
    .b-policy-title {
        margin-top: 50px;
    }

    #b-policy-products > .b-policy-title {
        width: 300px;
        font-size: 32px;
    }

    .products-title::after {
        margin-left: 15px;
        font-size: 20px;
    }

    .products-top {
        display: flex;
        flex-direction: column;
        margin-top: 50px;
    }

    .products-bottom {
        display: flex;
        flex-direction: column;
        margin: 50px 0 80px 0;
    }

    .products-box{
        margin: 0 auto;
    }

    .products-box:nth-child(2) {
        margin: 40px auto;
    }

    .product-jpn {
        font-size: 20px;
    }

    .product-eng {
        margin: 8px auto 0 auto;
        font-size: 18px;
    }

    /* Coming Soon */
    .coming_soon {
        font-size: 40px;
    }

    /* 会社概要 */
    #b-company {
        margin-top: 80px;
    }

    #b-company > #company-table {
        margin-top: 40px;
    }
}