/*
Theme Name: smife
Version: 1.0.0
Template: oltana-005
Author: CROOVER inc.
Author URI: https://croover.co.jp
*/

html {
	scroll-padding-top:160px;
}
@media (max-width: 767px) {
	html {
        scroll-margin-top: 100px; 
    }
}
p{
	line-height:2;
}
hr{
	color: #4f41164f;
}
.ol-header.ol-header__tracking {
	height:100%!important;
}
.ol-header img {
    max-height: 80px;
    width: auto;
}

.ol-header__nav a::after {
    background-color: #f15a24;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .3s;
    width: 100%;
}

.ol-header__nav a:hover::after {
    transform: scale(1, 1);
    /* 下線を横方向に1倍、縦方向に1倍に変形（表示） */
}

@media (max-width: 1079px) {
    .ol-header__nav a::after {
        display: none;
    }

    .ol-header__nav a:hover::after {
        transform: unset;
        /* 下線を横方向に1倍、縦方向に1倍に変形（表示） */
    }
}


/* 
TOP
サービス紹介アイコン */
@media (max-width: 640px) {
    .ol-service__list.ol-service-display-type-sp-2 .ol-service__list-item {
        flex-basis: 80%;
    }
}


/* 
TOP
グーグルマップ */
@media (max-width: 640px) {
    .ol-access__image iframe {
        height: 200px;
    }
}

@media (min-width: 1729px) {
    .ol-content-frame {
        padding: 0 clamp(60px, 9vw, 355px);
    }

    .ol-service__list {
        gap: clamp(20px, 2.65vw, 80px);
    }
}

@media (max-width:1080px) {
    .ol-header__inner {
        height: 100px;
    }

    .ol-header img {
        max-height: 60px;
    }
}


/* ---------- 下層 ---------- */
.page h1.ol-article__title {
  position: relative;
  display: inline-block;
	margin-top:0!important;
	margin-bottom:120px;
	text-align:center;

}
.page h1:before {
content: '';
    position: absolute;
    bottom: -22px;
    display: inline-block;
    width: 50px;
    height: 4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #f15a24;
}

.ol-single__template {
    margin-bottom: 100px;
}
.ol-article__inner {
	max-width: 1080px;
}

.ol-article__content {
    margin-top: 0;
}

h2.wp-block-heading {
	border-top:0;
    border-bottom: solid 1px #4f411670 !important;
    margin: 0 0 40px 0 !important;
    padding-top: 10px !important;
}
.editor-styles-wrapper h2.wp-block-heading {
	border-top:0;
    border-bottom: solid 1px #4f411670 !important;
    margin: 0 0 40px 0 !important;
    padding-top: 10px !important;
}

.h2_deco {
    margin-bottom: 0 !important;
    color: #f15a24;
    line-height: 1.5;
}

.single p,
.page:not(.home) p {
    margin: 0 !important;
}

.page:not(.home) .smb-box p {
    margin: 0 !important;
}

h3.wp-block-heading {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 50px;
    margin-bottom: 30px;
}

h3.wp-block-heading::before {
background-color: #f15a24!important;
    height: 3%;
    width: 30px;
}

.editor-styles-wrapper h3.wp-block-heading {
	padding-top: 0;
    padding-bottom: 0;
    margin-top: 50px;
    margin-bottom: 30px;
}

.editor-styles-wrapper h3.wp-block-heading::before {

    height: 3%;
    width: 30px;
}


h4.wp-block-heading {
    border-bottom: none;
    padding: 1em;
    background-color: #fff6eb;
}

h4:before {
    content: '●';
    color: #f15a24;
    margin-right: 8px;
}

i {
    margin-right: 0.5em;
}

.oltana-list {
    margin: 1em 0;
}

.ol-simple-box1,
.ol-simple-box5 {
    padding: 40px 20px;
    margin: 0;
}

.support-box {
    display: flex;
    padding: 0 20px;
    width: 100%;
    gap: 0;
    margin: 0 !important;
}

.support-box i {
    font-size: 1.1em;
}

.ol-block__box .ol-block__box-inner p:first-child {
    margin: 0 !important;
}


@media screen and (max-width: 980px) {
	h3.wp-block-heading {
		    padding-left:40px;
	}
}


