@charset "utf-8";

/*===============================================
●画面の横幅が769px以上
===============================================*/
@media screen and (min-width : 769px ){
#pc------------------------------------------- {
}
.topicpath {
	margin-bottom: 0px;
}
.helo {
	background-image: url("../images/sales/lizonreform/h_bg.webp");
	background-size: cover;
	background-position: center center;
	height: 680px;
}
.helo .inner {
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.helo .inner h2 {
	color: #09367b;
	font-size: 36px;
	line-height: 1.2em;
	font-weight: bold;
	padding-top: 50px;
}
.helo .inner p {
	font-size: 18px!important;
	font-weight: 500;
	color: #000;
	margin-top: 15px;
}





.reform_section {
	padding-top: 90px;
}
.reform_section h2 {
	font-size: 39px;
	font-weight: bold;
	color: #09367b;
}
.reform_section h3 {
	font-size: 26px;
	font-weight: bold;
	color: #09367b;
	line-height: 1.5em;
	margin-top: 40px;
}
.reform_section p {
	font-size: 18px!important;
	font-weight: 500;
	margin-top: 15px;
}
.reform_section .box {
	background-color: #EDF5FA;
	padding-top: 40px;
	margin-top: 40px;
	padding-bottom: 60px;
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 12px;
}
.reform_section .box h4 {
	font-size: 30px;
	font-weight: bold;
	color: #09367b;
	margin-bottom: 30px;
}
.reform_section .box ul {
	display: flex;
	justify-content: space-between;
	width: 878px;
	margin-left: auto;
	margin-right: auto;
}
.reform_section .box ul li {
	width: 180px;
	font-weight: bold!important;
}
.reform_section .box ul li figcaption {
	font-size: 18px;
	color: #09367b;
	font-weight: bold!important;
	line-height: 1.4em;
	margin-top: 15px;
	font-family: 'Yu Gothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-weight: 900 !important;
}




.komaru_section {
	background-color: #EDF5FA;
	margin-top: 110px;
	padding-top: 160px;
	padding-bottom: 100px;
}
.komaru_section .box {
	background-color: #fff;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 15px;
	padding-bottom: 80px;
}
.komaru_section .box h2 {
	background-color: #1E2E81;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	color: #fff;
	font-weight: bold;
	font-size: 37px;
	height: 144px;
	line-height: 144px;
	position: relative;
}
.komaru_section .box h2 img {
	width: 131px;
	position: absolute;
	bottom: -30px;
	left: 80px;
}
.komaru_section .box h2 span {
	position: relative;
	left: 50px;
}
.komaru_section .box ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 794px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}
.komaru_section .box ul li {
	width: 380px;
	height: 100px;
	background-color: #DADBEA;
	color: #1E2E81;
	font-size: 21px!important;
	font-weight: bold!important;
	border-radius: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 25px;
	font-family: 'Yu Gothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-weight: 900 !important;
}
.komaru_section .box .inner {
	background-color: #EDF5FA;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border-radius: 15px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.komaru_section .box .inner h3 {
	font-size: 26px;
	font-weight: bold;
	color: #1E2E81;
}
.komaru_section .box .inner h3+p {
	font-size: 20px!important;
	font-weight: 500;
	margin-top: 10px;
}
.komaru_section .box .inner .btn a {
	display: block;
	width: 490px;
	height: 80px;
	line-height: 80px;
	background-color: #1E2E81;
	margin-left: auto;
	margin-right: auto;
	font-size: 29px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-radius: 14px;
	margin-top: 20px;
	transition: 0.3s;
}
.komaru_section .box .inner .btn a span {
	font-size: 20px;
}
.komaru_section .box .inner .btn a:hover {
	opacity: 0.7;
	transition: 0.3s;
}





