/** =============================================================================================
* 基本設定
================================================================================================ */
#lp {
background-color: #e60012;
font-size: 1.6rem;
margin: 0 auto;
color: #fff;
}
img {
max-width: 100%;
height: auto;
}
a:link,
a:hover,
a:visited,
a:active {
color: #fff;
}
a:hover {
text-decoration: none;
}
/** =============================================================================================
* 汎用クラス
================================================================================================ */
.pc {
display: none !important;
}
.button {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 12px;
  background: linear-gradient(to bottom, #4fc3f7 0%, #0277bd 50%, #01579b 100%);
  box-shadow: 0 8px 15px rgba(0,0,0,0.5),
              inset 0 4px 6px rgba(255,255,255,0.8),
              inset 0 -2px 5px rgba(0,0,0,0.4);
  border: none;
  border-top: 1px solid rgba(255,255,255,0.6);
  border-left: 1px solid rgba(255,255,255,0.6);
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 18px rgba(0,0,0,0.6),
              inset 0 4px 6px rgba(255,255,255,0.9),
              inset 0 -2px 5px rgba(0,0,0,0.4);
}
.button:active {
  transform: translateY(6px);
  box-shadow: 0 2px 5px rgba(0,0,0,0.5),
              inset 0 2px 4px rgba(0,0,0,0.3);
}
.button__icon--check {
transform: scale(0.5);
}

.center {
text-align: center;
}
.text-caution {
color: #f00;
}
.box2 {
background: #fff;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
box-sizing: border-box;
line-height: 1;
padding: 0px;
color: #000;
font-size: 1.7rem;
font-weight: bold;
padding: 0 10px;
}
.check {
transform-origin: left 50%;
transform: scale(0.5) translateY(-25px);
}
.check__text {
font-size: 1.2rem;
transform: translateX(-40px);
margin-right: -40px;
}
.back_check {
background: linear-gradient(
45deg,
#ca0010 25%,
transparent 25%,
transparent 75%,
#ca0010 75%
),
linear-gradient(
45deg,
#ca0010 25%,
transparent 25%,
transparent 75%,
#ca0010 75%
);
background-color: #e60012;
background-size: 40px 40px;
background-position: 0 0, 20px 20px;
}
.back_check > * {
margin-top: 0;
margin-bottom: 0;
}
/** =============================================================================================
* 汎用レイアウトクラス
================================================================================================ */
.layout-content {
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.layout-inner {
padding-right: 10px;
padding-left: 10px;
}
.yohaku-w-20 {
padding: 0px 20px 0px 20px;
}
/** =============================================================================================
* 固有クラス
================================================================================================ */
/** ----------------------------------------------
* header ブロック設定
-------------------------------------------------- */
.top{
margin: 0;
}
.maru {
transform: scale(0.9);
padding-top: 20px;
padding-bottom: 20px;
}
/** ----------------------------------------------
* 「マッハタッチとは？」ブロック設定
-------------------------------------------------- */
.gimon {
transform: scale(0.8);
}
.box1 {
background: #fff;
padding: 20px 0px 10px 0px;
text-align: center;
}
.t__kando {
transform: scale(0.9);
padding-top: 30px;
padding-bottom: 30px;
}
.il__sankaku {
padding-bottom: 10px;
}
/** ----------------------------------------------
* 「モニタ説明」ブロック設定
-------------------------------------------------- */
.monitor-list {
display: flex;
flex-direction: column;
list-style-type: none;
padding: 0;
}
.monitor-list__item {
box-sizing: border-box;
}
.monitor {
padding: 10px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.monitor__image {
box-sizing: border-box;
width: 100%;
}
.monitor__t {
padding-left: 10px;
box-sizing: border-box;
width: 100%;
}
.monitor__heading {
font-size: 2rem;
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;
}
.monitor__text {
font-size: 1.2rem;
margin-bottom: 10px;
margin-top: 15px;
}
/** ----------------------------------------------
* 「課題」ブロック設定
-------------------------------------------------- */
.kadai {
line-height: 300%;
background: #ffce17;
padding: 40px 0px 40px 0px;
text-align: left;
color: #000;
}
.kadak__h {
font-size: 1.3rem;
font-weight: bold;
padding: 0px 0px 30px 10px;
}
.kadak__t {
font-weight: normal;
font-size: 1.2rem;
line-height:2;
}
.kadak__t > a {
  text-decoration: underline;
}
.kadak__t::before {
content: "□";
padding: 0px 0px 0px 10px;
}
dt,
dd {
margin: 0;
padding: 0;
}
.kadai a:link,
.kadai a:hover,
.kadai a:visited,
.kadai a:active {
color: #000;
}
/** ----------------------------------------------
* 「マッハタッチで大幅短縮」ブロック設定
-------------------------------------------------- */
.kadai02__h {
width: 90%;
padding: 50px 0px 0px 0px;
}
.kadai02__t {
width: 90%;
padding: 20px 0px 0px 0px;
}
.kadai02__tt {
width: 90%;
padding: 20px 0px 0px 0px;
}
.kadai02__j {
font-size: 1rem;
padding:20px 0;
}
.kadai02__jj {
font-size: 1rem;
padding:20px 0;
}
/** ----------------------------------------------
* 「ブランド力解決」ブロック設定
-------------------------------------------------- */
.kadai03__p1 {
padding: 40px 0px 40px 0px;
}
.kadai03__t {
font-size: 1.5rem;
font-weight: bold;
}
.kadai03__ad-c{
font-weight: bold;
font-size: 1.2rem;
padding:20px 0;
}
.kadai03__ad {
display: flex;
flex-direction: column;
list-style-type: none;
margin: 0;
padding: 0;
}
address {
font-style: normal;
font-size:0.9rem;
line-height:1.4;
}
/** ----------------------------------------------
* 「車検ビジネス」ブロック設定
-------------------------------------------------- */
.kadai04__h {
width: 80%;
padding: 40px 0px 0px 0px;
}
.kadai04__t {
font-size: 1.2rem;
font-weight: bold;
margin:20px 0;
}
.kadai04__tt {
font-size: 1.2rem;
font-weight: bold;
}
.mn_h {
background-color: rgba(131, 0, 10, 0.8);
padding: 20px;
font-size: 1.2rem;
font-weight: bold;
}
.mn {
background-color: rgba(131, 0, 10, 0.8);
padding: 10px;
font-size: 1.2rem;
font-weight: bold;
}
.mn-t{
font-weight: bold;
font-size:1.1rem;
}
.kadai04__tt {
padding-top: 10px;
}
/** ----------------------------------------------
* 「加盟店の声」ブロック設定
-------------------------------------------------- */
.interview {
background-color: #ffce17;
color: black;
}
.interview_q {
font-size: .8rem;
padding: 0.5em 1em;
margin: 2em 0;
font-weight: bold;
border: solid 1px #000000;
}
.interview_qq {
font-size: 1.1rem;
font-weight: bold;
padding:20px 0;
}
.interview_a {
font-size:1rem;
padding-bottom: 30px;
}
.interview .yohaku-w-20 {
margin-bottom: 0;
}
/** ----------------------------------------------
* 「一日見学会」ブロック設定
-------------------------------------------------- */
.kengaku {
background-image: url(../images/LP/kengaku_bk.jpg);
background-size: contain;
padding: 30px 5px;
font-size: 1.6rem;
}
.button__text02 {
font-size: 1.2rem;
line-height:1.5;
}
.kengaku-text{
font-size: 1.1rem;
font-weight:bold;
padding-top:20px;
}
.kengaku-list {
list-style: none;
font-size: 1rem;
padding:20px 0;
}
/** =============================================================================================
* PC用スタイル
================================================================================================ */
@media screen and (min-width: 751px) {
.pc {
display: block !important;
}
.sp {
display: none !important;
}
.monitor-list {
display: flex;
flex-direction: row;
}
.monitor-list__item {
width: 33.333%;
}
.monitor__image,
.monitor__t {
width: 100%;
}
.monitor__heading {
font-size: 1.5rem;
font-weight: bold;
}
.monitor__text {
font-size: 1.2rem;
margin-bottom: 10px;
margin-top: 15px;
}
.button {
font-size: 1.8rem;
margin-bottom: 50px;
}
.button__icon--check {
padding-left: 1px;
transform: scale(0.8);
}
.kadai {
line-height: 600%;
padding: 60px 0px 60px 0px;
}
.kadak__h {
text-align: center;
font-size: 3rem;
font-weight: bold;
padding: 10px 0px 20px 50px;
}
.kadak__t {
font-size: 2.5rem;
padding: 00px 0px 00px 40px;
font-weight: normal;
line-height:2;
}
.kadai02__j {
padding: 30px 30px 20px 20px;
font-size: 1.8rem;
}
.kadai02__jj {
font-size: 1.4rem;
padding: 0px 20px 20px 20px;
}
.kadai03__t{
font-size: 2rem;
}
.kadai03__ad-list:nth-of-type(odd) {
line-height: 70%;
padding-right: 15px;
}
.kadai03__ad-list:nth-of-type(even) {
line-height: 70%;
padding-left: 15px;
}
.kadai03__ad {
flex-direction: row;
padding-bottom: 50px;
}
.kadai04__t{
font-size: 2rem;
padding:20px 0;
}
.kadai04__tt{
font-size: 2rem;
padding: 30px 0;
}
.mn_h{
font-size: 3rem;
font-weight: bold;
}
.mn {
padding: 10px;
font-size: 3rem;
}
.mn-t{
font-size: 2rem;
padding: 20px 120px;
}
.interview_q {
font-size: 1.2rem;
}
.interview_qq {
font-size: 2.5rem;
}
.interview_a {
padding-bottom: 50px;
font-size: 1.2rem;
}
.kengaku-text{
font-size: 2rem;
}
.kengaku-list { 
list-style: none; 
padding: 20px 0;
font-size: 1.2rem;
}
.button__text02 {
font-size: 2.5rem;
}
.check__text {
font-size: 2.5rem;
transform: translateX(-40px);
margin-right: -40px;
}
}
/** =============================================================================================
* PC用中間スタイル
================================================================================================ */
@media screen and (min-width: 481px) and (max-width: 750px) {
.pc {
display: block !important;
}
.sp {
display: none !important;
}
.monitor__image {
box-sizing: border-box;
width: 50%;
}
.monitor__t {
padding-left: 10px;
box-sizing: border-box;
width: 50%;
}
.monitor__heading {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;
}
.monitor__text {
font-size: 1.7rem;
margin-bottom: 10px;
}
.kadak__h {
text-align: center;
font-size: 3.5rem;
font-weight: bold;
padding: 10px 0px 20px 40px;
}
.kadak__t {
font-size: 2.5rem;
padding: 0px 0px 0px 40px;
}
}
/** =============================================================================================
* sp用スタイル
================================================================================================ */
@media screen and (max-width: 480px) {
.pc {
display: none !important;
}
.sp {
display: block !important;
}
.button__text {
	font-size:1.2rem;
}
}