/* テーブル */
.smb-box {
    padding: 40px;
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
    border: none;
    padding: 25px 20px !important;
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th {
    border-bottom: 1px solid #f15a24b3;
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
    border-bottom: 1px solid rgba(79, 65, 22, 0.18);
}

.features_box>.wp-block-column,
.want_person>.wp-block-column {
    padding: 2% 2% 5%;
    border: 1px solid #4f411670;
}

.features_box>.wp-block-column>.wp-block-image,
.want_person>.wp-block-column>.wp-block-image {
    margin: 20px !important;
}

.txt_l {
    font-weight: 500;
    font-size: 18px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #4f411670;
	margin-bottom: 20px;
}



@media screen and (max-width: 768px) {
	.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th{
		    text-align: left!important;
	}
	.wp-block-flexible-table-block-table.price-example>table tr th{
		    text-align: center!important;
	}
}



/* ---------- 会社概要 ---------- */
.g-map {
    display: flex;
    align-items: center;
    margin-top: 0.25em;
}

/* ---------- サービス紹介 ----------*/
/* PC・タブレット用の横並び設定 */
.smife-flex-row {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center;
    width: 100%;
    margin: 30px 0 0;
    gap: 0;
    /* 隙間は各要素のpaddingで調整 */
}

/* 黄色のカード設定 */
.smife-card {
    flex: 1;
    background-color: #fff7f0;
    border-radius: 4px;
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.smife-card p {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    font-weight: 500;
    line-height: 1.6;
}

/* バツ印のエリア設定 */
.smife-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}

.smife-divider img {
    width: 20px;
    height: auto;
    display: block;
}

/* スマホ表示（767px以下）の修正 */
@media (max-width: 767px) {
    .smife-flex-row {
        flex-direction: column !important;
        /* 縦並びに変更 */
        align-items: center !important;
    }

    .smife-card {
        width: 100%;
        /* 横幅をいっぱいにする */
        max-width: 300px;
        /* 広がりすぎないよう制限（お好みで調整） */
    }

    .smife-divider {
        width: 100%;
        height: 50px;
        /* 上下の箱の間のスペース */
        padding: 0;
        justify-content: center;
    }

    /* スマホの時はバツ印を回転させず、そのままの向きで表示 */
    .smife-divider img {
        width: 20px;
    }
}

/* ---------- 取引事例 ---------- */


.ol-block__fukidashi-chat .ol-block__fukidashi-contents {
    margin-top: 0;
}

.ol-block__fukidashi {
    align-items: center;
}

.ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner p:last-of-type {
    margin-top: 0 !important;
}

@media (min-width: 1729px) {
    .ol-block__fukidashi.ol-block__fukidashi-left .ol-block__fukidashi-img-wrapper {
        width: clamp(90px, 9em, 180px) !important;
    }

    .ol-block__fukidashi .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-img {
        height: clamp(90px, 9em, 180px) !important;
    }

    .ol-block__fukidashi .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-name {
        font-size: 16px;
    }
}

.example-box {
    border: 1px solid #db7860;
    padding: 1.6em 1em;
    border-radius: 5px;
}

.example-box p:nth-child(1) {
    margin: 0 !important;
    background: #db7860;
    display: inline-block;
    padding: 0 18px;
    color: #FFF;
    border-radius: 5px;
}

.arow-img img {
    margin: 0 auto;
}

@media (max-width: 767px) {
    .arow-img {
        margin: 0;
    }
}

.cta-box {
    background: #f7f5f3;
    padding: 1em;
}

.sub-title {
    font-size: 1.5em;
    font-weight: 500;
}

.wp-block-oltana-blocks-button {
    margin: 30px 0;
}

.ol-block__button .ol-btn-block .ol-btn-medium {
	min-width:30%;
    width: auto;
}


/* ---------- お問い合わせ ---------- */
.wpcf7 {
    border-top: 0.15625rem solid #F15A24;
    padding-top: 1.875rem;
}

.form-box table tr th {
    width: 18.125rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.35;
    text-align: start;
    vertical-align: top;
}

.form-box table tr th p {
    line-height: 1 !important;
}

.form-box table tr th p,
.form-box table tr td p {
    margin-bottom: 0 !important;
}

.wpcf7-radio .wpcf7-list-item {
    display: inline-block;
    width: 30%;
    line-height: 1.65;
    margin: 0;
}

.wpcf7-list-item-label,
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 textarea {
    font-size: 16px;
}

.wpcf7-form-control.wpcf7-radio {
    column-gap: 5%;
}

.form-box table tr th span.required {
    color: #F15A24;
}

.form-box table tr th span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    margin-left: 0.375rem;
}

.privacy-txt{
	font-size:16px;
}
.privacy-txt .wpcf7-form-control .wpcf7-list-item label {
	margin-top:1em;
}
.wpcf7 p:last-of-type {
	padding-bottom: 30px;
}
.wpcf7 input[type="submit"]{
	background-color: #f15a24!important;
	color:#FFF!important;
}
.wpcf7 input[type="submit"]:hover{
	opacity:0.8;
}



@media (max-width: 980px) {
.wpcf7-radio .wpcf7-list-item {
    width: 100%;
}}


@media (max-width: 767px) {
	.form-box tr{
		display:flex;
		flex-direction:column;
		margin-bottom: 1em;
	}
	.form-box tr>td>p{
		padding-top:0.5em;
	}
	.wpcf7 .wpcf7-radio {
		margin-top: 0;}
	.wpcf7 p:last-of-type {
	padding-bottom: 0;
}
	.privacy-txt,.wpcf7-list-item-label{
		font-size:14px;
}
}


/* ---------- お知らせ ---------- */
.ol-image-filter-type1,
.ol-archive__body.ol-content-frame {
    margin-bottom: 100px;
}

.sp-only{
	display:none;
}
.pc-only{
	display:block;
}
@media (max-width: 1080px){
.sp-only{
	display:block;
}
    .pc-only{
	display:none;
}
}
@media (max-width: 480px) {
	.page-id-70 .ol-service__list li{
		border:1px solid #f15a249e;
}
}


.ol-archive-header-image{
	margin-bottom:100px;
}

.ol-archive-header-image::after{
	position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: 0;
	background-color:#fde9ca;;
	opacity: calc(16 / 100);
}

.ol-single__template {
	min-height: 460px;
}