@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.date-tags{display:none;}
.entry-header{display:none;}
.main{background:rgba(255,255,255,0);padding:0;border:0;}
.content{margin-top:0;}
.entry-content{margin-top:0;margin-bottom:0;}
.body .article{margin-bottom:0;}
.footer{margin-top:0;}
.entry-content>*{margin-bottom:0;}
.breadcrumb{display:none;}
.f_b{font-weight:bold;}

.din{font-family: "din-2014", sans-serif;font-weight: 700;font-style: normal;}
h1{font-size:12px;font-weight:normal;}
.hd_h1{width:100%;max-width:1100px;margin:0 auto;}

/* ヘッダー */
.header-container-in.hlt-top-menu{padding:0.5em 0;width: 100%;max-width: 1100px;}
.header-tel{font-size:10px;width:100%;max-width:240px;line-height: 1.2;text-align: center;font-weight: bold;}
.header-tel span{display:block;font-family: "din-2014", sans-serif;font-weight: 700;font-style: normal;font-size:38px;color:#1A4891;}

/* 汎用 */
.outline_inner{width:100%;max-width:750px;margin:0 auto;background:#fff;padding: 0 0 1px;}
img{width:100%;}
.article ul.responsive-accordion{padding-left:0;}

/* ページ用 */
#lp_bg01{background:#1A4891;padding:0.5rem 0;color:#fff;}

.lp_flex01{display:flex;justify-content:center;width:100%;max-width:1100px;margin:0 auto;align-items: center;}

.lp_01{margin:0 0 -8px;}
.lp_01sp{display:none;}
.lp_02{width:100%;max-width:80%;font-size:27px;line-height:1.2;font-weight:bold;}
.lp_02 span{color:#F1E321;}
.lp_03{width:100%;max-width:150px;}
.lp_04{background:#F1E321;text-align:center;font-weight:bold;}
.lp_05{background:url(https://www.koalaclub-sanjo.jp/carlease/wp-content/uploads/2025/02/lp_bg01.jpg) no-repeat top left;background-size:cover;text-align:center;color:#231815;padding:2rem 0;font-size:27px;font-weight:bold;}
.lp_05 p{display:none;}
.lp_05 span{font-size:49px;font-weight:bold;}
.lp_06{font-size:49px;font-weight:bold;}
.lp_06 span{display:block;color:#231815;}
.lp_07{text-align:center;width:100%;max-width:80%;margin:2rem auto;font-size: 45px;color: #fff;background: #81BB3F;border-radius: 50px;font-weight: bold;}

.lp_09{text-align:center;margin:2rem auto;font-size:24px;font-weight:bold;}
.lp_10{width: 100%;max-width: 85%;margin: 0 auto;}
.lp_11{width:100%;max-width:293px;margin:3rem auto 1rem;text-align:center;}
.lp_12{width: 100%;max-width: 400px;margin: 0 auto 1rem;margin-top:2rem;}
.lp_13{background:#F3DDAC;text-align:center;padding:1rem 2rem;box-sizing:border-box;width:100%;max-width:90%;margin:0 auto;font-size:28px;font-weight:bold;}
.lp_13 p{display:none;}

.lp_15{width:100%;max-width:91%;margin:3rem auto;}
.lp_16{width: 100%;max-width: 95%;margin: 0 auto;}
.lp_17{color:#fff;text-align:center;font-size:28px;font-weight:bold;background:#F43D4B;}
.lp_17 span{color:#F1E321;text-align:center;font-size:28px;font-weight:bold;background:#F43D4B;}
.lp_18{background: rgba(244, 61, 75, .15);border:5px solid #F43D4B;padding: 1.5rem;font-weight: bold;box-sizing: border-box;text-align: center;}
/* .lp_18 span{display:block;margin:1.5rem 0 0;} */
.lp_18 span{color:#B6272D;}
.lp_19{margin:3rem auto;}
.lp_20{font-size:33px;font-weight:bold;text-align:center;line-height: 1.5;margin: 2rem auto 1rem;}
.lp_20 span{display:block;color:#E65A24;}
.lp_21{width: 100%;max-width: 90%;margin: 0 auto;filter: drop-shadow(2px 4px 6px #ccc);}
.lp_22{font-size:33px;font-weight:bold;text-align:center;line-height: 1.5;margin: 2rem auto 1rem;}
.lp_22 span{display:block;color:#39AA4A;}
.lp_23{text-align: center;font-size: 17px;margin: 2rem auto 5rem;}
.lp_24{background:url(https://www.koalaclub-sanjo.jp/carlease/wp-content/uploads/2025/02/lp_bg01.jpg) no-repeat top left;background-size:cover;text-align:center;color:#1A488c;padding:3rem 0;font-size:27px;}
.lp_24 p{display:none;}
.lp_25{font-size:49px;font-weight:bold;}
.lp_25 span{color:#231815;}
.lp_25 .lp_25_fs{font-size:47px;color:#231815;}
.lp_26{font-size: 32px;font-weight: bold;text-align: center;margin: 2rem auto;}
.lp_26 span{background:linear-gradient(transparent 60%, #ff6 60%);}
.lp_27{width:100%;max-width:90%;margin:1rem auto;font-size:17px;font-weight: 500;}
.lp_27 span{color:#B6272D;}
.lp_28{width:100%;max-width:100%;margin:0 auto 4rem;}
.lp_29{width:100%;max-width:695px;margin:0 auto 4rem;}
.lp_30{width:100%;max-width:100%;margin:0 auto 3rem;}
.lp_31{width:100%;max-width:90%;margin:2rem auto;}
.lp_31 img{margin:0 auto 3rem;}
.lp_32{width: 100%;max-width: 100%;margin: 2rem auto;}
.lp_33{margin:2rem auto;}
.lp_34{width: 100%;max-width: 90%;margin:0 auto 2rem;}
.lp_34 span{display:block;margin:0 auto 2rem;}
.lp_35{width: 100%;max-width: 90%;margin: 2rem auto;}
.lp_35 span{background:linear-gradient(transparent 60%, #ff6 60%);}
.lp_36{width:100%;max-width:540px;margin:0 auto;}
.lp_37{display: flex;justify-content: space-between;font-size: 23px;font-weight: bold;color: #1A488C;align-items: flex-end;width:100%;max-width:90%;margin:0 auto;}
.lp_37 span{display:block;font-size:14px;color:#333;}
.lp_38{font-size:26px;font-weight:bold;text-align:center;margin:0 auto 2rem;}
.lp_38 span{display:block;font-size:26px;font-weight:bold;text-align:center;margin:2rem auto;color:#1A488C;}
.lp_38 img{width:100%;max-width:450px;margin:0 auto;}
.lp_39{}
.lp_39 span{display:block;font-size:16px;margin: 1rem 0 0;}
.lp_40{}
.lp_40 span{color:#1A488C;font-size:42px;}
.lp_41{font-size:14px;}
.lp_41 span{color:#1A488C;font-size:24px;padding: 0 0 0 2rem;}
.lp_42{margin:0 0 -8px;}
.lp_43{margin:1rem auto;width:100%;max-width:90%;}
.lp_44{background: #FFEB8E;width: 100%;max-width: 90%;margin: 1rem auto 3rem;padding: 2rem 2rem 1px;}
.lp_44 span{display:block;text-align: center;background: #6BA621;color: #fff;border-radius: 50px;font-size: 30px;font-weight: bold;padding: 3px 0;margin:0 auto 1rem;}
.lp_45{width:100%;max-width:90%;margin:0 auto 2rem;}
.lp_45 span{display:block;background:#39A54A;color:#fff;text-align:center;padding:1rem 0;margin:0 auto 1rem;font-size:28px;font-weight:bold;line-height: 1.5;}

.lp_47{width:100%;max-width:85%;margin:2rem auto;}
.lp_48{font-size:32px;font-weight:bold;text-align:center;}
.lp_48 span{display:block;font-size:23px;color:#fff;background:#1A488C;margin: 1rem auto 2rem;}
.lp_49{width:100%;max-width:90%;margin:1rem auto 3rem;}
.lp_50{width:100%;max-width:90%;margin:2rem auto;}
.lp_50 span{display:block;margin:1rem auto 0;}
.lp_51{display:flex;justify-content:flex-start;align-items:center;width: 100%;max-width: 70%;margin: 0 auto 1rem;}
.lp_51 span{display:block;color:#1A488C;font-weight:bold;padding: 0 0 0 1rem;}
.lp_51 img{width:100%;max-width:80px;}
.lp_52{width:100%;max-width:70%;margin:0 auto 1rem;}
.lp_53{width:100%;max-width:80%;margin:0 auto;height:400px;}
.lp_53 iframe{width:100%;height:100%;}
.lp_54{text-align:center;margin:2rem auto;}

.lp_56{width:100%;max-width:185px;margin:3rem auto 0;}
.lp_57{text-align:center;}
.lp_57 span{display:block;font-size:24px;}
.lp_58{width:100%;max-width:90%;margin:3rem auto;}

.lp_60{display: flex;justify-content: flex-start;width: 100%;max-width: 90%;margin: 2rem auto 1rem;border-bottom: 3px dotted #806239;color:#603813;font-size:34px;font-weight:bold;align-items: flex-start;}
.lp_60 img{width:100%;max-width:50px;margin:4px 1rem 0 0;}
.lp_61{width: 100%;max-width: 90%;margin: 0 auto 3rem;font-size: 21px;font-weight: 500;}
.lp_62{width:100%;max-width:90%;margin:2rem auto 0;}
.lp_62 img{margin:0 auto 2rem;}
.lp_63{width:100%;max-width:90%;margin:0 auto;}
.lp_63 span{/*display:block;*/font-size: 32px;font-weight: bold;text-align: center;color:#333;}
.lp_64{width:100%;max-width:510px;margin:3rem auto -2rem;}

.lp_66{width:100%;max-width:90%;margin:0 auto;}

.lp_tokuten01{width:100%;max-width:90%;margin:0 auto 1rem;}
.lp_tokuten05{margin: 2rem auto 0;}

/*タブ切り替え全体のスタイル*/
.tabs {margin-top: 50px;padding-bottom: 40px;background-color: #fff;width: 720px;margin: 0 auto;}
.tabs{width:720px;}

/*タブのスタイル*/
.tab_item01 {width: calc(100%/4);height: 100px;padding: 1rem 0;line-height:1.2;background-color: #F5D6D3;font-size: 20px;text-align: center;color:#ED5A6A;display: block;float: left;text-align: center;font-weight: bold;transition: all 0.2s ease;transform: rotate(.03deg);border-radius: 15px 15px 0 0;}
.tab_item01:hover {opacity: 0.75;}
.tab_item02 {width: calc(100%/4);height: 100px;background-color: #D7E6BC;line-height: 1.2;font-size: 20px;text-align: center;color:#7FBF1B;display: block;float: left;text-align: center;font-weight: bold;transition: all 0.2s ease;transform: rotate(.03deg);border-radius: 15px 15px 0 0;padding: 1.5em 0 0 0;}
.tab_item02:hover {opacity: 0.75;}
.tab_item03 {width: calc(100%/4);height: 100px;padding: 1rem 0;line-height:1.2;background-color: #CDD5E7;font-size: 20px;text-align: center;color:#0179B6;display: block;float: left;text-align: center;font-weight: bold;transition: all 0.2s ease;transform: rotate(.03deg);border-radius: 15px 15px 0 0;padding: 1em 0 0 0;}
.tab_item03:hover {opacity: 0.75;}
.tab_item04 {width: calc(100%/4);height: 100px;background-color: #F5DECA;line-height: 1.2;font-size: 20px;text-align: center;color:#E65F00;display: block;float: left;text-align: center;font-weight: bold;transition: all 0.2s ease;transform: rotate(.03deg);border-radius: 15px 15px 0 0;padding: 1.5em 0 0 0;}
.tab_item04:hover {opacity: 0.75;}

.tab_c01{width:100%;max-width:555px;margin:0 auto;}
.tab_c02{margin:2rem auto;}
.tab_c03{width:100%;max-width: 490px;margin: 0 auto;}
.tab_c04{width:100%;max-width:670px;margin:1rem auto 0;}
.tab_c05{width:100%;max-width:330px;margin:0 auto;}
.tab_c06{width:100%;max-width:660px;margin:0 auto;}
.tab_c07{width:100%;max-width:355px;margin:0 auto;}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {display: none;}

/*タブ切り替えの中身のスタイル*/
.tab_content {display: none;padding: 40px 10px 0;clear: both;overflow: hidden;}

/*選択されているタブのコンテンツのみを表示*/
#first:checked ~ #first_content,
#second:checked ~ #second_content,
#third:checked ~ #third_content,
#forth:checked ~ #forth_content{display: block;}


/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item01 {background-color: #e6015e;color: #fff;}
.tabs input:checked + .tab_item02 {background-color: #51b344;color: #fff;}
.tabs input:checked + .tab_item03 {background-color: #037abc;color: #fff;}
.tabs input:checked + .tab_item04 {background-color: #ec5d01;color: #fff;}


/* 流れるアニメーション */
.bbs{align-items: center;display: flex;height:82px;overflow:hidden;width: 100%;white-space:nowrap;z-index: 1;}
.bbs ul {animation: flowing 110s linear infinite;transform:translateX(100%);margin: 0;padding: 0;}
.bbs ul li{display: inline-block;padding-right: 0;width:1746px;margin: 0 0 0 -4px;}
.bbs ul li img{width:100%;}
@keyframes flowing {
0% { transform:translateX(0); }
100% { transform:translateX(-100%);}
}

/* よくある質問 */
.accordion-container br{display:none;}
ul.responsive-accordion.responsive-accordion-default.bm-larger {margin-bottom: auto;}
.responsive-accordion-default.responsive-accordion li .responsive-accordion-panel p{line-height: 1.8!important;}

/* フォーム用 */
.contact-form{}
.contact-form th{text-align:left;background:#fff;color:#1A488C;font-weight:bold;border:0;}
.contact-form th p{margin-bottom:0;}
.contact-form td{border:0;background:#fff;}
.contact-form td span.hissu{background:#DD1C24;color:#fff;font-size:9px;display:block;padding: 1px 3px;margin: 0 8px 0 0;}
.contact-form td span.gray{background:#898989;color:#fff;font-size:9px;display:block;padding: 1px 3px;margin: 0 8px 0 0;}
.contact-form td p{margin-bottom:0.5em;display:flex;align-items:center;}

input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select{width:auto;background: #e2e2e2;}

.inq_05{height: 230px;overflow: auto;border: 1px solid #e0e0e0;margin: 0 auto 2rem;background: #d5d5d5;padding: 25px;width: 100%;max-width: 90%;}
.inq_06{margin: 0 auto 2rem;}
.inq_07{}
.inq_07 h4{margin: 2rem auto 1rem;font-weight: 600;font-size: 18px;border-top:0;border-bottom:0;}
.inq_08{margin:0 0 0.5rem;}

/* フッター */
#footer{padding:0;}
#footer .wrap{width:100%;max-width:750px;margin:0 auto;background:#fff;}

.entry-footer{display:none;}
.footer-widgets{margin:0 auto;}
.footer-left, .footer-right{display:none;}
.footer-center{width:100%;margin:0 auto;padding: 0;}

.lp_ft01{background:#1A488C;padding:1.5rem 0;text-align:center;color:#fff;line-height: 2.5;}
.lp_ft01 span{display:block;}
.lp_ft01 a{color:#fff;text-decoration:none;}
.lp_ft02{width: 100%;max-width: 470px;margin: 2rem auto;}

.copyright{display:none;}
.footer-bottom{display:none;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1024px以下*/
@media screen and (max-width: 1024px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
	main.main{padding:0;}
	.lp_62,.lp_flex01{max-width:95%;}
	.outline_inner,#footer .wrap{max-width:100%;}
	.lp_51,.lp_52{max-width:90%;}
	.tabs{width:90%;}
	.lp_03{max-width:120px;}
	.lp_25,.lp_06,.lp_07{font-size:35px;}
	.lp_60{font-size:25px;}
	.lp_02{font-size:20px;}
	.tab_item01,.tab_item02,.tab_item03,.tab_item04{font-size:17px;height:70px;}
	.lp_60 img{margin: 0px 1rem 6px 0;}
	.footer-widgets-mobile{margin:0 auto;}
	.footer-mobile{padding: 10px 0px;}
	.lp_ft02{width:85%;}
	.lp_05 span{font-size:40px;}
	.lp_25 .lp_25_fs{font-size:30px;}
	.accordion-container{width: 100%;max-width: 95%;margin: 0 auto;}
}

/*630px以下*/
@media screen and (max-width: 630px){
	.lp_01{display:none;}
	.lp_01sp{display:block;margin:0 0 -8px;}
	.lp_02,.lp_09{font-size:18px;}
	.lp_03{max-width:80px;}
	.lp_05,.lp_13,.lp_17,.lp_40 span,.lp_48{font-size:20px;}
	.lp_20,.lp_22{font-size:28px;}
	.lp_22{text-align:left;width: 100%;max-width: 90%;}
	.lp_18{text-align:left;padding:0.5rem;}
	.lp_22 span{display:inline;}
	.lp_23{text-align:left;margin: 2rem auto 2rem;width: 100%;max-width: 90%;}
	.lp_26,.lp_25, .lp_06, .lp_07,.lp_44 span{font-size:22px;}
	.tabs{width:100%;}
	.tab_item03 br,.tab_item01 br{display:none;}
	.tab_item01, .tab_item02, .tab_item03, .tab_item04,.lp_48 span{font-size:15px;}
	input[type="image" i] {width:100%;}
	.contact-form td{display:block;}
	input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select{width:100%;}
	.lp_44{padding: 2rem 1rem 1px;}
	.lp_45 span,.lp_60{font-size:20px;}
}

/* 2025/02/18 ファーストビュータイトル文字変更に伴い行間調整 */
div#first-view{font-feature-settings: "palt";
br{display:none}
.lp_06 {line-height: 1.4;padding-block: .5em .25em;
span{font-weight:900;}
span:last-of-type{color:#1a488c;}
}
@media(500px >= width){br{display:block;}}
}