@charset "UTF-8";

/*==================
画面設計
768px をブレイクポイントとし
それ以上はPCレイアウト
768px以下はスマホレイアウトととする
@media screen and ( max-width:48rem) { }
@media screen and ( max-width:767px) {  }
==================*/

html {
    font-size: 10px;
    background-color: #FFFFFF;
    height: 100%;
    color: #333;
    /* padding-top: 80px; */
    scroll-behavior: smooth;
}
body {
    height: 100%;
    
    /* font-family: 'Noto Serif JP', serif; */
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    font-style: italic;
    background-repeat: no-repeat;
    background-size: cover;
    shape-margin: 0.75rem;
}
table tr th{
    font-weight: 400;
}
.spDispOnly {
    display: none;
}
.pcDispOnly {
    display: inline;
}
@media screen and (max-width:767px) {
    html {
        font-size: 9px;
        /* padding-top: 60px; */
    }
    .spDispOnly {
        display: block;
    }
    .pcDispOnly {
        display: none;
    }
    img {
        max-width: 100%;
    }
}
a:hover img {
    opacity: 0.8;
}
a.pagetopBtn {
    display: block;
    position: fixed;
    right: 10px;
    bottom: 20px;
    padding: 5px;
    background-color: #474747;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    transform: scale(0.8);
    opacity: 0.8;
    border-radius: 100%;
    z-index: 999;
    text-decoration: none;
    cursor: pointer;
}
/* ページ共通 */
.marker {
    display: inline;
    background-image: linear-gradient(90deg, #E27227,#E27227 50%);
    background-repeat: no-repeat;
    background-size: 0% 0.3em;
    background-position: 0 100%;
    transition:background-size 1.5s;
    padding-bottom: 8px;
}
.marker.on {
    background-size: 100% 0.3em;
}

/*<weight>: Use a value from 200 to 700 */
.webFont-oswald {
  font-family: "Oswald", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

/* <weight>: Use a value from 100 to 900 */
body,
.webFont-notoSansJp {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}









/* ページ共通 ヘッダー */
.headerSection{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0px;
    height: 80px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 100;
    opacity: 1;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    /* background: linear-gradient(100deg, rgba(255,207,0,1) 0%, rgba(255,207,0,1) 30%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%); */
}
.headerSection .headerContactGroup{
    background-color: #FFFFFF;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.32);
    flex: 1;
    padding: 0 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.headerSection .headerMenuBtn{
    background-color: #FFFFFF;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.32);
    width: 80px;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.headerSection .headerMenuBtn .menuLabel{
    font-size: 10px;
    padding-top: 40px;
}

.headerSection .subject{
    display: flex;
    align-items: center;
}
.headerSection .logo span{
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.6;
    color: #474747;
}
.headerSection .logo img{
    margin-right: 1em;
}
.headerSection .subject{
    margin-right: 40px;
}
.headerQuickBtnSet{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.headerBtnContact,
.headerBtnMoushikomi{
    width: 140px;
    height: 60px;
    background-color: #FFC505;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.headerBtnContact{
    background-color: #1D569B;
    color: #FFFFFF;
}
.headerTelNum{
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 180px;
}
.headerTelNum .label{
    font-size: 1.1rem;
    padding-bottom: 0;
    line-height: 1;
}
.headerTelNum .telNum{
    font-size: 2.8rem;
    font-weight: 600;
}
.headerTelNum .openTime{
    font-size: 1.2rem;
}
@media screen and ( max-width:1240px) {
    .headerSection .subject{
        margin-right: auto;
    }
    .headerSection .logo span{
        font-size: 0.9vw;
        white-space: wrap;
    }
    .headerSection .logo span br{
        display: none;
    }
}
@media screen and ( max-width:767px) {
    .headerSection{
        height: 60px;
    }
    .headerSection .logo img{
        max-width: 200px;
        text-align: center;
        margin-right: 0;
    }
    .headerSection .logo span{
        display: none;
    }
    .headerSection .subject{
        margin-right: auto;
    }
    .headerSection .headerQuickBtnSet{

    }
    .headerBtnContact,
    .headerBtnMoushikomi{
        width: 100px;
        height: 40px;
    }
    .headerSection .headerTelNum{
        display: none;
    }
}
@media screen and ( max-width:559px) {
    .headerSection .headerContactGroup{
        flex: 0;
    }
    .headerSection .headerQuickBtnSet{
        display: none;
    }
}





/* ページ共通 オーバーフローメニュー */
.overFlowMenu{
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-color: #F6F4F0;
    /* color: #fff; */
    position: fixed; 
    top: 0;
    left: 0;
    z-index: 9;
    text-align:center;
    transition: 0.5s ease;/*滑らかに表示*/
    -webkit-transform: translateY(100%);
    transform: translateY(100%);

    overflow-y: scroll;
}
.overFlowMenu .inner{
    width: 100%;
    max-width: 1200px;
    padding: 110px 10px 100px;
    margin: 0 auto;
}
/*OPEN時の動き*/
.overFlowMenu.open {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);/*メニューを元の位置へ戻す*/
}
.overFlowMenu nav{
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    
    text-align: left;
    font-size: 1.6rem;
    font-weight: 700;
}
.overFlowMenu ul{
    margin: 30px 0;
    width: 100%;
}
.overFlowMenu ul li{
    width: 100%;
}
.overFlowMenu ul li a{
    display: block;
    padding: 8px;
}
.overFlowMenu .sectionTitle{
    font-size: 2.8rem;
    font-weight: 700;
    text-align: left;
    padding: 16px 0;
    border-bottom: #333 2px solid;
}
.overFlowMenu .sectionTitle .jp{
    display: inline-block;
    font-weight: 700;
    margin-left: 20px;
    font-size: 1.6rem;
}
.overFlowMenuBottom .ctaTellGroup{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin-bottom: 26px;
}
.overFlowMenuBottom .ctaTellGroup .leftBox{
    text-align: left;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6;
    text-indent: .5em;
}
.overFlowMenuBottom .ctaTellGroup .centerBox{
    font-size: 4rem;
    font-weight: 800;
}
.overFlowMenuBottom .ctaTellGroup .rightBox ul{
    display: flex;
    justify-content: center;
    gap: 10px;
}
.overFlowMenuBottom2{
    text-align: center;
    line-height: 1.8;
}
@media screen and ( max-width:767px) {
    .overFlowMenu .inner{
        padding: 80px 20px 100px;
    }
    .overFlowMenu nav{
        flex-direction: column;
        gap: 0;
    }
    .overFlowMenu ul{
        margin: 10px 0;
    }
    .overFlowMenu .sectionTitle{
        margin-bottom: 20px;
    }
    .overFlowMenuBottom .ctaTellGroup{
        flex-direction: column;
        gap: 6px;
        margin-bottom: 26px;

        margin-top: 30px;
        padding-top: 30px;
        border-top: #333333 2px solid;
        text-align: center;
    }
}





/*トグルボタンのスタイルを指定*/
.Toggle{
    /* display: none; */
}

/* @media screen and ( max-width:767px) { */
    .Toggle {
        display: block;
        position: fixed;    /* bodyに対しての絶対位置指定 */
        width: 34px;
        height: 42px;
        cursor: pointer;
        z-index: 10;
        /* top: 10px; */
        /* right:15px; */
    }
    .Toggle span {
        display: block;
        position: absolute;
        width: 34px;
        border-bottom: solid 4px #333;
        -webkit-transition: .35s ease-in-out;   /*変化の速度を指定*/
        -moz-transition: .35s ease-in-out;      /*変化の速度を指定*/
        transition: .35s ease-in-out;           /*変化の速度を指定*/
    }
    /*各ボーダー少しずつずらす*/
    .Toggle span:nth-child(1) {
        top:5px;
    }
    .Toggle span:nth-child(2) {
        top: 15px;
    }
    .Toggle span:nth-child(3) {
        top: 26px;
    }
    .Toggle.active span:nth-child(1) {
        top: 18px;
    /* 1番目のspanをマイナス45度に */
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    /* 2番目と3番目のspanを45度に */
    .Toggle.active span:nth-child(2),
    .Toggle.active span:nth-child(3) {
        top: 18px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
/* } */

.vBannerInstsgram{
    position: fixed;
    right: 0;
    top: 100px;
    z-index: 1;
}
.vBannerLine{
    position: fixed;
    right: 0;
    top: 240px;
    z-index: 1;
}
@media screen and ( max-width:767px) {
	.vBannerInstsgram,
	.vBannerLine{
		display: none;
	}
}

/* ページ共通 フッター */
.footerSec{
    width: 100%;
    background-color: #F6F4F0;
    padding: 80px 20px;
}
.footerSec .inner{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;

    font-size: 1.5rem;
    line-height: 1.6;
}
.footerHead{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.footerHead .footerTelNum{
    flex-shrink: 100;
    flex-grow: 0;
    margin-left: auto;
}
.footerHead .ctaTellGroup{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 32px;
    margin-bottom: 26px;
}
.footerHead .ctaTellGroup .leftBox{
    text-align: left;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6;
    text-indent: .5em;
}
.footerHead .ctaTellGroup .centerBox{
    font-size: 4rem;
    font-weight: 800;
}
.footerHead .ctaTellGroup .rightBox ul{
    display: flex;
    justify-content: center;
    gap: 10px;
}
.footerBody{
    display: flex;
    justify-content: space-between;
}
.footerBody .rightBox nav{
    display: flex;
    gap: 40px;
}
.footerBody .rightBox nav li a{
    padding-left: 30px;
    font-size: 1.5rem;
    padding: 4px 0;
    display: block;
}
.footerBody .rightBox nav li a::before{
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("../image/grayicon_arrow.svg");
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
@media screen and ( max-width:767px) {
    .footerHead{
        flex-direction: column;
        align-items: center;
    }
    .footerHead .ctaTellGroup{
        flex-direction: column;
        gap: 8px;
        margin: 30px auto;
    }
    .footerHead .ctaTellGroup .leftBox{
        text-align: center;
    }
    .footerBody{
        flex-direction: column-reverse;
        text-align: center;
    }
    .footerBody .rightBox nav{
        display: flex;
        gap: 10px;
        flex-direction: column;
        padding-left: 16vw;
        margin: 30px 0;
    }
    .footerBody .rightBox nav li a{
        text-align: left;
    }
}

/* ページ共通 SP固定フッター */


.fixedSpFooter{
	width: 100%;
	background-color: #FFF;
	height: 80px;
	padding: 2px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
	
	display: flex;
	justify-content: center;
	gap: 3px;
	align-items: stretch;
	
	display: none;
}
.fixedSpFooter a{
	width: 33%;
	padding: 10px;
	color: #FFF;
	font-size: 1.2rem;
	font-weight: 700;
	display: block;
	text-align: center;
	background-color:#000;
	border-radius: 3px;
}
.fixedSpFooter a .icon{
	display: block;
}
.fixedSpFooter a:nth-child(1){
	background-color: #747544;
}
.fixedSpFooter a:nth-child(2){
	background-color: #167ac6;
}
.fixedSpFooter a:nth-child(3){
	background-color: #3ccb48;
}
@media screen and ( max-width:767px) {
	.fixedSpFooter{
		display: flex;
	}
}

/* トップページ */
/* MVバナー追加 */
.topMainVisualBannerSec{
	width: 100%;
	text-align: center;
	background-color: #F6F4F0;
}
.topUnderVisualSec{
	width: 100%;
	padding: 80px 20px;
	background-color: #F6F4F0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	display: flex;
	justify-content: center;
	gap: 80px;
}
.topUnderVisualSec .copyGroup{
	text-align: center;
	color: #000;
}
.topUnderVisualSec .copyGroup .copy{
	font-size: min(3vw,4.2rem);
	font-weight: 900;
	margin-bottom: 24px;
}
.topUnderVisualSec .copyGroup p{
	font-size: min(1.8vw,2.4rem);
	font-weight: 900;
	margin-top: 16px;
	margin-bottom: 30px;
}
.topUnderVisualSec iframe{
	width: 100%;
	max-width: 500px;
	height: calc( 500px / 16*9 );
}
@media screen and ( max-width:767px) {
	.topUnderVisualSec{
		flex-direction: column;
		padding: 40px 20px;
	}
	.topUnderVisualSec .copyGroup .copy{
        font-size: 3.2rem;
    }
    .topUnderVisualSec .copyGroup img{
        width: 100%;
    }
    .topUnderVisualSec .copyGroup p{
        font-size: 1.9rem;
        margin-top: 16px;
        margin-bottom: 30px;
    }
    .topUnderVisualSec iframe{
        width: 90vw;
        max-width: 90vw;
        height: calc( 90vw/16*9 );
    }
}
/*  除外
.topMainVisualSec{
    width: 100%;
    height: 64vw;
	max-height: 800px;
    background-color: #F6F4F0;
    position: relative;
}
.topMainVisualSec .pictuerArea{
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 64vw;
	max-height: 800px;
    background-image: url(../image/img1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.topMainVisualSec .flace{
    position: absolute;
    left: -160px;
    top: 100px;
}
.topMainVisualSec .copyGroup{
    width: 100%;
    max-width: 35vw;
    position: absolute;
    top: 200px;
	left: 30px;
    text-align: center;
    color: #000;
}
.topMainVisualSec .copyGroup .copy{
    font-size: min(3vw,4.2rem);
    font-weight: 900;
    margin-bottom: 24px;
}
.topMainVisualSec .copyGroup p{
    font-size: min(1.8vw,2.4rem);
    font-weight: 900;
    margin-top: 16px;
    margin-bottom: 30px;
}
.topMainVisualSec iframe{
    width: 100%;
    max-width: 500px;
    height: calc( 500px / 16*9 );
}
*/
.topMainUnderSlideSec .titleBar{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    padding: 20px;
}
.topMainUnderSlideSec .headerCarSlide{
    padding: 40px 0;
}
.topMainUnderSlideSec .headerCarSlide li{
    margin: 0 10px;
}
.topMainUnderSlideSec .headerCarSlide img{
    /* max-width: 300px; */
    /* max-height: 230px; */
    border-radius: 5px;
    box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
    object-fit: cover;
}
@media screen and ( max-width:1023px) {
    .topMainVisualSec{
        min-height: 100%;
        background-image: url(../image/tmpobj.svg);
        background-repeat: no-repeat;
        background-position: bottom 0 left -50px;
        background-size: 110%;
		padding-top: 80px;
		padding-bottom: 40px;
		
		height: auto;
		max-height: none;
    }
    .topMainVisualSec .pictuerArea{
        width: 100vw;
        height: 44vw;
        position: static;
    }
    .topMainVisualSec .flace{
        display: none;
        position: absolute;
        left: -160px;
        top: 100px;
    }
    .topMainVisualSec .copyGroup{
        width: 100%;
        max-width: 100%;
        position: static;
		margin: 20px auto;
    }
    .topMainVisualSec .copyGroup .copy{
        font-size: 3.2rem;
    }
    .topMainVisualSec .copyGroup img{
        width: 90%;
    }
    .topMainVisualSec .copyGroup p{
        font-size: 2rem;
        margin-top: 16px;
        margin-bottom: 30px;
    }
    .topMainVisualSec iframe{
        width: 90vw;
        max-width: 90vw;
        height: calc( 90vw/16*9 );
    }
}


.topServicePointsSec{
    width: 100%;
    padding: 80px 20px 200px;
    background-image: url(../image/topservicebg_getmycar.svg), linear-gradient(130deg, rgba(255, 197, 5, 1), rgba(229, 238, 237, 1));
    background-repeat: no-repeat;
    background-position: center bottom;
}
.topServicePointsSec .inner{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
.topServicePointsSec .sectionTitle{
    font-size: 4rem;
    font-weight: 700;
}
.topServicePointsSec .sectionTitle .min{
    display: inline-block;
    font-size: 2rem;
}
.topServicePointsSec .secHeader{
    margin-bottom: 80px;
}
.topServicePointsSec .secHeader p{
    font-weight: 700;
}
.topServicePointsSec .servicePointList{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.topServicePointsSec .servicePointList .unitSetLeft,
.topServicePointsSec .servicePointList .unitSetRight{
    width: 48%;

    display: flex;
    flex-direction: column;
    gap: 30px;
}
.topServicePointsSec .servicePointList .unit{
    display: flex;
    justify-content: flex-start;
    gap: 30px;
}
.topServicePointsSec .servicePointList .icon{
    width: 120px;
    height: 120px;
    background-color: #FFFFFF;
    border-radius: 100%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.topServicePointsSec .servicePointList .textGroup{
}
.topServicePointsSec .servicePointList .subject{
    font-size: 2rem;
    font-weight: 700;
    line-height: 2;
    margin-bottom: 18px;
}
.topServicePointsSec .servicePointList .desc{
    font-size: 1.6rem;
    line-height: 1.6;
}
@media screen and ( max-width:767px) {
    .topServicePointsSec{
        background-size: 100%;
        padding: 80px 20px 120px;
    }
    .topServicePointsSec .secHeader{
        margin-bottom: 40px;
    }
    .topServicePointsSec .servicePointList{
        flex-direction: column;
        gap: 30px;
    }
    .topServicePointsSec .servicePointList .subject{
        font-size: 1.8rem;
    }
    .topServicePointsSec .servicePointList .unitSetLeft,
    .topServicePointsSec .servicePointList .unitSetRight{
        width: 100%;
        gap: 30px;
    }
    .topServicePointsSec .servicePointList .unit{
        gap: 20px;
    }
    .topServicePointsSec .servicePointList .icon{
        width: 60px;
        height: 60px;
        padding: 10px;
    }
    .topServicePointsSec .servicePointList .desc{
        font-size: 1.4rem;
    }
}







.topJisyaronPrSec{
    width: 100%;
    padding: 80px 20px;
    background-color: #F6F4F0;
    text-align: center;

    background-image: url(../image/topjisyaronbg_l.svg), url(../image/topjisyaronbg_r.svg);
    background-repeat: no-repeat;
    background-position: top 100px left -100px,
    top 100px right -160px;
    background-size: 33%, 42%;
}
.topJisyaronPrSec .inner{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
.topJisyaronPrSec .secHeader .sectionTitle{
    font-size: 3.2rem;
    font-weight: 900;
    margin-bottom: 30px;
}
.banzai {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
    font-size: 2.2rem;
    margin-bottom: 8px;
}
.banzai::before,
.banzai::after {
	content: '';
	width: 2px;
	height: 30px;
	background-color: #333333;
}
.banzai::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.banzai::after {
	margin-left: 30px;
	transform: rotate(35deg)
}
.topJisyaronPrSec .secHeader .desc{
    font-size: 1.6rem;
    line-height: 1.6;
}
.topJisyaronPrSec .banner{
    width: 100%;
    max-width: 700px;
    display: block;
    margin: 80px auto 0;
}
.topJisyaronPrSec .banner img{
    max-width: 100%;
}
.topJisyaronPrSec iframe{
    max-width: 100%;
}
@media screen and ( max-width:767px) {
    .topJisyaronPrSec iframe{
        width: 90vw;
        height: calc( 90vw / 16 * 9 );
    }
}





.ctaSec{
    width: 100%;
    background-color: #1D569B;
    background-image:
    url(../image/cta_bgcar_right.png),
    url(../image/cta_bgcar_left.png),
    url(../image/cta_bg.png);
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 24vw auto, 24vw auto, 10px;
    background-position: 105% 30px, -5% 30px, center center;
}
.ctaSec .inner{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 20px;
    text-align: center;
    color: #FFFFFF;
}
.ctaSec .ctaMessage{
    font-size: 2.9rem;
    font-weight: 700;
    line-height: 1.6;
}
.ctaSec .ctaSubMessage{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 0 55px;

    font-size: 2rem;
    font-weight: 700;
    margin: 16px auto;
}
.ctaSec .ctaSubMessage:before,
.ctaSec .ctaSubMessage:after{
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 180px;
    height: 3px;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
}
.ctaSec .ctaSubMessage:before {
    left:0;
}
.ctaSec .ctaSubMessage:after {
    right: 0;
}
.ctaSec .ctaTellGroup{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 26px;
}
.ctaSec .ctaTellGroup .leftBox{
    text-align: left;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6;
    text-indent: .5em;
}
.ctaSec .ctaTellGroup .centerBox{
    font-size: 4rem;
    font-weight: 800;
}
.ctaSec .ctaTellGroup .rightBox ul{
    display: flex;
    justify-content: center;
    gap: 10px;
}
.ctaBtnSet{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.ctaBtnSet li{
    width: 100%;
    display: flex;
}
.ctaBtnSet li a{
    display: block;
    width: 100%;
    padding: 18px 8px;
    border-radius: 3px;
    background-color: #FFCF00;
    color: #333333;
    font-size: 1.6rem;
    font-weight: 700;
}
.ctaBtnSet li:nth-child(2) a{
	background-color: #01adcf;
	color: #FFFFFF;
}
.ctaBtnSet li:nth-child(3) a{
	background-color: #3ccb48;
	color: #FFFFFF;
}

.ctaBtnSet li a img{
	display:block;
	margin: 0 auto 8px;
}
.ctaBtnSet li a:hover{
    background-color: #fbe273;
}
.ctaSubBtnSet{
    margin: 32px 0 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 30px;
}
.ctaSubBtnSet a:hover{
    text-decoration: underline;
}
.ctaBtnSet li:nth-child(2) a:hover{
	background-color: #5ed2e9;
}
.ctaBtnSet li:nth-child(3) a:hover{
	background-color: #4ee55b;
}
@media screen and ( max-width:767px) {
    .ctaSec{
        background-size: 30vw auto, 30vw auto, 10px;
        background-position: 110% 100px, -10% 100px, center center;
    }
    .ctaSec .ctaMessage{
        font-size: 2.4rem;
    }
    .ctaSec .ctaTellGroup{
        flex-direction: column;
        gap: 10px;
    }
    .ctaSec .ctaSubMessage:before,
    .ctaSec .ctaSubMessage:after{
        display: none;
    }
    .ctaSec .ctaSubMessage{
        font-size: 1.4rem;
        margin: 16px auto;
        padding: 0;
    }
    .ctaSec .ctaTellGroup .leftBox{
        text-align: center;
    }
}


.topShopInfoSec{
    width: 100%;
    padding: 80px 0;

    background-image: url(../image/shopinfobg_getmycar.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 100%;
}
.topShopInfoSec .inner{
    display: flex;
    justify-content: space-between;
}
.topShopInfoSec .shopInfoImg{
    width: 50%;
    aspect-ratio: 16/9;
    border-radius: 20px 0 0 20px;
    object-fit: cover;
}

.topShopInfoSec .leftBox{
    width: 50%;
    padding-left: 15%;
}
.topShopInfoSec .sectionTitle{
    font-size: 3.4rem;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 1.4;
}
.topShopInfoSec .sectionTitle .jp{
    font-size: 1.8rem;
    font-weight: 700;
    display: block;
}
.topShopInfoSec .shopInfoGroup{
    font-size: 1.6rem;
    line-height: 1.8;
    padding-left: 30px;
}
.topShopInfoSec .shopInfoGroup p{
    margin-top: 32px;
}
@media screen and ( max-width:767px) {
    .topShopInfoSec .inner{
        flex-direction: column;
        gap: 30px;
    }
    .topShopInfoSec .sectionTitle{
        font-size: 3.4rem;
        text-align: center;
    }
    .topShopInfoSec .sectionTitle .jp{
        font-size: 1.8rem;
        font-weight: 700;
        display: block;
    }
    .topShopInfoSec .shopInfoImg{
        width: 100%;
        border-radius: 0px 0 0 0px;
        aspect-ratio: 4/3;
    }
    .topShopInfoSec .leftBox{
        width: 100%;
        padding-left: 0%;
    }
}

/* トップページ　SNS */
.topSnsInfoSec{
    width: 100%;
    background-color: #F6F4F0;
    padding: 80px 20px;

    background-image: url(../image/sns_bgcar_left.svg),
    url(../image/sns_bgimg.svg);
    background-repeat: no-repeat;
    background-position: top -100px left -20%, top 40px center;
    background-size: auto 300px, 900px auto;
}
.topSnsInfoSec .inner{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    text-align: center;
}
.topSnsInfoSec .sectionTitle{
    font-size: 3.4rem;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 1.4;
}
.topSnsInfoSec .sectionTitle .jp{
    font-size: 1.8rem;
    font-weight: 700;
    display: block;
}
@media screen and ( max-width:767px) {
	.topSnsInfoSec{
		background-position: top -6vw left -20%, top 40px center;
		background-size: 39vw auto, 900px auto;
	}
}

/* トップページ　お知らせ */
.topNewsSec{
    width: 100%;
}
.topNewsSec .inner{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 80px 20px;

    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.topNewsSec .sectionTitle{
    font-size: 3.4rem;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 1.4;
}
.topNewsSec .sectionTitle .jp{
    font-size: 1.8rem;
    font-weight: 700;
    display: block;
}
.topNewsSec .leftBox{
    flex-shrink: 0;
    flex-grow: 0;
}
.topNewsSec .rightBox{
    width: 70%;
    flex-grow: 0;
}
.topNewsSec .topNewsList{
    text-align: left;
}
.topNewsSec .topNewsList li{
    border-top: #EEEEEE 1px solid;
    padding: 18px 0;
    display: flex;
    justify-content: flex-start;
    gap: 40px;
}
.topNewsSec .topNewsList li:last-child{
    border-bottom: #EEEEEE 1px solid;
}
.topNewsSec .topNewsList li .date{
    width: 6em;
}
.topNewsSec .topNewsList li a{
    display: block;
}













/* 中ページ共通 */
.innerPageHead{
    width: 100%;
    min-height: 400px;
    padding-top: 80px;

    background-image: 
    url(../image/pageheaderbg_decoimg1.svg),
    url(../image/pageheaderbg_decoimg2.svg),
    url(../image/pageheaderbg.jpg);
    background-repeat: no-repeat;
    background-position: 
    center left -200px,
    center right -30px, 
    top center;
    background-size: 
    auto 90%,
    auto 70%,
    cover;

    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.innerPageHead .pageTitle{
    font-size: min(3rem, 5vw);
    font-weight: 700;
    line-height: 1.6;

    color: #FFFFFF;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
.innerPageHead .pageTitle .eng{
    display: block;
    font-size: 1.8rem;
}
@media screen and ( max-width:767px) {
    .innerPageHead{
        min-height: 60vw;

        background-position: 
        center left -45vw,
        center right -9vw, 
        top center;
        background-size: 
        auto 80%,
        auto 60%,
        cover;
    }
}

.tmpBox{
    width: 100%;
    padding: 80px 20px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.6;
}
















/* ゲットマイカー6つのポイント */
.service6points{
    width: 100%;
    background-color: #eef4fc;
    padding: 80px 0px;
}
.pointsUnit {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    padding: 30px 10px;
    display: flex;
    gap: 50px;

    border-bottom: #c1d9f0 1px solid;
}
.pointsUnit:nth-child(even){
    flex-direction: row-reverse;
}
.pointsUnit .textContentGroup{
    position: relative;

    flex: 1;
    padding: 0 20px;
}
.pointsUnit .textContentGroup .icon{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0.08;
    width: 400px;
    height: 400px;
}
.pointsUnit .textContentGroup .icon img{
    width: 100%;
    height: 100%;
}
.pointsUnit .textContentGroup .unitLabel{
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 14px;
}
.pointsUnit .textContentGroup .unitLabel .num{
    font-size: 4rem;
}
.pointsUnit .textContentGroup .sectionTitle{
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.6;
    color: #FFFFFF;
    position: relative;
    margin: 20px 0;
    z-index: 1;
    text-wrap: balance;
}
.pointsUnit .textContentGroup .sectionTitle::before {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-text-stroke: 8px #00183D;
    z-index: -1;
}
.pointsUnit.one .textContentGroup .sectionTitle::before {
    content: "自社ローンでマイカー購入";
}
.pointsUnit.two .textContentGroup .sectionTitle::before {
    content: "GPS装置の取付け無し！";
}
.pointsUnit.three .textContentGroup .sectionTitle::before {
    content: "全車ピカピカ仕上げ！";
}
.pointsUnit.four .textContentGroup .sectionTitle::before {
    content: "全車6ヶ月100箇所の保証付き";
}
.pointsUnit.five .textContentGroup .sectionTitle::before {
    content: "代車無料貸出し致します！";
}
.pointsUnit.six .textContentGroup .sectionTitle::before {
    content: "ステップアップローン可能です！";
}
.pointsUnit .textContentGroup .longCopy{
    font-size: 1.8rem;
    line-height: 1.6;
    font-weight: 700;
    text-align: center;
}
.pointsUnit .textContentGroup .desc{
    font-size: 1.4rem;
    line-height: 1.8;
    width: 100%;
    margin: 20px auto;
    border-top: #333333 1px dotted;
    padding-top: 20px;
}
.pointsUnit .imageContentGroup{
    width: 100%;
    flex: 1;

    display: flex;
    justify-content: center;
    align-items: center;
}
.pointsUnit .imageContentGroup img{
    width: 90%;
    height: auto;
    aspect-ratio: 1.618/1;
    object-fit: cover;
}
@media screen and ( max-width:767px) {
    .service6points{
        padding: 40px 0px;
    }
    .pointsUnit,
    .pointsUnit:nth-child(even){
        flex-direction: column;
        gap: 20px;
    }
	.pointsUnit .textContentGroup .icon{
		width: 80%;
		height: auto;
	}
	.pointsUnit .imageContentGroup iframe{
		width: 100%;
	}
}

/* 充実のアフターサービス */
.afterserviceSec{
    width: 100%;
    background-color: #f1c648;
    padding: 40px 0px 80px;
}
.afterserviceUnit {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    padding: 30px 10px;
    display: flex;
    gap: 50px;
}
.afterserviceUnit .textContentGroup{
    position: relative;

    flex: 1;
    padding: 0 20px;
    overflow: hidden;
}
.afterserviceUnit .textContentGroup > *{
    z-index: 2;
    position: relative;
}
.afterserviceUnit .textContentGroup .icon{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0.08;
    width: 400px;
    height: 400px;
    z-index: 1;
}
.afterserviceUnit .textContentGroup .icon img{
    width: 100%;
    height: 100%;
}
.afterserviceUnit .textContentGroup .unitLabel{
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 14px;
}
.afterserviceUnit .textContentGroup .sectionTitle{
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.6;
    color: #FFFFFF;
    position: relative;
    margin: 16px 0 20px;
    z-index: 1;
    text-wrap: balance;
}
.afterserviceUnit .textContentGroup .sectionTitle::before {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-text-stroke: 8px #322f27;
    z-index: -1;
}
.afterserviceUnit .textContentGroup .sectionTitle::before {
    content: "ゲットマイカーでご購入いただいたすべての車に6ヶ月間100箇所のアフター保証付き！";
}
.afterserviceUnit .textContentGroup .longCopy{
    font-size: 1.8rem;
    line-height: 1.6;
    font-weight: 700;
    text-align: center;
}
.afterserviceUnit .textContentGroup .desc{
    font-size: 1.6rem;
    line-height: 1.8;
    width: 100%;
    margin: 20px auto;
    border-top: #333333 1px dotted;
    padding-top: 20px;
}
.afterserviceUnit .imageContentGroup{
    width: 100%;
    flex: 1;

    display: flex;
    justify-content: center;
    align-items: center;
}
.afterserviceUnit .imageContentGroup img{
    width: 90%;
    height: auto;
    aspect-ratio: 1.618/1;
    object-fit: cover;
}
.afterserviceUnit .wideBtn{
    width: 100%;
    text-align: center;
    display: block;
    padding: 12px 10px;
    background-color: #e29427;
    color: #FFFFFF;
    font-weight: 700;
    border-radius: 6px;
}
.afterserviceSec2{
    width: 100%;
    padding: 80px 20px;
}
.afterserviceSec2 .af2Unit{
    width: 100%;
    max-width: 900px;
    margin: 80px auto;

    font-size: 1.6rem;
    line-height: 1.8;
}
.afterserviceSec2 .af2Unit .groupTitle{
    text-align: left;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.6;
    color: #00183D;
    position: relative;
    margin: 16px 0 20px;
    z-index: 1;
    text-wrap: balance;

    border-left: 10px #00183D solid;
    padding-left: 12px;
}
.afterserviceSec2 .af2Unit .longCopy{
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    padding: 18px 20px;
    background-color: #d5e5f4;
}
@media screen and ( max-width:767px) {
    .service6points{
        padding: 40px 0px;
    }
    .afterserviceUnit{
        flex-direction: column;
        gap: 20px;
    }
}

/* 在庫車 掲載情報 */
.publicationSec{
    width: 100%;
    padding: 40px 20px 80px;
	text-align: center;
}
.publicationSec .desc{
	font-size: 1.6rem;
	line-height: 1.8;
}
.publicationSec .pabLink{
	display: flex;
    justify-content: center;
	gap: 20px;
	padding: 30px 0;
}
.publicationSec iframe{
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
@media screen and ( max-width:767px) {
	.publicationSec .pabLink{
		flex-direction: column;
	}
}

/* 会社概要 */
.aboutGreetingSec{
    width: 100%;
    margin-top: 30px;
    padding-top: 130px;

    background-image: 
    url(../image/aboutdeco_car_left.svg),
    url(../image/aboutdeco_car_right.svg),
    url(../image/graytext_getmycar.svg);
    background-repeat: no-repeat;
    background-position: left 10% top 0, right 10% top, center top;
    background-size: 200px auto, 200px auto, auto 140px;
}
.aboutGreetingSec .inner{
    width: 100%;
    max-width: 1000px;
    padding: 40px;
    margin: 0 auto;
    background-color: #F6F4F0;

    font-size: 1.6rem;
    line-height: 1.8;
}
.aboutGreetingSec .sectionTitle{
    text-align: center;
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 40px;
}
.aboutComInfoSec {
    width: 100%;
    max-width: 1300px;
    margin: 80px auto;
}
.aboutComInfoSec .conInfoOver{
    display: flex;
    justify-content: space-between;
    margin: 80px 0;
    padding: 0 20px;
    gap: 30px;
}
.aboutComInfoSec .conInfoOver dl{
    margin-top: 20px;
}
.aboutComInfoSec .conInfoOver dl .row{
    display: flex;
    padding: 8px 0;
}
.aboutComInfoSec .conInfoOver dl dt{
    width: 100px;
}
.aboutComInfoSec .conInfoUnder{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 80px 0;
    padding: 0 20px;
    gap: 30px;
}
.aboutComInfoSec .conInfoUnder .leftBox{
    flex: 1;
}
.aboutComInfoSec .conInfoUnder .rightBox{}
.aboutComInfoSec .conInfoUnder .rightBox p{
    margin-top: 20px;
    font-size: 1.4rem;
    line-height: 1.8;
}
.aboutComInfoSec .conInfoUnder iframe{
    width: 100%;
    height: 500px;
}
.aboutImgListSec{
    width: 100%;
    max-width: 1300px;
    margin: 80px auto;
    padding: 0 20px;
}
.aboutImgListSec ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.aboutImgListSec ul li{
    width: 30%;
}
.aboutImgListSec ul li img{
    width: 100%;
    height: auto;
}
.aboutImgListSec ul li p{
    font-size: 1.4rem;
    line-height: 1.8;
    padding: 20px 0;
}
.aboutBottomDeco{
    margin-top: 80px;
    text-align: center;
}
@media screen and ( max-width:767px) {
    .aboutGreetingSec{
        width: 100%;
        margin-top: 30px;
        padding-top: 60px;
        background-position: left -5% top 0%, right -5% top 0, center top;
        background-size: 20vw 60px, 20vw 60px, auto 50px;
    }
    .aboutGreetingSec .inner{
        width: 100%;
        max-width: 1000px;
        padding: 40px 20px;
        margin: 0 auto;
        background-color: #F6F4F0;
    
        font-size: 1.6rem;
        line-height: 1.8;
    }

    .aboutComInfoSec .conInfoOver{
        flex-direction: column;
    }
    .aboutComInfoSec .conInfoUnder{
        flex-direction: column;
    }
    .aboutComInfoSec .conInfoOver iframe,
    .aboutComInfoSec .conInfoUnder iframe{
        width: 100%;
        height: calc( 300px );
    }
    .aboutComInfoSec .conInfoOver dl .row{
        flex-direction: column;
        gap: 10px;
        border-bottom: #ccc 1px dotted;
    }
    .aboutComInfoSec .conInfoOver dl dt{
        font-weight: 700;
        font-size: 1.2rem;
    }
    .aboutImgListSec{
        padding: 0 20px;
    }
    .aboutImgListSec ul li{
        width: calc( 50% - 10px ) ;
    }
}


/* よくある質問 */
.questionSec{
    width: 100%;
    padding: 80px 20px;
    max-width: 1100px;
    margin: 0 auto;
}
.questionSec .sectionTitle{
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}
.questionSec .questionGroupUnit{
    display: flex;
    gap: 20px;
    margin: 30px 0;
}
.questionSec .desc{
    text-align: center;
    margin: 30px 0;
    line-height: 1.8;

}
.questionSec .questionGroupUnit .groupTitle{
    width: 300px;

    font-size: 2.4rem;
    font-weight: 700;
    background-color: #e5f3ff;
    padding: 30px 20px;
    color: #1D569B;
}
.questionSec .questionGroupUnit ul{
    flex: 1;
    border-left: #1D569B 2px solid;
    padding: 30px 0 30px 20px;
    background-color: #f5f9ff;
}
.questionSec .questionGroupUnit ul li a{
    display: block;
    padding: 12px;
    display: flex;
    align-items: flex-start;
    line-height: 1.6;
}
.questionSec .questionGroupUnit ul li a::before{
    content: "Q";
    font-size: 1.6rem;
    font-family: "Oswald", serif;
    font-weight: 700;
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background-color: #1D569B;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    margin-top: -0.2em;

    flex-shrink: 0;
}
.questionSec .questionGroupUnit ul li a:hover{
    font-weight: 700;
    color: #1D569B;
}
.answerSec{
    width: 100%;
    background-color: #f7f7f7;
    padding: 80px 0;
}
.answerSec .sectionTitle{
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}
.answerSec .answeGgroup{
    width: 100%;
    max-width: 1100px;
    margin: 40px auto 80px;
    padding: 0 20px;
}
.answerSec .answeGgroup .groupTitle{
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
}
.answerSec .answeGgroup .qaUnit{
    padding: 40px 0px;
    border-bottom: #CCC 1px solid;
}
.answerSec .answeGgroup .qaUnit .question{
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6;
    color: #1D569B;
    padding-left: 30px;
}
.answerSec .answeGgroup .qaUnit .question::before{
    content: "QUESTION";
    font-size: 1.4rem;
    font-family: "Oswald", serif;
    font-weight: 700;
    display: block;
    margin-bottom: 6px;
}
.answerSec .answeGgroup .qaUnit .answer{
    font-size: 1.6rem;
    line-height: 1.6;
    margin-top: 30px;

    width: 100%;
    background-color: #FFF;
    border-radius: 16px;
    padding: 20px 30px;
}
.answerSec .answeGgroup .qaUnit .answer::before{
    content: "ANSWER";
    font-size: 1.4rem;
    font-family: "Oswald", serif;
    font-weight: 700;
    display: block;
    margin-bottom: 6px;
    color: #E27227;
}
@media screen and ( max-width:767px) {
    .questionSec .questionGroupUnit{
        flex-direction: column;
        gap: 10px;
    }
    .questionSec .questionGroupUnit .groupTitle{
        width: 100%;
        padding: 18px 20px;
    }
    .questionSec .questionGroupUnit ul{
        padding: 20px 0 20px 0px;
    }
}

/* 自社ローン */
.lonePageHeadSec{
    width: 100%;
    text-align: center;

    background-image: url(../image/loneheadbg_deco.svg);
    background-repeat: no-repeat;
    background-size: 120vw;
    background-position: center top;
    background-position-y: -10vw;

    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 60px;
    padding: 140px 20px 60px;
}
.lonePageHeadSec .imgWrapper{
    margin-bottom: -100px;
    z-index: 5;
}
.loneMovieSec{
    width: 100%;
    background-color: #F6F4F0;
    position: relative;
}
.loneMovieSec .inner{
    padding: 40px 20px 80px;

    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 5;
    overflow: hidden;
}
.loneMovieSec .desc{
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 40px;
}
.loneMovieSec .desc .min{
    font-size: 1.6rem;
}
.loneMovieSec .desc2{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.8;
    margin-top: 40px;
}
.loneMovieSec .desc2 .pop{
    display: inline-block;
    margin: 10px 10px 10px;
    padding: 8px 18px;
    background-color: #FFF;
    border-radius: 200px;
    text-shadow: 0px 0px 6px rgba(236, 156, 29, 0.6);
}
.loneMovieSec::after{
    display: block;
    width: 100%;
    height: 300px;
    content: "";
    opacity: 0.06;
    background-image: url(../image/lonebg_getmycar.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 200px;
    z-index: 1;
}

.loneShikumiSec{
    width: 100%;
}
.loneShikumiSec .inner{
    width: 100%;
    padding: 40px 20px;
    max-width: 1300px;
    margin: 0 auto;

    text-align: center;
}
.loneShikumiSec .sectionTitle .sub{
    display: block;
    font-size: 2rem;
    font-weight: 700;
}
.loneShikumiSec .sectionTitle .em{
    display: block;
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.6;
    color: #FFFFFF;
    position: relative;
    margin: 20px 0;
    z-index: 1;
    text-wrap: balance;
}
.loneShikumiSec .sectionTitle .em::before {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-text-stroke: 6px #333333;
    z-index: -1;
    content: "ゲットマイカーの自社ローンの仕組み";
}
.loneShikumiSec .shikumiImgWrapper{
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 50px;
}
.loneShikumiSec .shikumiImgWrapper .desc{
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
    margin-top: 40px;

    width: 100%;
    padding: 20px;
    background-color: #c1d9f0;
    border-radius: 20px;
}
.loneDevider{
    width: 100%;
    min-height: 300px;
    background-image: url(../image/pageheaderbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.loneMerittSec{
    width: 100%;
    background-color: #F0EDE3;
    text-align: center;
    padding: 80px 20px;

    background-image: 
    url(../image/lonemeritt_bgcargreen.svg),
    url(../image/lonemeritt_bgcargray.svg),
    url(../image/lonemeritt_bgdot.svg);
    background-repeat: no-repeat;
    background-position: 
    left -10vw top 3vw,
    right -10vw bottom 10vw,
    right -2vw top -2vw;
    background-size: 30vw, 30vw, 18vw;
}
.loneMerittSec .sectionTitle{
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.8;
}
.loneMerittSec .colorDevider{
    margin: 40px 0;
}
.loneMerittSec .merritUnit{
    width: 100%;
    max-width: 900px;
    margin: 40px auto;

    text-align: left;
    display: flex;
    justify-content: flex-start;
    gap: 40px;
}
.loneMerittSec .merritUnit .imgIcon{
    width: 140px;
    height: 140px;
    background-color: #FFFFFF;
    border-radius: 500px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.loneMerittSec .merritUnit .textGroup{
    flex: 1;
}
.loneMerittSec .merritUnit .tag{
    font-size: 1.2rem;
    font-weight: 700;
    display: block;
    padding: 4px 0px;
    background-color: #FABD1A;
    width: 140px;
    text-align: center;
    margin-bottom: 10px;
}
.loneMerittSec .merritUnit .subject{
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.8;
    color: #1D569B;
    margin-bottom: 6px;
}
.loneMerittSec .merritUnit .desc{
    line-height: 1.6;
}
.loneSalesFlowSec{
    width: 100%;
    background-color: #FFFFFF;
    text-align: center;
    padding: 80px 20px;

    background-image: 
    url(../image/flowbg_left.svg),
    url(../image/flowbg_right.svg);
    background-repeat: no-repeat;
    background-position: left -10vw top 5vw, right -10vw top 5vw;
    background-size: 40vw auto, 40vw auto;
}
.loneSalesFlowSec .sectionTitle{
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 30px;
}
.loneSalesFlowSec .sectionTitle .min{
    display: block;
    font-size: 1.4rem;
    padding-top: 30px;
    background-image: url(../image/titlecrown.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px auto;
}
.loneSalesFlowSec .colorDevider{
    margin: 40px 0;
}
.loneSalesFlowSec .flowUnit{
    width: 100%;
    max-width: 900px;
    margin: 40px auto;

    text-align: left;
    display: flex;
    justify-content: flex-start;
    gap: 40px;
}
.loneSalesFlowSec .flowUnit .imgIcon{
    width: 140px;
    height: 140px;
    background-color: #FFFFFF;
    border-radius: 500px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.loneSalesFlowSec .flowUnit .textGroup{
    flex: 1;
}
.loneSalesFlowSec .flowUnit .label{
    font-size: 1.4rem;
    font-weight: 700;
    display: block;
    padding: 2px 0px;
    margin-bottom: 10px;
    border-left: #0C8F71 6px solid;
    padding-left: 10px;
}
.loneSalesFlowSec .flowUnit .subject{
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.8;
    color: #B38200;
    margin-bottom: 6px;
}
.loneSalesFlowSec .flowUnit .desc{
    line-height: 1.6;
    font-size: 1.4rem;
}
@media screen and ( max-width:767px) {
    .lonePageHeadSec{
        flex-direction: column;
        gap: 20px;
        justify-content: center;
        align-items: center;
    }
    .loneShikumiSec .shikumiImgWrapper{
        flex-direction: column;
        align-items: center;
    }
    .loneMerittSec .merritUnit{
        flex-direction: column;
    }
    .loneMerittSec .merritUnit .imgIcon{
        margin: 0 auto;
    }
    .loneSalesFlowSec .flowUnit{
        flex-direction: column;
        align-items: center;
    }
    .loneSalesFlowSec .flowUnit .imgIcon{
        margin: 0 auto;
    }
    .loneSalesFlowSec .flowUnit .textGroup{
        width: 100%;
    }
}

/* 買取・下取り */

.buymackMerittSec{
    width: 100%;
    background-color: #F0EDE3;
    text-align: center;
    padding: 80px 20px;

    background-image: 
    url(../image/lonemeritt_bgcargreen.svg),
    url(../image/lonemeritt_bgcargray.svg),
    url(../image/lonemeritt_bgdot.svg);
    background-repeat: no-repeat;
    background-position: 
    left -10vw top 3vw,
    right -10vw bottom 10vw,
    right -2vw top -2vw;
    background-size: 30vw, 30vw, 18vw;
}
.buymackMerittSec .sectionTitle{
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.8;
}
.buymackMerittSec .colorDevider{
    margin: 40px 0;
}
.buymackMerittSec .copy{
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 30px;
}
.buymackMerittSec .headGroup{
    margin-bottom: 80px;
}
.buymackMerittSec .merritUnit{
    width: 100%;
    max-width: 900px;
    margin: 40px auto;

    text-align: left;
    display: flex;
    justify-content: flex-start;
    gap: 40px;
}
.buymackMerittSec .merritUnit .imgIcon{
    width: 140px;
    height: 140px;
    background-color: #FFFFFF;
    border-radius: 500px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.buymackMerittSec .merritUnit .textGroup{
    flex: 1;
}
.buymackMerittSec .merritUnit .tag{
    font-size: 1.2rem;
    font-weight: 700;
    display: block;
    padding: 4px 0px;
    background-color: #FABD1A;
    width: 140px;
    text-align: center;
    margin-bottom: 10px;
}
.buymackMerittSec .merritUnit .subject{
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.8;
    color: #1D569B;
    margin-bottom: 6px;
}
.buymackMerittSec .merritUnit .desc{
    line-height: 1.6;
}
.buybackFlowSec{
    width: 100%;
    background-color: #FFFFFF;
    text-align: center;
    padding: 80px 20px;

    background-image: 
    url(../image/flowbg_left.svg),
    url(../image/flowbg_right.svg);
    background-repeat: no-repeat;
    background-position: left -10vw top 5vw, right -10vw top 5vw;
    background-size: 40vw auto, 40vw auto;
}
.buybackFlowSec .sectionTitle{
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 30px;
}
.buybackFlowSec .sectionTitle .min{
    display: block;
    font-size: 1.4rem;
    padding-top: 30px;
    background-image: url(../image/titlecrown.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px auto;
}
.buybackFlowSec .colorDevider{
    margin: 40px 0;
}
.buybackFlowSec .flowUnit{
    width: 100%;
    max-width: 900px;
    margin: 40px auto;

    text-align: left;
    display: flex;
    justify-content: flex-start;
    gap: 40px;
}
.buybackFlowSec .flowUnit .imgIcon{
    width: 140px;
    height: 140px;
    background-color: #FFFFFF;
    border-radius: 500px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.buybackFlowSec .flowUnit .textGroup{
    flex: 1;
}
.buybackFlowSec .flowUnit .label{
    font-size: 1.4rem;
    font-weight: 700;
    display: block;
    padding: 2px 0px;
    margin-bottom: 10px;
    border-left: #0C8F71 6px solid;
    padding-left: 10px;
}
.buybackFlowSec .flowUnit .subject{
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.8;
    color: #B38200;
    margin-bottom: 6px;
}
.buybackFlowSec .flowUnit .desc{
    line-height: 1.6;
    font-size: 1.4rem;
}
@media screen and ( max-width:767px) {
    .buymackMerittSec .merritUnit{
        flex-direction: column;
    }
    .buymackMerittSec .merritUnit .imgIcon{
        margin: 0 auto;
    }
    .buybackFlowSec .flowUnit{
        flex-direction: column;
        align-items: center;
    }
    .buybackFlowSec .flowUnit .imgIcon{
        margin: 0 auto;
    }
    .buybackFlowSec .flowUnit .textGroup{
        width: 100%;
    }
}
/* お問い合わせ */


/*  */
.contactFormWrapper{
    width: 100%;
    background-color: #FFFFFF;
    padding: 80px 10px;

    background-image: 
    url(../image/flowbg_left.svg),
    url(../image/flowbg_right.svg);
    background-repeat: no-repeat;
    background-position: left -200px top 10vw, right -240px top 30px;
    background-size: 600px auto, 520px auto;
}
@media screen and ( max-width:999px) {
	.contactFormWrapper{
		background-position: right 900px top 10vw, left 900px top 10vw;
	}
}
.contactFormWrapper .inner{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.privacySec{
	width: 100%;
	max-width: 900px;
	padding: 40px 60px;
	margin: 0 auto 200px;
	font-size: 1.3rem;
	line-height: 1.8;
	background-color: #E3ECF0;
	border-top: #1D569B 8px solid;
}
.privacySec .sectionTitle{
	font-size: 2.2rem;
	font-weight: 700;
	text-align: center;
}
.privacySec > .desc{
	margin: 30px 0;
}
.privacySec .riyoumokuteki .gtitle{
	font-size: 1.6rem;
	font-weight: 700;
	margin: 20px 0 10px;
	text-align: center;
	background-color: #ccdee5;
}
.privacySec .riyoumokuteki ul{
	margin: 20px 0;
	padding-left: 20px;
}
.privacySec .madoguchi{
	width: 100%;
	padding: 10px 20px;
	background-color: #FFFFFF;
	border-radius: 8px;
	text-align: center;
}
.privacySec .aboutAnalitics .groupTitle{
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	margin: 30px 0 10px;
	background-color: #ccdee5;
}

@media screen and ( max-width:767px) {
	.contactFormWrapper{
		background-image: none;
	}
	.privacySec{
		padding: 40px 20px;
	}
}
.wp-block-embed__wrapper{
	text-align: center;
}
.smf-control-description{
	font-size: 13px;
}
.smf-item__description > mark{
	display: inline-block;
	padding: 3px;
	font-size: 13px;
	border-radius: 4px;
}

/* お知らせ一覧 */
.newsList{
	padding: 40px 0 80px;
}
.newsList .sectionTitle{
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 60px;
	text-align: center;
}
.newsList .sectionTitle .min{
    display: block;
    font-size: 1.4rem;
    padding-top: 30px;
    background-image: url(../image/titlecrown.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px auto;
}
.newsListUnit{
	display: block;
	background-color: #eee;
	width: 100%;
	max-width: 900px;
	margin: 10px auto;
	padding: 20px;
	display: flex;
	justify-content: flex-start;
	gap: 30px;
	
	font-size: 1.4rem;
}
.newsListUnit .text_box{
	flex: 1;
}
.newsListUnit .subject{
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 1.8rem;
}
.newsListUnit .img img{
	width: 220px;
	height: 220px;
	object-fit:cover;
}

@media screen and ( max-width:767px) {
	.newsListUnit{
		flex-direction: column;
	}
	.newsListUnit .img{
		text-align: center;
	}
}


.singleMain{
	width: 100%;
	max-width: 800px;
	padding: 40px 20px 80px;
	margin: 0 auto;
	line-height: 1.8;
}
.singleMain .entry-title{
	font-size: 2.2rem;
	font-weight: bold;
/* 	margin-bottom: 30px; */
}
.singleMain .entry-header{
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: #eee 1px solid;
}
.singleMainHeadBc{
	font-size: 1.2rem;
	margin-bottom: 40px;
}
.singleMainHeadBc a{
	display: inline-block;
	margin: 0 8px;
}
.singleMain a{
	color: #1d569b;
	text-decoration: underline;
}
.singleMain .entry-content p{
	margin-bottom: 1em;
}
.singleMain .nav-previous{}

/*  */
.pager{
	padding: 30px 0;
	text-align: center;
}
.pager .page-numbers{
	padding: 8px;
	border: #eeeeee 1px solid;
	border-radius: 3px;
}