.reformlist_section .bg {
	background-image: url("../images/sales/lizonreform/komaru_bg.webp");
	height: 423px;
	background-position: center center;
	background-size: cover;
}
.reformlist_section .bg div {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.reformlist_section .bg div h2 {
	font-size: 32px;
	font-weight: bold;
	color: #000;
	padding-top: 105px;
	margin-bottom: 10px;
	line-height: 1.4em;
}
.reformlist_section .bg div p {
	font-size: 18px!important;
	font-weight: 500;
	color: #000;
}
.reformlist_section h3 {
	font-weight: bold;
	color: #232583;
	font-size: 35px;
	margin-top: 50px;
	margin-bottom: 30px;
}
.reformlist_section ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 972px;
	margin-left: auto;
	margin-right: auto;
}
.reformlist_section ul li {
	width: 216px;
	margin-bottom: 25px;
}





.flow_section {
	margin-top: 120px;
	background-color: #EDF5FA;
	padding-bottom: 110px;
}
.flow_section h2 {
	font-size: 36px;
	font-weight: bold;
	color: #232583;
	padding-top: 80px;
	margin-bottom: 40px;
}
.flow_section figure {
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
}





.faq_section {
	
}
.faq_section h2 {
	font-size: 36px;
	font-weight: bold;
	color: #232583;
	padding-top: 120px;
	margin-bottom: 50px;
}
.faq_section dl {
	width: 846px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.faq_section dl dt {
	background-color: #EDF5FA;
	height: 70px;
	line-height: 70px;
	padding-left: 30px;
	font-size: 19px!important;
	font-weight: bold;
	background-image: url("../images/sales/lizonreform/open.svg");
	background-size: 17px;
	background-repeat: no-repeat;
	background-position: center right 35px;
	cursor: pointer;
	margin-bottom: 40px;
}
.faq_section dl dt.open {
	background-image: url("../images/sales/lizonreform/close.svg");
}
.faq_section dl dt span:first-child {
	font-size: 24px;
	color: #232583;
	font-family: Helvetica, Arial, "sans-serif";
	margin-right: 40px;
}
.faq_section dl dd {
	padding: 20px 30px;
	font-weight: 500;
	font-size: 19px !important;
	background-color: #f2f2f2;
	position: relative;
	top: -40px;
	margin-bottom: 0;
	display: none;
}
.faq_section dl dd.is-open {
	display: flex;
}
.faq_section dl dd span:first-child {
	font-size: 24px;
	color: #c41636;
	padding-right: 42px;
	font-weight: bold;
}





.contact_section {
	margin-top: 110px;
	padding-bottom: 130px;
	margin-bottom: -100px;
	background-color: #edf5fa;
}
.contact_section h2 {
	font-size: 36px;
	font-weight: bold;
	color: #232583;
	padding-top: 130px;
}
.contact_section h2+p {
	font-size: 21px!important;
	font-weight: 500;
	margin-top: 20px;
	margin-bottom: 20px;
}
.contact_section h2+p span {
	color: #b93f3f;
}
.contact_section h2+p+p {
	font-size: 17px!important;
	font-weight: 500;
	line-height: 1.7em;
	margin-bottom: 50px;
}
.contact_section table {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
}
.contact_section table th {
	text-align: right;
	font-size: 21px;
	font-weight: bold;
	padding-bottom: 18px;
	padding-top: 18px;
}
.contact_section table th span {
	color: #b93f3f;
	font-weight: normal;
}
.contact_section table th em {
	font-size: 16px;
	display: block;
}
.contact_section table td {
	width: 614px;
	text-align: left;
	padding-left: 15px;
	padding-bottom: 18px;
	padding-top: 18px;
	font-size: 20px;
}
.contact_section table td input[type="text"],
.contact_section table td input[type="email"],
.contact_section table td input[type="tel"]
{
	border: none;
	width: 609px;
	padding-left: 5px;
	height: 46px;
}
.contact_section table td.postcode input {
	width: 235px;
}
.contact_section table td textarea {
	border: none;
	width: 609px;
	height: 220px;
	padding-left: 5px;
}
.wpcf7-list-item {
	display: inline-block;
	margin-right: 20px;
}
.contact_section table+p {
	font-size: 21px!important;
	font-weight: 500;
	margin-top: 30px;
}
.contact_section table+p a {
	color: #2e7fca;
	font-size: 21px!important;
	display: block;
	margin-top: 10px;
}
.contact_section table+p+p {
	font-size: 21px!important;
	margin-top: 30px;
	margin-bottom: 30px;
}
input[type="submit"] {
	width: 480px;
	height: 82px;
	background-color: #dadaeb;
	border: none;
	color: #232583;
	font-size: 29px;
	border-radius: 18px;
	cursor: pointer;
	transition: 0.3s;
	font-weight: bold;
	font-family: "Yu Gothic", "YuGothic", "游ゴシック体", sans-serif!important;
	
}
input[type="submit"]:hover {
	opacity: 0.7;
	transition: 0.3s;
}
}



