@charset "utf-8";
/* ===========================================================
 *
 * 安中自動車教習所LP スタイルシート
 * Last UpDate : 2025/06/27
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css
---------------------------------------------------------- */

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

html{ }
body {
color: #333;
background-color: #fdfcfa;
font-family: dnp-shuei-mgothic-std,"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
}
/*
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .h2Wrap{ line-height: 1.7 !important; }

}
*/
/*
a.anker{ display: block; padding-top: 130px; margin-top: -130px; }
*/


/* ----------------------------------------------------------
 link
---------------------------------------------------------- */
a:link		{ color: #333; text-decoration: none; }
a:visited	{ color: #333; text-decoration: none; }
a:hover		{ color: #d16f50; text-decoration: none; }
a:active	{ color: #d16f50; text-decoration: none; }

a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

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



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


/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */

/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.lp01_sec{ width: 100%; max-width: 400px; margin: 0 auto; }
.bg01{ background: url("https://annaka-ds.co.jp/info/wp-content/uploads/2022/09/bg01.png") no-repeat top center; padding-top: 20px; }
.tit01{ width: 96%; max-width: 330px; margin: 20px auto 10px auto; }
.logo01{ width: 96%; max-width: 329px; margin: 10px auto 20px auto; }
.img01{ width: 100%; max-width: 400px; }
.map01{ width: 100%; position: relative; padding-top: 130%; }
.map01 iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.fair01{ width: 100%; max-width: 400px; margin-bottom: 80px; }
.tit_present01{ position: relative; background-color: #eb7a28; min-height: 150px; margin-bottom: 40px; }
.tit_present01 img{ position: absolute; width: 324px; left: 0; right: 0; margin: 0 auto; top: -50px; }
.tit_present01:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(235, 122, 40, 0);
    border-top-width:20px;
    border-bottom-width:20px;
    border-left-width:15px;
    border-right-width:15px;
    margin-left: -15px;
    border-top-color:#EB7A28;
    top:100%;
    left:50%;
}
.tokuten_a01{ width: 96%; max-width: 380px; text-align: center; margin: 0 auto 10px auto; }
.tokuten_b01{ width: 96%; max-width: 380px; text-align: center; margin: 0 auto 30px auto; }
.tit_tokuten01{ background-color: #f09b07; padding: 10px 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; text-align: center; margin-bottom: 20px; }
.tit_tokuten01_img{ padding: 10px 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
.tokuten01{ width: 96%; max-width: 380px; text-align: center; margin: 0 auto 10px auto; }
.tokuten02{ width: 96%; max-width: 380px; text-align: center; margin: 0 auto 10px auto; }
.tokuten03{ width: 96%; max-width: 380px; text-align: center; margin: 0 auto 20px auto; }
.shidouin01{ width: 100%; max-width: 400px; }
.tit_otoiawase01{ background-color: #f09b07; padding: 10px 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; text-align: center; margin-bottom: 20px; }
.tit_otoiawase01_img{ padding: 10px 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
.tel01{ text-align: center; margin-bottom: 20px; }
.btn01{ text-align: center; margin-bottom: 30px; }
.btn01 a:hover{ opacity: .6; }
.footer01{ background-color: #505050; text-align: center; padding: 10px; }

/* 外国人向けLP */
.lp_en_language{font-family: azo-sans-web, sans-serif; font-weight: 400; font-size: 1.8rem; max-width: 900px; margin: 0 auto; text-align: right; }
.lp_en_language_inner{display: inline-block; padding: 5px 10px; background-color:  #f5f5f5; }
.lp_en_sec{max-width: 1300px; width: 90%; margin: 0 auto; font-family: azo-sans-web, sans-serif; font-weight: 400; font-style: normal; padding: 50px 0;}
.lp_en_sec img{max-width: 100%; height: auto;}
.lp_en_explanation{text-align: center; font-weight: 700; font-size: 5rem; color: #FF6600; margin-bottom: 20px;}
.lp_en_admission{text-align: center; margin-bottom: 30px;}
.lp_en_main{text-align: center; margin-bottom: 30px;}
.lp_en_navi ul{display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 80px;}
.lp_en_navi li{width: calc((100% - 60px)/4); text-align: center;}
.lp_en_navi li a{display: block; font-size: 1.8rem; font-weight: 700; padding: 8px; color: #4A83E2; background-color: #fff; border: 1px solid #4A83E2; transition: .5s; border-radius: 5px;}
.lp_en_navi li a:hover{color: #fff; background-color: #4A83E2;}
.lp_en_item{max-width: 900px; margin: 0 auto;}
.lp_en_head{font-size: 4rem; font-weight: 700; position: relative; margin-bottom: 20px;}
.lp_en_head span{ color: #fff; background-color: #4A83E2; border-radius: 5px; text-align: center; padding: 5px 20px; margin-right: 20px;}
.lp_en_plan{margin-bottom: 50px;}
.lp_en_item p{font-weight: 400; font-size: 1.9rem; line-height: 3rem;}
.lp_en_list{font-weight: 400; font-size: 1.9rem; display: flex; flex-direction: column; gap: 10px;}
.lp_en_list li{position: relative; padding-left: 30px;}
.lp_en_list li::before{content: ""; position: absolute; padding: 8px; background-color: #224F9A; border-radius: 100%; left: 0; top: 6px;}
.lp_en_sec .caution{margin: 5px 0 0 20px; display: block;}
.lp_en_sec .red{color: #FF3939;}
.lp_en_documents{margin-bottom: 30px;}
.lp_en_price{max-width: 1200px; margin: 0 auto 50px; background-color: #F5F5F5;padding: 50px; text-align: center; border-radius: 5px;}
.lp_en_price_head{text-align: center; margin-bottom: 30px;}
.lp_en_option_caution{font-size: 2.2rem; font-weight: 700;}
.lp_en_footer{text-align: center; margin: 1200px; margin: 0 auto; background-color: #F5F5F5; padding: 50px; text-align: center; border-radius: 5px;}
.lp_en_guarantee{margin-bottom: 50px;}
.lp_en_option{margin-bottom: 50px;}
.lp_en_item .bold{font-weight: 700;}

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


/* ----------------------------------------------------------
 SP CSS
---------------------------------------------------------- */
@media screen and (max-width:520px){
/* フォントサイズ10px=62.5% */
html{ font-size: 62.5%; }

/* 基本のフォントサイズ */
body{ }

/* 非表示用 */
.noneSP		{ display: none !important; }

/* テーブル関連のスタイル */
.js-scrollable{
	white-space: nowrap;
/* max-height: 500px; */
}
.scroll-hint-icon{ height: 85px !important; }

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


/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
.footer01{ padding-bottom: 70px; }


/* ページ下部 固定メニュー */
.btm_menu { position: fixed; bottom: -50px; width: 100%; border-top: 1px solid #fff; z-index: 99; }
.btm_menu li { float: left; width: 50%; }
.btm_menu li:first-child a { border-right: 1px solid #fff; }
.btm_menu li a { display: block; height: auto; text-align: center; font-size: 16px; font-weight: 500; padding: 15px 10px; background-color: #f60; color: #fff; text-decoration: none; letter-spacing: 1px; }
.btm_menu li a i{ font-size: 20px; margin-right: 10px; }
.btm_menu li a:hover { background-color: #fff; color: #f60; }
.btm_menu ul:after { content: ''; clear: both; display: block; }
/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
/* 外国人向けLP */
.lp_en_sec{padding: 30px 0;}
.lp_en_explanation{font-size: 3rem;}
.lp_en_main{margin-bottom: 30px;}
.lp_en_navi ul li{width: 100%;}
.lp_en_navi li a{font-size: 1.8rem;}
.lp_en_head{font-size: 2.5rem;}
.lp_en_head span{padding: 5px 15px; margin-right: 15px;}
.lp_en_item p{font-size: 1.6rem; }
.lp_en_list{font-size: 1.6rem;}
.lp_en_list li{padding-left: 20px;}
.lp_en_list li::before{padding: 5px; top: 5px;}
.lp_en_price{padding: 20px;}
.lp_en_option_caution{font-size: 1.9rem;}
.lp_en_footer{padding: 15px;}
.lp_en_translator{margin: 0 auto 30px;}
.lp_en_translator_txt{font-size: 1.6rem;}


}
/* ----------------------------------------------------------
 SP CSS END
---------------------------------------------------------- */

/* ----------------------------------------------------------
 TAB CSS
---------------------------------------------------------- */
@media screen and (min-width:521px) and (max-width:1180px){

/* フォントサイズ10px=62.5% */
html{ font-size: 62.5%; }

/* 基本のフォントサイズ */
body{ }

/* 非表示用 */
.noneTAB		{ display: none !important; }

/* テーブル関連のスタイル */
.js-scrollable{
	white-space: nowrap;
/* max-height: 500px; */
}
.scroll-hint-icon{ height: 85px !important; }

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



/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
.footer01{ padding-bottom: 70px; }


/* ページ下部 固定メニュー */
.btm_menu { position: fixed; bottom: -50px; width: 100%; border-top: 1px solid #fff; z-index: 99; }
.btm_menu li { float: left; width: 50%; }
.btm_menu li:first-child a { border-right: 1px solid #fff; }
.btm_menu li a { display: block; height: auto; text-align: center; font-size: 16px; font-weight: 500; padding: 15px 10px; background-color: #f60; color: #fff; text-decoration: none; letter-spacing: 1px; }
.btm_menu li a i{ font-size: 20px; margin-right: 10px; }
.btm_menu li a:hover { background-color: #fff; color: #f60; }
.btm_menu ul:after { content: ''; clear: both; display: block; }
	
/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */

/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
/* 外国人向けLP */
.lp_en_navi ul li{width: calc((100% - 20px)/2);}
.lp_en_navi li a{font-size: 1.6rem;}


}
/* ----------------------------------------------------------
 TAB CSS END
---------------------------------------------------------- */

/* ----------------------------------------------------------
 PC CSS
---------------------------------------------------------- */
@media print, screen and (min-width:1181px) and (max-width:1370px){

/* フォントサイズ10px */
html{ font-size: 62.5%; }

/* 基本のフォントサイズ */
body{ }

/* 非表示用 */
.nonePC		{ display: none !important; }

:target::before{
	content: "";
	display: block;
	height: 100px;
	margin: -100px 0 0;
}

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


/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
/* ページ下部 固定メニュー */
.btm_menu { display: none; }

/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */


/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
/* 外国人向けLP */
.lp_en_navi{max-width: 900px; margin: 0 auto;}
.lp_en_navi ul li{width: calc((100% - 20px)/2);}
.lp_en_navi li a{font-size: 1.6rem;}

}
/* ----------------------------------------------------------
 PC CSS END
---------------------------------------------------------- */
/* ----------------------------------------------------------
 PC WIDE CSS
---------------------------------------------------------- */
@media screen and (min-width:1371px){
/* フォントサイズ10px */
html{ font-size: 62.5%; height: 100%; }

/* 基本のフォントサイズ */
body{ }

/* 非表示用 */
.nonePCWIDE		{ display: none !important; }

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

/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
/* ページ下部 固定メニュー */
.btm_menu { display: none; }

/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */



/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */



}
/* ----------------------------------------------------------
 PCWIDE CSS END
---------------------------------------------------------- */