/*
Theme Name: ドライブアップ
Theme URI:https://ds-driveup.com/
Description:
Version: 1.0.0
Author: ドライブアップ
Author URI:https://ds-driveup.com/
*/



html,body,h1,h2,h3 {
	padding: 0;
	margin: 0;
    box-sizing: border-box;
    color: var(--text-color);
}
div {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.textCenter {
    text-align: center;
}

:root {
    --text-color: #57492c;
    --text-darkcolor: #2f2718;
    --text-red: #c95151;
    --main-yellow: #ffd900;
    --thin-yellow: #fef3b1;
    --dark-yellow: #e4c681;
    --main-gray: #eee;
    --main-gray2: #f9f9f9;
    --button-blue: #1f76be;
    --button-darkblue: #32568c;
    --button-brown: #4d4032;

    --text-llarge: 2rem;
    --text-large: 1.5rem;
    --text-medium: 16px;
    --text-standard: 14px;
    --text-small: 10px;
    --text-ssmall: 8px;
    --text-h1: 3rem;
    --text-h2: 2rem;
    --text-h3: 1.5rem;
    --border1: solid 1px #eee;

    --border-r100: 100%;
    --border-r10: 10px;
    --border-r5: 5px;
  }
@font-face {
    font-family: "myfont"; /*任意のフォントファミリー名でOK*/
    src: url("font/dejima-mincho-r227.ttf") format("truetype"); /*fontがあるパスを書いて、formatを指定*/
    font-display: swap; /*ダウンロード状況に応じてフォントの表示を変える*/
}
html {
    font-family: "myfont",sans-serif;
}
a {
    color: var(--text-color);
}

h1 {
    font-family: sans-serif;
}
p {
    font-size: var(--text-standard);
    line-height: 1.4rem;
}




/* スマホ */
/* @media (max-width: 599px) { */

    /* トップページの見出し関係 */
    h2.topMidashiTitle {
        text-align: center;
        font-size: 2.5rem;
        font-weight: normal;
        color: var(--text-darkcolor);
        position: relative;
        margin: 0 2rem;
        margin-bottom: 50px;
    }
    h2.topMidashiTitle::before {
        position: absolute;
        border-bottom: 6px solid var(--main-yellow);
        top: 120%;
        left: 50%;
        transform: translateX(-50%);
        width: 150px;
        content: '';
    }
    h2.topMidashiTitle span {
        font-size: 1.5rem;
    }

    /* ボタン */
    .button {
        margin: 0;
        margin-top: 1.5rem;
        width: 100%;
        text-align: center;
    }
    a.buttonBlue,a.buttonBrown,a.buttonRed {
        background: var(--button-blue);
        color: #fff;
        padding: 1rem;
        margin: auto;
        display: block;
        width: 60%;
        border-radius: 100px;
    }
    a.buttonBrown {
        background: var(--button-brown);
        text-decoration: none;
    }
    a.buttonRed {
        background: #d16065;
        text-decoration: none;
    }

    header,main,footer {
        box-sizing: border-box;
    }
    header#pcHead { display: none; }
    header#spHead {
        display: block;
    }
    header {
        position: fixed;
        z-index: 999;
        top: 0;
        width: 100%;
        box-sizing: border-box;
        border-bottom: solid 1px #fbd92d;
        background: var(--main-yellow);
        padding-top: 0.5rem;
        box-shadow: 0px 3px 8px rgba(53, 50, 32, 0.1);
    }
    header #headerColumn {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    header #headerLogo {
        height: 50px;
        flex-basis: 50px;
        padding-left: 0.5rem;
    }
    header #headerLogo img {
        height: 100%;
    }
    header #headerTitle {
        width: 100%;
        flex-basis: auto;
        flex-basis: calc( 100% - 180px );
    }
    header #headerTitle h1 {
        font-size: 1rem;
    }
    header #headerTitle h1 img {
        width: 190px;
    }
    header #headerTitle #catch {
        font-size: var(--text-ssmall);
        font-weight: bold;
        font-family: sans-serif;
        font-feature-settings: "palt";
        margin-top: 2px;
    }
    header #headerTel {
        padding: 0.8rem;
        flex-basis: 50px;
    }
    header #headerTel img {
        filter: invert(11%) sepia(12%) saturate(2009%) hue-rotate(1deg) brightness(101%) contrast(88%);
    }
    header #navButton {
        margin-right: 0.5rem;
        background: #fff;
        box-sizing: border-box;
        padding: 0.8rem;
        margin-bottom: 0.5rem;
        width: 45px;
        height: 45px;
        border-radius: var(--border-r10);
        display: flex;
        justify-content: center;
    }
    header #navButton img {
        vertical-align: top;
    }

    header nav {
        display: none;
        width: 100%;
        z-index:0;
        box-shadow: 0px 8px 10px rgba(53, 50, 32, 0.1);

    }
    header nav ul {
        margin: 1rem;
        margin-top: 0.5rem;
        padding: 0;
        background: #fff;
        margin: 1rem;
        padding: 1rem;
        border-radius: 10px;
    }
    header nav li {
        list-style: none;
        border-top: solid 1px #eee;
    }
    header nav li:first-child {
        border: none;
    }
    header nav li a {
        display: block;
        color: var(--text-color);
        padding: 1rem;
        text-decoration: none;
    }


		/*スライダー関係はslick/common.cssに*/

    main#topMain {
        transform: translate(0, -80px);
    }

    main section {
        margin-top: 6rem;
    }
    main section#topAreaInfo {
        margin-top: 0;
    }
    #topAreaInfo {
        border-radius: 20px;
        box-shadow: 0px 0px 14px rgba(53, 50, 32, 0.3);
        margin: 1.7rem;
        text-align: center;
        background-size: 7px 7px;
        background-image:linear-gradient(
            -45deg,
            var(--main-yellow),
            var(--main-yellow) 48.5%,
            var(--dark-yellow) 49.5%,
            var(--dark-yellow) 50.5%,
            var(--main-yellow) 51.5%,
            var(--main-yellow)
        );
        padding: 1rem;
    }
    #fourken {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 1rem;
    }
    #fourken div {
        background: #fff;
        padding: 0.8rem 2rem;
        margin: 0.2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(50% - 0.4rem);
        border-radius: 20px;
        font-weight: bold;
        font-family: sans-serif;
        color: #e92f38;
        font-size: 1.5rem;
        box-shadow: 0px 0px 8px rgba(216, 200, 120, 0.8);
    }
    #topAreaInfo p {
        font-size: var(--text-standard);
        margin: 0;
				letter-spacing: -2px;
    }
    #topAreaInfo h2 {
        font-size: var(--text-medium);
        font-weight: bold;
        font-family: sans-serif;
        color: #d16065;
        font-size: 1.4rem;
        margin-bottom: 1rem;
    }


    main section#topCamp {
        background: #fafafa;
        margin: 2rem 0;
				padding: 0.4rem;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-wrap: wrap;
    }
		main section#topCamp div {
			height: 100%;
			padding: 0.2rem;
		}
		main section#topCamp div img {
			width: 100%;
			max-height: 100px;
		}



    /* トップページ　悩み */
    #nayami img {
        width: 100%;
        vertical-align: bottom;
    }
    #nayami > div {
        background: var(--main-yellow);
        padding: 1.5rem;
    }
    #nayami div h2 {
        font-weight: normal;
        font-size: 2rem;
        color: var(--text-darkcolor);
    }
    #nayami div h2 span {
        font-size: 1.5rem;
    }
    #nayami div h2 strong {
        color: var(--text-red);
    }
    #nayami div p {
        line-height: 1.6rem;
    }
    #nayami div p span {
        background: #fff;
    }

    /* トップ　選ばれる理由 */
    .erabareruBox {
        background: #eee;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-size: cover;
    }
    .erabareruBox div {
        border-radius: 2px;
        display: inline;
        padding: 0.4rem;
        background:rgba(255, 255, 255, 0.8);
    }
    .erabareru1 { background-image: url(images/top_erabareru01.jpg);}
    .erabareru2 { background-image: url(images/top_erabareru02.jpg);}
    .erabareru3 { background-image: url(images/top_erabareru03.jpg);}
    .erabareru4 { background-image: url(images/top_erabareru04.jpg);}
    .erabareruText{
        padding: 2rem;
        background: var(--thin-yellow);
        font-size: var(--text-standard);
    }
    .coloeGray {
        background: #f4f4f4;
    }
    .coloeYellow {
        background: var(--thin-yellow);
    }
    .erabareruText h3{
        margin: 2rem;
        text-align: center;
        font-size: var(--text-h3);
        font-weight: normal;
        margin: 0;
    }
    #erabareruMore {
        display: flex;
        justify-content: end;
    }
    #erabareruMore a {
        display: block;
        width: 40%;
        padding: 0.8rem;
        background: var(--text-darkcolor);
        text-align: center;
        color: #fff;
        font-size: var(--text-small);
        border-radius: 0 0 0 20px;
        text-decoration: none;
    }


    /* トップ　料金 */
    #priceBox {
        background: #f0f0f0;
        padding: 2rem 1rem;
    }
    #syokai,#priceTable {
        background: #fff;
        padding: 1.5rem;
        margin-top: 1rem;
    }
    #syokai h3 {
        background: var(--main-yellow);
        text-align: center;
        padding: 0.6rem;
        font-size: 1.5rem;
        font-weight: normal;
        margin-top: -50px;
    }
    #priceBox img {
        width: 100%;
    }

    #priceTable h4 {
        font-weight: normal;
        font-size: var(--text-large);
        margin-bottom: 1rem;
        position: relative;
    }
    #priceTable h4::after {
        content: "";
        border-top: solid 1px #ada69d;
        width: 60%;
        position: absolute;
        right: 0; top: 50%;
    }
    table {
        width: 100%;
    }
    table th {
        padding: 0.8rem 0.5rem;
        font-weight: normal;
        background: var(--main-yellow);
        text-align: center;
        font-size: small;
        border-bottom: solid 1px #f7dc7a;
    }
    table th:first-child {
        border-radius: 7px 0 0 0;
    }
    table th:last-child {
        border-radius: 0 7px 0 0;
    }
    table td {
        padding: 0.8rem 0.5rem;
        text-align: center;
        border-bottom: solid 1px #eee;
        font-family: sans-serif;
    }
    table td div.tableFontS {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        padding: 0rem;
    }
    table td div.tableFontS div {
        font-size: var(--text-small);
        color: #baa077;
    }
    table td div.tableFontS div.nami {
        transform: scale(1, 1.5) rotate(90deg);
        height: 100%;
        font-size: var(--text-standard);
        margin: 0 0.5rem;
        margin-left: 1.5rem;
    }
    .tdNami {
        padding: 0.5rem;
    }
    #topPrice ul {
        margin: 1rem;
        margin-bottom: 3rem;
        padding: 0;
        font-size: var(--text-standard);
    }
    #topPrice ul li {
        margin-bottom: 0.4rem;
    }
    #priceHoka {
        font-family: sans-serif;
        font-weight: bold;
        text-align: center;
    }

    #topHouzin {
        margin: 1rem;
    }
    #topHouzin img {
        width: 100%;
				border: solid 1px #eee;
    }


    /* 教習までの流れ */
    #topNagare {
        background: var(--thin-yellow);
        padding: 1.5rem 0;
        padding-top: 2rem;
        padding-bottom: 0;
    }
    #topNagare h2 {
        font-size: 2.3rem;
    }


    .nagareBox {
        display: flex;
        margin: 0 1.5rem;
        margin-bottom: 0.5rem;
    }
    .nagareBoxNum {
        background:var(--main-yellow);
        padding: 0.4rem;
        padding-bottom: 4rem;
        border-radius: 10px 10px 50px 50px;
        margin-right: 0.5rem;
        display: flex;
        justify-content: center;
    }
    .nagareNum {
        background: #fff;
        width: 30px; height: 30px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
    }
    .nagareBoxText h3 {
        font-weight: normal;
        margin-top: 0.5rem;
    }
    .nagareBoxText h3 img {
        width: 1.5rem;
        vertical-align: bottom;
        margin-right: 2px;
    }
    .nagareBoxText p {
        margin-top: 0.4rem;
    }
    #nagareBtnArea {
        display: flex;
        justify-content: center;
        padding: 0 1rem;
    }
    #nagareBtnArea .button a {
        width: 90%;
        box-sizing: border-box;
    }
    #nagareBtnArea .btnHouzin a {
        background: #335784;
    }

    #topVoice {
        background: var(--main-yellow);
        margin-top: 2rem;
        padding: 2rem 0rem;
    }
    #topVoice h3 {
        font-size: var(--text-standard);
        text-align: center;
    }
    #topVoice h3 img {
        width: 1.4rem;
    }
    .voiceBox {
				width: 360px;
        padding: 0 0rem;
        margin-top: 1.5rem;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    .voiceBoxImg {
        width: 25%;
        box-sizing: border-box;
    }
    .voiceBox img {
        width: 100%;
    }
    .voiceBoxP {
        box-sizing: border-box;
        background: #fff;
        padding: 1rem;
        border-radius: 10px;
        width: 75%;
        margin-bottom: 0.4rem;
    }
    .voiceDate {
        width: 100%;
        font-size: var(--text-small);
        text-align: right;
    }





		#corpo h2.corpH2 {
				font-size: 2.4rem;
				padding: 0;
				text-align: center;
				margin-bottom: 2rem;
				font-weight: normal;
		}
    /* よくあるご質問 */
    #topQA {
        padding: 1rem;
    }
    #topQA h2.topMidashiTitle {
        font-size: 2.4rem;
				letter-spacing: -5px;
    }

    .qaBox {
        margin-bottom: 1.5rem;
    }
    .qaBox h3 {
        font-size: var(--text-standard);
        background: var(--main-yellow);
        padding: 1rem;
        padding-right: 2.5rem;
        position: relative;
        border-radius: 5px;
        position: relative;
    }
    .qaBox h3::after {
        color: #fff;
        position: absolute;
        top: -10px; left: -10px;
        content: "Q";
        background-color: var(--text-darkcolor);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px; height: 30px;
        border-radius: 50%;
    }
    .qaBox h3.qaBoxh3a::before{     /*タイトル横の矢印*/
        content:"";
        width: 6px;
        height: 6px;
        border-top: 2px solid;
        border-right: 2px solid;
        /* -webkit-transform: rotate(45deg); */
        position: absolute;
        top:calc( 50% - 3px );
        right: 20px;
        transform: rotate(135deg);
    }
    .qaBox h3.qaBoxh3b::before{     /*タイトル横の矢印*/
        transform: rotate(-45deg);
    }
    .qaBox p {
        display: none;
        margin: 0;
        margin-top: 0.4rem;
        margin-bottom: 1rem;
        padding: 1rem;
        background: var(--thin-yellow);
        border-radius: 10px;
    }


    /* お知らせ */
    #topNewsArea {
        margin: 1.5rem;
    }
    .newsBox {
        margin-top: 0.5rem;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: solid 1px #eee;
        font-size: var(--text-standard);
    }
    .newsDate {
        font-size: var(--text-small);
        display: flex;
        align-items: center;
        margin-bottom: 0.3rem;
    }
    .newsCat {
        padding: 0.2rem;
        background: var(--main-yellow);
        border-radius: 5px;
        margin-left: 0.5rem;
    }
    .camp {
        background: #e795a7;
    }


    /* お問い合わせ・フッター */
    footer {
        font-family: sans-serif;
    }
    #footSns {
        text-align: center;
        color: #fff;
        background: #807778;
        padding: 1.5rem;
    }
    #footSns img {
        width: 1rem;
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(353deg) brightness(104%) contrast(104%);
    }
    #footSns p {
        margin-top: 0;
    }
    footer div#footMain {
        text-align: center;
        padding: 1rem;
        color: #333;
    }
    #footMainTitle {
        font-weight: bold;
    }
    #footMainTel {
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        font-size: 2.5rem;
        font-weight: bold;
    }
    #footMainTel img {
        width: 1.5rem;
        margin-right: 0.4rem;
        filter: invert(18%) sepia(3%) saturate(68%) hue-rotate(314deg) brightness(102%) contrast(96%);
    }
    #footMainButton {
        margin: 2rem 0;
        display: flex;
        flex-wrap: wrap;
				justify-content: center;
    }
    #footMainButton div {
        width: calc(50% - 0.3rem * 4);
        margin: 0.3rem;
    }
    #footMainButton div a {
        padding: 0.8rem 0.5rem;
        font-weight: bold;
        text-align: center;
        color: #fff;
        border-radius: 5px;
        display: block;
        width: 100%;
        box-sizing: border-box;
        background: #eee;
        text-decoration: none;
    }
    div#yoyakuB a { background-color: #d16065;}
    div#soudanB a { background-color: #335784;}
    div#lineB a { background-color: #65b35e;}
    div#telB a { background-color: #5f553f;}

    #footNav {
        padding: 1rem;
        background: #bbb;
        font-size: var(--text-standard);
    }
    #footNavTitle {
        font-weight: bold;
        font-size: 1.2rem;
        color: #fff;
    }
    #footNavTitle span {
        font-size: var(--text-small);
    }
    ul#mainNav,ul#subNav {
        padding: 0rem;
    }
    ul#mainNav li,ul#subNav li {
        list-style: none;
        margin-bottom: 0.2rem;
    }
    ul#mainNav li a {
        color: #fff;
    }
    ul#subNav {
        display: flex;
        flex-wrap: wrap;
        font-size: var(--text-small);
    }
    ul#subNav li a {
        color: #666;
    }
    ul#subNav li::after {
        content: '/';
        color: #999;
        margin: 0 0.2rem;
    }
    #copy {
        background: #999;
        text-align: center;
        font-size: var(--text-ssmall);
        color: #fff;
        padding: 0.4rem;
    }

		/*緊急エリア*/
		#kinkyu {
			position: fixed;
			bottom: 100px;
			right: 0;
			max-width: 300px;
			margin: 0.5rem;
			box-shadow: 0px 8px 10px rgba(53, 50, 32, 0.1);
		}
		#kinkyu a {
			border-radius: 5px;
			background: var(--text-red);
			color: #fff;
			padding: 1rem;
			display: block;
			text-align: center;
		}





		/*　　　　　　　　トップページここまで　　　　　　　　　*/
		/*固定ページ*/
		#page main {
			max-width: 800px;
			margin: auto;
			margin-top: 150px;
			margin-bottom: 3rem;
			padding: 2rem;
			font-family: "myfont"; /*任意のフォントファミリー名でOK*/
			src: url("font/dejima-mincho-r227.ttf") format("truetype"); /*fontがあるパスを書いて、formatを指定*/
		}
		#page main h1 {
			font-family: "myfont"; /*任意のフォントファミリー名でOK*/
			src: url("font/dejima-mincho-r227.ttf") format("truetype"); /*fontがあるパスを書いて、formatを指定*/
			color: var(--text-darkcolor);
			text-align: center;
			font-size: 2.5rem;
			font-weight: normal;
			position: relative;
			margin: 0 0rem;
			margin-bottom: 100px;
		}
		#page main h1::before {
				position: absolute;
				border-bottom: 6px solid var(--main-yellow);
				top: 120%;
				left: 50%;
				transform: translateX(-50%);
				width: 150px;
				content: '';
		}


		#page main h2 {
			color: var(--text-darkcolor);
			margin-top: 5rem;
			margin-bottom: 1.5rem;
		}


		/*固定　料金ページ*/
		#pr ul {
			border-radius: 10px;
			padding: 2rem;
			background: var(--thin-yellow);
			display: flex;
			flex-wrap: wrap;
		}
		#pr ul li {
			list-style: none;
			margin: 0.3rem;
			background: #fff;
			padding: 0.4rem;
			border-radius: 5px;
			font-size: 1rem;
			position: relative;
		}

		main#price h2 {
			background: var(--main-yellow);
			background: var(--button-brown);
			color: #fff;
			padding: 1rem;
			padding-left: 2rem;
			margin-top: 5rem;
			margin-top: 4rem;
			border-radius: 100px;
			border-radius: 10px;
			font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
			text-align: center;
		}
		#otameshi {
			margin-top: 5rem;
			padding: 1.5rem;
			border-radius: 10px;
			background: var(--thin-yellow);
		}
		#otameshi h3 {
			text-align: center;
			background: var(--button-darkblue);
			color: #fff;
			padding: 1rem;
			max-width: 80%;
			margin: auto;
			border-radius: 5px;
			transform: translateY(-80%);
		}

		.otameshi_box {
			display: flex;
			justify-content: center;
			margin-bottom: 2rem;
		}
		#otameshi_box_in {
			position: relative;
		}
		.osusume {
			background: var(--text-red);
			color: #fff;
			width: 65px; height: 65px;
			position: absolute;
			left: -65px; top: -25px;
			font-size: 0.7rem;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 50%;
			transform:rotate(-20deg);
		}

		.syokaiBox {
			display: flex;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			width: 100%;
			box-sizing: border-box;
			margin-bottom: 2rem;
		}
		.syokaiBox_left {
			width: 40%;
			display: flex;
			flex-wrap: wrap;
			text-align: center;
		}
		.left1 {
			width: 100%;
			padding: 0.3rem;
			background: var(--main-yellow);
			border-radius: 10px;
		}
		.left2 {
			width: 40%;
			padding:  1rem 0.2rem;
		}
		.left3 {
			width: 60%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: bold;
			font-size: 1.1rem;
		}
		.syokaiBox_center {
			width: 10%;
			color: var(--text-red);
		}
		.syokaiBox_center_in {
			transform:rotate(90deg);
			text-align: center;
		}
		.syokaiBox_right {
			width: 50%;
			text-align: center;
			padding: 2rem 1rem;
			background: #fff;
			border-radius: 10px;
			font-weight: bold;
			color: var(--text-red);
			font-size: 1.5rem;
		}


    main#price #priceTable {
        padding: 3rem 0rem;
				max-width: 100%;
    }
		main#price h3 {
			margin-bottom: 1.5rem;
		}

		.syokai_tyuui {
			font-size: small;
		}

		.price_tyuui {
			margin: 0;
			margin-bottom: 3rem;
			font-size: small;
		}
		.price_msg {
			margin-bottom: 3rem;
		}

		main#price .ziturei h3 {
			background: var(--main-yellow);
			padding: 0.5rem;
			margin: 0;
		}
		.ziturei p {
			margin: 0;
			background: var(--thin-yellow);
			padding: 1rem;
		}

		#page main#price .button {
			margin-top: 3rem;
		}
		main#price .qaBox h3 {
			margin-bottom: 0.5rem;
		}
		main#price .qaBox h3::after {
			display: none;
		}
		main#price .qaBox {
			margin-bottom: 1rem;
		}

		main#price #area h2 {
			margin-top: 10rem;
		}
		#area img {
			width: 100%;
			margin-bottom: 1rem;
			box-sizing: border-box;
		}

		.area_syosai {
			/*background: var(--thin-yellow);*/
			padding: 0.5rem;
			border-radius: 5px;
			display: none;
		}
		.area_price {
			background: var(--main-yellow);
			background: #eee;
			padding: 1rem;
			border-radius: 5px 5px 0 0;
			text-align: center;
		}
		.area_area {
			padding: 1rem;
			background: #fff;
			line-height: 1.4rem;
			margin-bottom: 2rem;
			border-left: solid 1px #eee;
			border-right: solid 1px #eee;
			border-bottom: solid 1px #eee;
		}
		.area_tyuui {
			margin-bottom: 2rem;
		}

		#other h3 {
			border-left: solid 10px var(--main-yellow);;
			padding: 1rem;
		}
		.other_in {
			padding: 1rem;
		}
		.other_in p {
			margin-bottom: 4rem;
			padding: 0 1rem;
		}
		/* 固定　料金　終了 */




		/* シングルページ */
		#single {
			padding: 1rem;
		}
		#single main {
			margin: auto;
			margin-top: 5rem;
			max-width: 800px;
			background-color: #f9f9f9;
			border-radius: 10px;
			padding: 1rem;
		}
		#single h1 {
			background: #fff;
			padding: 0.5rem 1rem;
			border-radius: 10px;
			line-height: 2.7rem;
			font-size: 1.8rem;
		}
		#single article {
			padding: 1rem;
		}


		/*シングル　ニュース*/
		.singleNews ul {
			display: flex;
			justify-content: flex-end;
		}
		.singleNews li {
			list-style:none;
			padding: 0.5rem;
			font-size: 0.8rem;
		}

		.singleNews .button {
			max-width: 600px;
			margin: auto;
			margin-top: 3rem;
		}
		.singleNews #topNews {
			margin-top: 4rem;
		}
		.newsArticleDate {
			font-size: 0.8rem;
			color: #aaa;
			text-align: right;
		}


		/*シングル　ポスト*/
		#single main.postMain {
			background: none;
			padding: 0;
		}
		#single .postMain h1 {
			border-bottom: solid 1px #eee;
			border-radius: 0;
			padding-bottom: 2rem;
		}
		#single .postMain h2:first-child {
			margin-top: 0rem;
		}
		#single .postMain h2 {
			margin: 2rem 0;
			margin-top: 6rem;
			font-size: 2rem;
		}
		#single .postMain h3 {
			margin-top: 3rem;
		}
		#single .postMain h4 {
			margin-top: 2rem;
		}
		#single .postMain h2,
		#single .postMain h3,
		#single .postMain h4 {
			border-left: solid 3px var(--thin-yellow);
			padding-left: 0.5rem;
		}
		#single .postMain p {
			margin: 1rem;
			font-size: var(--text-medium);
			line-height: 1.6rem;
		}
		#single .postMain img {
			margin: 2rem 0;
		}
		#single .postMain ol,
		#single .postMain ul {
			margin: 2rem 0;
		}
		#single .postMain li {
			margin: 0.6rem 0;
		}
		.singleCat {
			text-align: right;
			font-size: small;
			color: #aaa;
			margin: 0.5rem 0;
		}
		.singleCat ul {
			display: flex;
			justify-content: flex-end;
		}
		#single .postMain .singleCat ul li {
			list-style: none;
			margin-left: 0.5rem;
		}
		.single_tag {
			margin-top: 3rem;
			margin-bottom: 3rem;
			border-top: solid 1px #eee;
			border-bottom: solid 1px #eee;
			padding-top: 1.5rem;
			padding-bottom: 1.5rem;
		}
		#single .postMain .single_tag ul {
			margin: 0;
			padding: 0;
			display: flex;
			flex-wrap: wrap;
		}
		#single .postMain .single_tag ul li {
			list-style: none;
			margin-right: 0.5rem;
		}



		/*アーカイブページ*/
		#archive {
			width: 100%;
			padding: 1rem;
			margin-top: 5rem;
		}
		#archive main {
			margin-top: 3rem;
		}
		#archive_post_list {
			display: flex;
			flex-wrap: wrap;
		}
		#archive_post_list h2 {
			font-size: 1rem;
		}
		#archive_post_list a {
			display: block;
			width: 50%;
			padding: 0.5rem;
			box-sizing: border-box;
			margin-bottom: 0.5rem;
			text-decoration: none;
		}
		#archive_post_list a:hover {
			opacity: 0.7;
		}
		#archive_post_list img {
			width: 100%;
			height: 150px;
			object-fit: cover;
			border-radius: 5px;
		}

		/*  運転のコツ一覧   */
		main#pageTips h2 {
			margin: 0.5rem 0;
		}
		ul.pageTipsCat {
			padding: 0;
			margin: 0;
			display: flex;
			flex-wrap: wrap;
		}
		ul.pageTipsCat li {
			list-style: none;
			padding: 0.3rem;
			font-size: 0.6rem;
			background: #eee;
			color: #aaa;
			border-radius: 2px;
			margin-right: 0.3rem;
			margin-bottom: 0.2rem;
		}


		/*お問いわせ*/
		.formArea {
		}
		.secTitle {
			padding: 0.5rem;
		}
		.secTitle span {
			background: #aaa;
			padding: 0.3rem;
			margin-right: 0.2rem;
			color: #fff;
			border-radius: 2px;
			font-size: 0.8rem;
		}
		.secTitle span.req {
			background: var(--text-red);
		}
		.formArea .secCont {
			padding: 0.4rem;
			margin-bottom: 2rem;
		}
		.formArea input,
		.formArea textarea,
		select {
			width: 100%;
			box-sizing: border-box;
			padding: 0.4rem;
			font-size: 1.2rem;
			border: solid 1px #ddd;
			border-radius: 2px;
		}
		.formArea textarea,
		select {
			width: 100%;
		}
		.fromBtnArea {
			display: flex;
			flex-wrap: nowrap;
			justify-content: center;
		}
		.subBtn {
			text-align: center;
			margin: 0.4rem;
		}
		.subBtn input {
			width: 150px;
			margin: auto;
			border-radius: 5px;
			color: #fff;
			font-size: 1rem;
			padding: 1.5rem;
			background: var(--button-brown);
		}

		.fromArea {
			display: flex;
			flex-wrap: nowrap;
			box-sizing: border-box;
			align-items: center;
			margin-bottom: 0.5rem;
		}
		.areaTitle {
			width: 500px;
			box-sizing: border-box;
		}
		.areaAd {
			width: 50px;
		}
		.area {
			width: calc(100% - 50px);
			box-sizing: border-box;
		}
		input[type="radio"]{
			width: auto;
		}

		.carName {
			width: 150px;
		}
		.fromDate {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			margin-bottom: 0.4rem;
		}
		.dateTitle {
			width: 100px;
		}
		.day,.time {
			margin-right: 0.4rem;
			width: calc((100% - 100px) / 2 )
		}
		::placeholder {
		   color: #ccc;
			 font-size: 0.8rem;
		}
		.inputNone {
			display: none;
		}

		.terms {
			padding: 1rem;
			margin: 2rem 0;
			height: 200px;
			border: solid 1px #eee;
			width: 100%;
			overflow: auto;
		}
		.termsTitle {
			text-align: center;
			background: #eee;
			padding: 0.4rem;
			border-radius: 5px;
		}
		.lastcheckArea {
			text-align: center;
			margin-bottom: 3rem;
		}
		.formArea input.lastcheckbox {
			width: 20px;
		}

		.formArea #terms_base2,
		.formArea #pv_base2 {
			display: block;
		}
		#terms_base2,
		#pv_base2 {
			display: none;
		}


		/*固定　法人ページ*/
		.corpoHead {
			border-radius: 5px;
			padding: 1.5rem;
			background: var(--thin-yellow);
		}
		.corpoHead img {
			width: 100%;
		}
		#page main .corpoHead h2 {
			text-align: center;
			margin-top: 1.5rem;
		}
		#page main .topMidashiTitle {
			margin-bottom: 6rem;
		}
		.kousyuAnnai {
			text-align: center;
		}
		.kousyuAnnaiFlex {
			display: block;
		}
		.kousyuAnnaiBox {
			margin-bottom: 1rem;
			margin: 0.5rem;
			width: calc(100% - 1rem);
			border: solid 1px #eee;
			box-sizing: border-box;
		}
		.kousyuAnnaiTitle {
			font-weight: bold;
			font-size: 1.2rem;
			padding: 0.8rem;
			background: var(--thin-yellow);
			box-sizing: border-box;
		}
		.kousyuAnnaiNaiyo {
			padding: 1rem 0.5rem;
			box-sizing: border-box;

		}

		#corpo h3 {
			margin-top: 4rem;
			margin-bottom: 2rem;
		}

		#corpo .nagareBoxText h3 {
			margin-top: 1rem;
			margin-bottom: 1rem;
		}


		#corpo .qaBox h3 {
			margin-top: 1rem;
			margin-bottom: 1rem;
		}

		.kousyuFlex {
			/*display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;*/
		}
		.kousyuBox {
			border: solid 1px #eee;
			margin-bottom: 2rem;
		}
		.kousyuTitle {
			font-size: 1.3rem;
			padding: 1rem;
			text-align: center;
			background: var(--thin-yellow);
		}
		.kousyuTime {
			font-size: 1rem;
			text-align: center;
			padding: 1rem;
		}
		.kousyuNaiyo {
			padding: 1.5rem;
		}
		.kousyuS {
			font-size: 0.8rem;
		}
		.kousyuL {
			text-align: center;
			margin-top: 2rem;
		}
		.kousyuL span {
			font-size: 2.2rem;
			font-weight: bold;
			color: var(--text-red);
		}
		.corpoTel {
			width: 100%;
			padding: 1rem;
			box-sizing: border-box;
		}
		.corpoTel a {
			display: block;
			background: var(--text-red);
			padding: 1rem;
			color: #fff;
			text-align: center;
			width: 250px;
			margin: auto;
			border-radius: 10px;
			font-size: 0.8rem;
			text-decoration: none;
			box-sizing: border-box;
		}
		#corpo .nagareBox {
			margin: 0;
			margin-bottom: 1.5rem;
		}


		.pdnavi {
			width: 250px;
			max-width: 80%;
		}





    /* スマホここまで */
 /* } */














 @media (min-width: 600px) and (max-width: 959px) {
    /*h1 {
        color:blue;
        color: #75553b;
    }*/
 }













        /* PC */

        @media (min-width: 960px) {



            header#spHead { display: none; }
            header#pcHead { display: block; }
            header {
                padding-top: 0;
                background: none;
                border: none;
                box-shadow: none;
            }
            header #headerColumn {
                flex-wrap: nowrap;
                justify-content:flex-start;
                background: rgba(255, 217, 0, 0.9);
                box-shadow: 0px 8px 10px rgba(53, 50, 32, 0.1);

            }
            header #headerLogo {
            }
            header #headerTitle {
                display: flex;
                align-items: center;
                flex-basis: 400px;
                flex-basis: calc(50% - 60px - 0.4rem);
                margin-left: 0.4rem;
            }
            header #headerTitle #catch {
                margin-left: 0.4rem;
                font-size: var(--text-small);
            }
            #headerTel img {
                width: 1.5rem;
                margin-right: 0.2rem;
            }
            header #headerTel {
                text-align: right;
                flex-basis: 50%;
                width: 100%;
                color: #fff;
                font-size: var(--text-llarge);
                font-weight: bold;
                font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
            }
            header nav {
                display: block;
                background: none;
                box-shadow: none;
            }

            header nav ul {
                margin-top: 0;
                margin: auto;
                max-width: 800px;
                border-radius: 0 0 5px 5px;
                box-shadow: 0px 8px 10px rgba(53, 50, 32, 0.1);
                display: flex;
                justify-content: space-around;
                padding: 0.5rem 0.2rem;
                box-sizing: border-box;
                font-size: 0.8rem;
            }
            header nav li,header nav li:first-child {
                border-top: none;
                text-align: center;
                padding: 0;
                box-sizing: border-box;
                width: calc((100% - 150px) / 5 );
                border-right: solid 1px #eee;
            }
            header nav li:last-child {
                border: none;
            }
            header nav li a {
                padding: 0.5rem;
                margin: 0;
            }
            header nav li#navYoyaku {
                width: 150px;
                padding: 0 0.5rem;
            }
            header nav li#navYoyaku a {
                background: var(--text-red);
                border-radius: 100px;
                color: #fff;
                font-size: var(--text-small);
            }

            /*#slider img {
                width: 100%;
                height: 800px;
            }*/


            main#topMain {
                transform: translate(0, -50px);
								margin-top: 0;
            }

            #topAreaInfo {
                max-width: 800px;
                margin: auto;
            }
            #fourken div {
                padding: 0.4rem 2rem;
                width: calc(25% - 0.4rem);
                border-radius: 10px;
            }
            #topAreaInfoPc {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            #topAreaInfoPcBtn {
                width: 40%;
                margin: 0;
            }
            #topAreaInfoPcBtn .button {
                margin: 0;
            }
            #topAreaInfo h2 {
                font-size: var(--text-llarge);
            }

            /* トップ　悩み */
            #nayami img {
                max-width: 800px;
                margin: auto;
                display: block;
            }
            #nayami > div > div {
                max-width: 800px;
                margin: auto;
            }



            /* トップ　選ばれる理由 */
            #topErabareru > div {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
            }
            .rev {
                flex-direction: row-reverse;
            }
            .erabareruBox {
                width: 28%;
                transform: scale(1.1, 1.1) rotate(1deg);
                box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
                border: solid 10px #fff;
                box-sizing: border-box;
            }
            .erabareruText {
                width: 50%;
            }
            div#erabareruMore a {
                font-size: var(--text-medium);
            }

            /* トップ　料金 */
            #priceBox {
                padding-top: 4rem;
                max-width: 800px;
                margin: auto;
            }
            #syokai,#priceTable {
                max-width: 700px;
                margin: auto;
            }
            #syokai h3 {
                width: 70%;
                margin: auto;
                margin-top: -50px;
            }
            #syokai > p {
                width: 500px;
                margin: auto;
                margin-top: 1rem;
            }
            #priceBox img {
                width: 80%;
                margin: 2rem auto;
                display: block;
            }
            #priceTable {
                margin-top: 2rem;
                padding: 3rem 3rem;
            }
            #priceTable h4::after {
                width: 80%;
            }
            .tdNami {
                padding: 0.5rem;
                padding-left: 3rem;
            }
            #priceBox .button a {
                width: 40%;
            }

            #topHouzin {
                margin: 3rem;
            }
            #topHouzin img {
                max-width: 800px;
                margin: auto;
                display: block;
            }



            /* 教習までの流れ */
            #topNagarePc {
                max-width: 600px;
                margin: auto;
            }
            .nagareBoxNum {
                width: 80px;
                margin-right: 1rem;
                padding: 0.8rem;
                padding-bottom: 4rem;
            }
            #nagareBtnArea {
                max-width: 600px;
                margin: auto;
                display: flex;
                justify-content: center;
                padding: 0 1rem;
            }
            #nagareBtnArea .button a {
                width: 90%;
                box-sizing: border-box;
            }
            #nagareBtnArea .btnHouzin a {
                background: #335784;
            }
            .voiceBoxImg {
                width: 30%;
                box-sizing: border-box;
            }
						#topVoice {
							padding: 2rem 0;
						}
            #topVoicePc {
                /*max-width: 800px;*/
								width: 100%;
                margin: auto;

            }
						.voiceBox {
							width: 500px;
							padding: 0 1rem;
						}
            .voiceBoxP {
                width: 70%;
            }


            /* 教習までの流れ */
            #topQAPc {
                max-width: 800px;
                margin: auto;
            }
            #topQA .button,
            #topNews .button {
                width: 600px;
                margin: auto;
                margin-top: 3rem;
            }

            /* お知らせ */
            #topNewsArea {
                max-width: 800px;
                margin: auto;
            }

            #footSns {
                margin-top: 6rem;
                padding: 0.5rem;
            }
            #footSns br {
                display: none;
            }
            #footMainButton {
                max-width: 800px;
                margin: 3rem auto;
                justify-content: center;
            }
            #footMainButton div {
                width: calc(33% - 0.3rem * 12);
                margin: 0.3rem;
            }
            #footMainButton div a {
                padding: 2rem 1rem;
            }
            #telB {
                display: none;
            }

            #footNavPc {
                max-width: 1000px;
                margin: auto;
                display: flex;
                justify-content: space-around;
            }
            #footNavMenu {
                text-align: right;
            }
            #footNavMenu ul {
                display: flex;
                justify-content: flex-end;
                font-size: var(--text-small);
            }
            #footNavMenu ul li {
                margin-left: 0.5rem;
            }
            ul#subNav li::after {
                margin: 0 0.2rem;
                margin-left: 0.5rem;
            }




						/*　　　　　　　　トップページここまで　　　　　　　　　*/
						/*固定ページ*/
						main {
							margin-top: 200px;
						}

						/*固定ページ 料金　初回 */
						.left2Br {
							display: none;
						}

						/*固定ページ*/
						#page main {
							margin-top: 200px;
						}

						/*シングル*/
						#single main {
							margin-top: 10rem;
						}

						#archive {
							width: 800px;
							margin: auto;
							margin-top: 15rem;
						}
						/*運転のコツの一覧ページ*/
						#archive_post_list a {
							width: 25%;
						}


						/*法人ページ*/
						.kousyuAnnaiFlex {
							display: flex;
						}
						.kousyuAnnaiBox {
							width: calc(50% - 1rem);
						}





        }
        /* PC終わり */