/*===============================================
●画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
	
/*===============================================
●sp-tablet
===============================================*/
#sptablet------------------------------------------- {
}
.helo {
	background-image: url("../images/sales/lizonreform/h_bg_sp.webp");
	background-size: cover;
	background-position: center center;
	height: 100vw;
	margin-top: 10vw;
}
.helo .inner {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	top: -5vw;
}
.helo .inner h2 {
	color: #09367b;
	font-size: 6vw;
	line-height: 1.2em;
	font-weight: bold;
	padding-left: 3vw;
}
.helo .inner p {
	font-size: 4vw!important;
	font-weight: 500;
	color: #000;
	margin-top: 2vw;
	line-height: 1.5em;
	padding-left: 3vw;
}





.reform_section {
	padding-top: 10vw;
}
.reform_section h2 {
	font-size: 6vw;
	font-weight: bold;
	color: #09367b;
}
.reform_section h3 {
	font-size: 5vw;
	font-weight: bold;
	color: #09367b;
	line-height: 1.5em;
	margin-top: 3vw;
}
.reform_section p {
	font-size: 3.5vw!important;
	font-weight: 500;
	margin-top: 3vw;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	line-height: 2em;
}
.reform_section .box {
	background-color: #EDF5FA;
	padding-top: 8vw;
	margin-top: 8vw;
	padding-bottom: 8vw;
}
.reform_section .box h4 {
	font-size: 6vw;
	font-weight: bold;
	color: #09367b;
	margin-bottom: 5vw;
}
.reform_section .box ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.reform_section .box ul li {
	width: 40vw;
	margin-bottom: 5vw;
}
.reform_section .box ul li figcaption {
	font-size: 4vw;
	color: #09367b;
	font-weight: bold;
	line-height: 1.4em;
	margin-top: 1vw;
}




.komaru_section {
	background-color: #EDF5FA;
	margin-top: 15vw;
	padding-top: 15vw;
	padding-bottom: 15vw;
}
.komaru_section .box {
	background-color: #fff;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 3vw;
	padding-bottom: 5vw;
}
.komaru_section .box h2 {
	background-color: #1E2E81;
	border-top-left-radius: 3vw;
	border-top-right-radius: 3vw;
	color: #fff;
	font-weight: bold;
	font-size: 5vw;
	position: relative;
	line-height: 1.4em;
	padding-top: 3vw;
	padding-bottom: 2.5vw;
}
.komaru_section .box h2 img {
	width: 18vw;
	position: absolute;
	bottom: -3.5vw;
	left: 1vw;
}
.komaru_section .box h2 span {
}
.komaru_section .box ul {
	margin-left: 5vw;
	margin-right: 5vw;
	margin-top: 5vw;
}
.komaru_section .box ul li {
	background-color: #DADBEA;
	color: #1E2E81;
	font-size: 4vw!important;
	font-weight: bold;
	border-radius: 3vw;
	margin-bottom: 5vw;
	line-height: 1.5em;
	padding-top: 3vw;
	padding-bottom: 3vw;
}
.komaru_section .box .inner {
	background-color: #EDF5FA;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5vw;
	border-radius: 3vw;
	padding-top: 5vw;
	padding-bottom: 5vw;
}
.komaru_section .box .inner h3 {
	font-size: 5vw;
	font-weight: bold;
	color: #1E2E81;
}
.komaru_section .box .inner h3+p {
	font-size: 3.5vw!important;
	font-weight: 500;
	margin-top: 3vw;
}
.komaru_section .box .inner .btn a {
	display: block;
	width: 90%;
	height: 15vw;
	line-height: 15vw;
	background-color: #1E2E81;
	margin-left: auto;
	margin-right: auto;
	font-size: 5vw;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-radius: 14px;
	margin-top: 20px;
	transition: 0.3s;
}
.komaru_section .box .inner .btn a span {
	font-size: 4vw;
}
.komaru_section .box .inner .btn a:hover {
	opacity: 0.7;
	transition: 0.3s;
}





