/* CSS Document */

@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　VL-Form ver.2.0 CSS for HTML5
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 VL-Form ver.1.0 CSS for HTML4 default
--------------------------------------------------------------------------------------- */

.inputW01 { width: 100%; }
.formButton { text-align: center; }

/* --------------------------------------------------------------------------------------
 2010.9.8
--------------------------------------------------------------------------------------- */

.btn_next {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 20px 0;
}
/*
.btn_next a img { border: 3px solid #f2f2f2 !important; }
.btn_next a:hover img { border: 3px solid #000000 !important; }
*/
.btn_next button img { border: 3px solid #f2f2f2 !important; width:216px; } /*ADD*/
.btn_next button:hover img { border: 3px solid #000000 !important; } /*ADD*/
.btn_back {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 20px 0;
	margin-right: 5px; /*ADD*/
}
/*
.btn_back a img { border: 3px solid #f2f2f2 !important; }
.btn_back a:hover img { border: 3px solid #000000 !important; }
*/
.btn_back button img { border: 3px solid #f2f2f2 !important; width:216px; } /*ADD*/
.btn_back button:hover img { border: 3px solid #000000 !important; } /*ADD*/
.btn_send {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 20px 0;
	margin-right: 5px; /*ADD*/
}
.btn_send a img { border: 3px solid #f2f2f2 !important; }
.btn_send a:hover img { border: 3px solid #000000 !important; }

/* --------------------------------------------------------------------------------------
 2017.5.10
--------------------------------------------------------------------------------------- */

.lh-title_object { margin: 5px auto; }
select{ font-size:1.1em; height:2em; margin-bottom:2px; }
label { font-weight:normal; }

/* フォント -------------------- */

.bold {	font-weight: bold; }
.txtRed { color: /*#AE0000*/#D32D40; }
.txtPink { color: /*#FF0066*/#fd6499; }
#agreement label { color: #AE0000; }
#privacy .ttl01 { font-size:1.4em; font-weight: bold; }

/* アコーディオン -------------------- */

#privacy .menu {
	max-width: 400px;
	max-width: 100%; /*ADD*/
	margin: 0 auto;
	padding: 0;
	font-size: 75%; /*ADD*/
}
#privacy .menu a {
  display: block;
  padding: 10px;
	text-decoration: none;
	color: #000;
  line-height: 1;
}
#privacy label {
  display: block;
  margin: 0 0 2px 0;
	padding :12px;
  line-height: 1;
	color :#fff;
  background :#007bbb;
  background :#AAA; /*ADD*/
	cursor :pointer;
}
#privacy input {
	display: none;
}
#privacy .menu ul {
	margin: 0;
	padding: 0;
  background :#f4f4f4;
	list-style: none;
}
#privacy .menu li {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#privacy #menu_bar01:checked ~ #links01 li,
#privacy #menu_bar02:checked ~ #links02 li { max-height: 46px; opacity: 1; max-height: 100%; /*ADD*/ padding: 1.5em; /*ADD*/ }

/* チェックボックス -------------------- */

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background: #fff;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #00a69c;
    position: absolute;
    top: 6px;
    left: 6px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* ラジオボタン -------------------- */

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #F87DA9;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* --------------------------------------------------------------------------------------
 2025.11.10
--------------------------------------------------------------------------------------- */

.fontS08 { font-size: 80% ;}
.fontS09 { font-size: 90% ;}

/*	vl2050
--------------------------------------*/
/*-------------------vl2050 SP Logo-------------------*/
.layout-header .lh-logo_object, .layout-header .lh-title_object {
  max-width: /*35.625vw*/65.625vw;
}

/* Header
----------------------------------------*/
@media (max-width: 991px) {
  .layout-header {
    background-color: #87B924; /*ADD ThemeColor*/
    background-color: #DDD; /*ADD ThemeColor*/

  }
}
@media (max-width: 991px) {

  .layout-header .lh-menu_searchButton {
    background-color: #87B924; /*ADD ThemeColor*/
    background-color: #DDD; /*ADD ThemeColor*/

  }
}

/* Global
----------------------------------------*/
.collapse-header {

  background-image: linear-gradient(to top, #E1E1E1 0%, #F1F1F1 63%, #F1F1F1 100%); /*ADD ThemeColor*/

}
@media (max-width: 991px) {

  .collapse-header.right {
    background: #4B6422; /*ADD ThemeColor*/
    background: #CCC; /*ADD ThemeColor*/

  }

}

/* Heading
----------------------------------------*/
.heading_tagline {
  color: #A91F32; /*default RED*/
}
.heading[data-heading="lv3"]::before {
  background-color: #A91F32; /*default RED*/
  background-color: #fd6499; /*ADD ThemeColor*/
}
.heading[data-heading="lv4"] .heading_tagline {
  background-color: #A91F32; /*default RED*/
  background-color: #fd6499; /*ADD ThemeColor*/
}
.list[data-list="icon"] .listItem[data-listItem="chevron-right"]::before {
  color: #A91F32; /*default RED*/
  color: #D32D40; /*ADD ThemeColor*/
}

/* # Main
----------------------------------------*/
.layout-main u {
  border-bottom: 0.2rem solid #A91F32; /*default RED*/
  color: #A91F32; /*default RED*/
}