.reformlist_section .bg {
	background-image: url("../images/sales/lizonreform/komaru_bg.webp");
	height: 70vw;
	background-position: center center;
	background-size: cover;
}
.reformlist_section .bg div {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.reformlist_section .bg div h2 {
	font-size: 6vw;
	font-weight: bold;
	color: #000;
	padding-top: 35vw;
	margin-bottom: 3vw;
	line-height: 1.4em;
}
.reformlist_section .bg div p {
	font-size: 4vw!important;
	font-weight: 500;
	color: #000;
}
.reformlist_section h3 {
	font-weight: bold;
	color: #232583;
	font-size: 6vw;
	margin-top: 25vw;
	margin-bottom: 5vw;
}
.reformlist_section ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.reformlist_section ul li {
	width: 41vw;
	margin-bottom: 4vw;
}





.flow_section {
	margin-top: 15vw;
	background-color: #EDF5FA;
	padding-bottom: 15vw;
}
.flow_section h2 {
	font-size: 6vw;
	font-weight: bold;
	color: #232583;
	padding-top: 10vw;
	margin-bottom: 5vw;
}
.flow_section figure {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}





.faq_section {
	
}
.faq_section h2 {
	font-size: 6vw;
	font-weight: bold;
	color: #232583;
	padding-top: 15vw;
	margin-bottom: 5vw;
}
.faq_section dl {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.faq_section dl dt {
	background-color: #EDF5FA;
	padding-left: 3vw;
	font-size: 3.5vw!important;
	font-weight: bold;
	background-image: url("../images/sales/lizonreform/open.svg");
	background-size: 5vw;
	background-repeat: no-repeat;
	background-position: center right 3vw;
	cursor: pointer;
	margin-bottom: 5vw;
	display: flex;
	justify-content: space-between;
	line-height: 1.4em;
	padding-top: 3vw;
	padding-bottom: 3vw;
}
.faq_section dl dt.open {
	background-image: url("../images/sales/lizonreform/close.svg");
}
.faq_section dl dt span:first-child {
	font-size: 5vw;
	color: #232583;
	font-family: Helvetica, Arial, "sans-serif";
	width: 8vw;
}
.faq_section dl dt span:last-child {
	width: 85%;
	padding-right: 10vw;
}
.faq_section dl dd {
	background-color: #f2f2f2;
	padding: 3vw;
	font-size: 3.5vw !important;
	font-weight: bold;
	margin-top: -5vw;
	margin-bottom: 5vw;
	line-height: 1.6;
	display: none;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 2vw;
}
.faq_section dl dd.is-open {
	display: flex;
}
.faq_section dl dd span:first-child {
	flex: 0 0 auto;
	width: 6vw;
	padding: 0;
	font-size: 5vw;
	line-height: 1.3;
	color: #c41636;
	position: relative;
	left: 0.5vw;
}
.faq_section dl dd span:last-child {
	flex: 1;
	min-width: 0;
	font-size: 3.5vw;
	line-height: 1.6;
}





.contact_section {
	margin-top: 15vw;
	padding-bottom: 15vw;
	margin-bottom: -15vw;
	background-color: #edf5fa;
}
.contact_section h2 {
	font-size: 6vw;
	font-weight: bold;
	color: #232583;
	padding-top: 10vw;
}
.contact_section h2+p {
	font-size: 4vw!important;
	font-weight: 500;
	margin-top: 5vw;
	margin-bottom: 5vw;
}
.contact_section h2+p span {
	color: #b93f3f;
}
.contact_section h2+p+p {
	font-size: 3.5vw!important;
	font-weight: 500;
	line-height: 1.7em;
	margin-bottom: 5vw;
}
.contact_section table {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.contact_section table th {
	text-align: left;
	font-size: 3.5vw;
	font-weight: bold;
	display: block;
	width: 100%;
}
.contact_section table th span {
	color: #b93f3f;
	font-weight: normal;
}
.contact_section table th em {
	font-size: 3vw;
	display: block;
	margin-top: -3vw;
}
.contact_section table td {
	text-align: left;
	display: block;
	width: 100%;
	padding-bottom: 5vw;
	font-size: 3.5vw;
}
.contact_section table td input[type="text"],
.contact_section table td input[type="email"],
.contact_section table td input[type="tel"]
{
	border: none;
	width: 97%;
	padding-left: 3%;
	height: 12vw;
}
.contact_section table td.postcode input {
	width: 90;
}
.contact_section table td textarea {
	border: none;
	width: 97%;
	height: 40vw;
	padding-left: 3%;
}
.wpcf7-list-item {
	display: inline-block;
	margin-right: 20px;
}
.contact_section table+p {
	font-size: 3.5vw!important;
	line-height: 1.8em;
	font-weight: 500;
	margin-top: 5vw;
}
.contact_section table+p a {
	color: #2e7fca;
	font-size: 3.5vw!important;
	display: block;
	margin-top: 5vw;
}
.contact_section table+p+p {
	font-size: 4vw!important;
	margin-top: 5vw;
	margin-bottom: 5vw;
}
input[type="submit"] {
	width: 90%;
	height: 16vw;
	background-color: #dadaeb;
	border: none;
	color: #232583;
	font-size: 5vw;
	border-radius: 3vw;
	cursor: pointer;
	transition: 0.3s;
	font-weight: bold;
	font-family: "Yu Gothic", "YuGothic", "游ゴシック体", sans-serif!important;
}
input[type="submit"]:hover {
	opacity: 0.7;
	transition: 0.3s;
}
}



/*===============================================
●画面の横幅が400pxまで
===============================================*/
@media screen and (max-width:400px){
/*===============================================
●sp400
===============================================*/
#sp400------------------------------------------- {
}
}



/*===============================================
●画面の横幅が320pxまで
===============================================*/
@media screen and (max-width:320px){
/*===============================================
●sp320
===============================================*/
#sp320------------------------------------------- {
}
}



/*===============================================
●画面の横幅が481pxから768pxまで
===============================================*/
@media screen and (min-width:481px) and (max-width:768px) {
/*===============================================
●tablet
===============================================*/
#tab------------------------------------------- {
}
}


/* Contact Form 7 確認画面の入力欄 */
.wpcf7-form textarea.wpcf7c-conf {
	background-color: #e8f1fe !important;
	opacity: 1;
}
/* Contact Form 7 確認画面の背景色を統一 */
.wpcf7-form input.wpcf7c-conf,
.wpcf7-form textarea.wpcf7c-conf,
.wpcf7-form input[readonly],
.wpcf7-form textarea[readonly] {
	background-color: #e8f1fe !important;
	opacity: 1 !important;
}

/* Chrome・Safariの自動入力による背景色を上書き */
.wpcf7-form input[readonly]:-webkit-autofill,
.wpcf7-form input[readonly]:-webkit-autofill:hover,
.wpcf7-form input[readonly]:-webkit-autofill:focus,
.wpcf7-form input.wpcf7c-conf:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #e8f1fe inset !important;
	box-shadow: 0 0 0 1000px #e8f1fe inset !important;
}