@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/*---------------------------
リセット
---------------------------*/
*,
*::before,
*::after {
box-sizing: border-box;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
html,body{
overflow-x: hidden;
}
body {
line-height:1;
color:#333;
font-size:16px;
font-weight: 500;
font-family: "Noto Sans JP", sans-serif;
}
footer address{
font-style:normal;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration: none;
}
a:hover{
opacity: 0.6;
}
li{
list-style:none;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
p,h2,h3,h4,dt,dd,li{
line-height: 1.6;
margin-bottom: 20px;
}
img{
width: 100%;
max-width: 100%;
vertical-align: bottom;
}
.sp{
display: none;
}

/*---------------------------
ヘッダー
---------------------------*/
header{
background: #fff;
}
.header-top{
width: 1100px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 20px;
padding: 12px 0;
}
.logo-img{
width: 300px;
}
.ml-auto{
margin-left: auto;
}
header .text-link{
color: #666;
}
header a{
font-size: 14px;
}
.btn-black,.btn-orange{
color: #fff;
background: #333333;
border-radius: 10px;
padding: 10px 0;
width: 100px;
text-align: center;
}
.btn-orange{
background: #e8750e;
}
nav ul{
display: flex;
justify-content: center;
padding-bottom: 10px;
}
nav li{
border-right: 1px solid #ccc;
margin: 0;
}
nav li:first-child{
border-left:  1px solid #ccc;
}
nav a{
padding: 20px 20px;
color: #333;
}
header input{
display: none;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.pc{
display: none;
}
.sp{
display: block;
}
.header-top {
width: auto;
position: relative;
z-index: 11;
padding: 12px;
}
.logo-img {
width: 210px;
}
.hamburger {
width: 32px;
height: 24px;
position: relative;
margin-left: auto;
}
.hamburger span,.hamburger:before,.hamburger:after{
content: '';
display: block;
width: 100%;
height: 4px;
background: #333;
border-radius: 10px;
position: absolute;
left: 0;
transition: 0.6s;
}
.hamburger span{
top: 0;
bottom: 0;
margin: auto;
}
.hamburger:before{
top: 0;
}
.hamburger:after{
bottom: 0;
}
input:checked ~ .header-top .hamburger span{
opacity: 0;
}
input:checked ~ .header-top .hamburger:before{
transform: rotate(45deg);
bottom: 0;
margin: auto;
height: 2px;
}
input:checked ~ .header-top .hamburger:after{
transform: rotate(-45deg);
top: 0;
margin: auto;
height: 2px;
}
.hamburger-cont{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 100%;
z-index: 10;
background: #fff;
transition: 0.6s;
padding: 70px 20px 0;
}
input:checked ~ .hamburger-cont{
left: 0;
}
.hamburger-cont .menu1 li{
border-bottom: 1px solid #b3b3b3;
margin: 0;
}
.hamburger-cont .menu1 a,.hamburger-cont .menu2 a{
display: block;
position: relative;
color: #333;
}
.hamburger-cont .menu1 a:after,.hamburger-cont .menu2 a:after{
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 0;
bottom: 0;
right: 18px;
margin: auto;
border: 2px solid #333;
border-left: 0;
border-top: 0;
transform: rotate(-45deg);
}
.hamburger-cont .menu1 a {
font-size: 17px;
padding: 13px 16px;
}
.hamburger-cont .btn-black,.hamburger-cont .btn-orange{
width: auto;
display: block;
margin: 14px 16px 0;
padding: 18px 0;
font-size: 18px;
}
.hamburger-cont .menu1{
margin-bottom: 24px;
}
.hamburger-cont .menu2{
padding: 0 16px;
margin-top: 24px;
}
.hamburger-cont .menu2 a{
width: fit-content;
padding-right: 16px;
}
.hamburger-cont .menu2 a:after{
right: 0;
}
.hamburger-cont .menu2 li{
margin-bottom: 14px;
}
}


/*---------------------------
フッター
---------------------------*/
footer{
margin-top: 30px;
}
footer ul {
background: #333333;
display: grid;
grid-template-columns: repeat(4, auto);
grid-template-rows: repeat(2, auto);
grid-auto-flow: column;
justify-content: center;
gap: 10px 50px;
padding: 30px 0;
}
footer li{
margin: 0;
}
footer ul a {
color: #fff;
position: relative;
display: block;
width: fit-content;
padding: 3px 20px 3px 0;
font-size: 14px;
}
footer ul a:after{
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
border: 2px solid #fff;
border-left: 0;
border-top: 0;
transform: rotate(-45deg);
}
footer .flex {
width: 1100px;
margin: 0 auto;
justify-content: space-between;
align-items: center;
padding: 20px 0;
font-size: 11px;
color: #666;
}
footer .logo-img{
width: 260px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
footer ul{
display: block;
padding: 26px 20px;
}
footer li {
margin-bottom: 8px;
}
footer li:last-child{
margin: 0;
}
footer .logo-img {
width: 210px;
}
footer .flex {
width: auto;
display: block;
text-align: center;
}
footer .flex span {
display: block;
margin-top: 22px;
}
}

/*---------------------------
TOP
---------------------------*/
.fv{
overflow: hidden;
position: relative;
}
.fv-img{
width: 1980px;
max-width: none;
min-width: 100%;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.fv .text-wrap{
position: absolute;
left: 50%;
margin-left: -550px;
top: 70px;
}
.under-line{
font-weight: bold;
background: linear-gradient(transparent 80%, #f8eb5e 0%);
}
.fv .under-line{
font-size: 44px;
}
.fv .text-wrap .s{
display: block;
font-weight: bold;
font-size: 18px;
margin-top: 10px;
}
.orange{
color: #ef7903;
}
h2,main h1{
font-size: 32px;
position: relative;
text-align: center;
font-weight: normal;
margin-top: 50px;
margin-bottom: 80px;
font-weight: 500;
line-height: 1.6;
}
h2:after,main h1:after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: -16px;
margin: auto;
width: 100px;
height: 6px;
border-radius: 30px;
background: linear-gradient(to right, #333 50%, #f5c825 50%, #f5c825 100%);
}
section{
padding: 50px 0;
position: relative;
z-index: 1;
}
.sec-riyuu {
background: #f7c80d;
padding: 0;
}
.sec-option{
z-index: 2;
}
.riyuu-in {
width: 1100px;
margin: 0 auto;
background: #fff;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
padding: 50px 0;
transform: translate(0, -70px);
}
.flex {
display: flex;
justify-content: center;
gap: 40px;
}
.riyuu-in .cont{
width: 290px;
text-align: center;
}
.riyuu-in .cont img{
width: 100%;
}
.riyuu-in h3{
font-size: 20px;
margin: 26px 0 20px;
}
.riyuu-in p {
text-align: left;
width: 90%;
margin: 0 auto;
font-size: 13px;
}
.sec-option .inner {
width: 1100px;
margin: 0 auto;
border: 2px solid #f7c80d;
border-radius: 20px;
position: relative;
padding: 50px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
background: #fff;
}
.sec-option .waku-text {
color: #f78b0d;
font-size: 18px;
position: absolute;
left: 0;
right: 0;
top: -15px;
background: #fff;
width: fit-content;
margin: auto;
padding: 0 20px;
line-height: 30px;
font-weight: bold;
}
.sec-option .waku-text span{
display: block;
position: relative;
}
.sec-option .waku-text span:before,.sec-option .waku-text span:after{
content: '';
display: block;
height: 18px;
width: 12px;
border: 3px solid #f7c80d;
border-top: 0;
border-bottom: 0;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
transform: skew(-30deg);
}
.sec-option .waku-text span:before{
left: -50px;
}
.sec-option .waku-text span:after{
right: -50px;
}
.sec-option ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px 0;
}
.sec-option li{
width: calc(50% - 10px);
background: #f7f7fa;
border-radius: 10px;
overflow: hidden;
display: flex;
align-items: center;
margin: 0;
}
.sec-option li img{
width: 50%;
}
.sec-option .text-wrap {
width: 50%;
text-align: center;
line-height: 1.4;
margin-left: -8px;
}
.sec-option .text-wrap .s{
display: block;
}
.sec-option .text-wrap .under-line{
font-size: 22px;
font-weight: bold;
}
.sec-option .text-wrap .orange{
font-size: 26px;
}
.sec-option .text-wrap .b{
font-size: 46px;
}
.sec-option .kome {
margin: 40px 0 0;
text-align: center;
font-size: 12px;
color: #666666;
}
.sec-plan{
background: #fdf1c3;
overflow: hidden;
}
.sec-plan .label-wrap {
width: 1100px;
margin: 0 auto;
display: flex;
justify-content: center;
gap: 2px;
}
.sec-plan label {
background: #8f8981;
border-radius: 12px 12px 0 0;
border: 2px solid #8f8981;
border-bottom-color: #333;
color: #fff;
text-align: center;
line-height: 50px;
width: 100px;
cursor: pointer;
font-weight: bold;
}
.sec-plan .inner {
width: 1100px;
margin: 0 auto 42px;
background: #fff;
border-radius: 20px;
box-shadow: 0 0 0 2px #333 ,0 10px 30px rgba(0,0,0,0.1);
}
.sec-plan input{
display: none;
}
#area1:checked ~ .label-wrap label[for="area1"],#area2:checked ~ .label-wrap label[for="area2"],#area3:checked ~ .label-wrap label[for="area3"],#area4:checked ~ .label-wrap label[for="area4"],#area5:checked ~ .label-wrap label[for="area5"],#area6:checked ~ .label-wrap label[for="area6"],#area7:checked ~ .label-wrap label[for="area7"],#area8:checked ~ .label-wrap label[for="area8"],#area9:checked ~ .label-wrap label[for="area9"]{
background: #fff;
border-color: #333;
border-bottom-color: #fff;
color: #333;
}
.sec-plan .cont {
overflow: hidden;
height: 0;
opacity: 0;
transition: opacity 0.6s;
}
#area1:checked ~ .inner .cont1,#area2:checked ~ .inner .cont2,#area3:checked ~ .inner .cont3,#area4:checked ~ .inner .cont4,#area5:checked ~ .inner .cont5,#area6:checked ~ .inner .cont6,#area7:checked ~ .inner .cont7,#area8:checked ~ .inner .cont8,#area9:checked ~ .inner .cont9{
height: auto;
opacity: 1;
padding: 50px 0;
}
.sec-plan .cont table {
width: 800px;
margin: 0 auto 30px;
}
.sec-plan .cont th,.sec-plan .cont td{
padding: 10px;
vertical-align: middle;
text-align: center;
font-size: 14px;
border: 1px solid #333;
line-height: 1.3;
}
.sec-plan .cont th{
background: #333333;
color: #fff;
}
.sec-plan .cont td{
background: #f7f7fa;
}
.sec-plan .cont .last{
background: #fdf1c3;
}
.btn-yellow {
background: #f8eb5e;
border-radius: 8px;
position: relative;
display: block;
width: 360px;
padding: 16px 0;
text-align: center;
margin: 50px auto 0;
color: #333;
}
.btn-yellow:after {
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
border: 2px solid #333;
border-left: 0;
border-top: 0;
transform: rotate(-45deg);
}
.sec-plan .btn-yellow{
margin-top: 0;
}
.cv-wrap {
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/bt-area_before.png) no-repeat left top / 130px , url(https://correct-energy.jp/wp-content/uploads/2024/09/bt-area_after.png) no-repeat right bottom / 130px #fff;
width: 950px;
margin: 0 auto;
position: relative;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
text-align: center;
padding: 40px 0 46px;
}
.cv-wrap a {
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/bt_before.png) no-repeat left top / 110px , url(https://correct-energy.jp/wp-content/uploads/2024/09/bt_after.png) no-repeat right bottom / 110px #f78b0d;
color: #fff;
display: inline-block;
width: 500px;
padding: 30px 0;
font-size: 26px;
border-radius: 12px;
box-shadow: 0 6px 0 #a84d02;
font-weight: bold;
}
.cv-wrap:before,.cv-wrap:after{
content: '';
display: block;
position: absolute;
bottom: -50px;
}
.cv-wrap:before{
width: 164px;
height: 220px;
left: 10px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/img-people1.png) no-repeat center bottom / contain;
}
.cv-wrap:after{
width: 164px;
height: 220px;
right: 10px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/img-people2.png) no-repeat center bottom / contain;
}
.sec-qa{
background: #f7f7fa;
}
.qa-cont {
width: 950px;
margin: 0 auto 24px;
background: #fff;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
padding: 0 20px;
}
.qa-cont h3{
margin: 0;
}
.qa-cont input{
display: none;
}
.qa-cont label {
display: block;
position: relative;
padding: 30px 70px;
cursor: pointer;
}
.qa-cont label:before {
content: 'Q.';
font-size: 24px;
position: absolute;
color: #999999;
left: 20px;
top: 0;
bottom: 0;
margin: auto;
height: fit-content;
}
.qa-cont label .pulus {
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
width: 18px;
height: 18px;
}
.qa-cont label .pulus span{
display: block;
position: relative;
width: 100%;
height: 100%;
}
.qa-cont label .pulus span:before,.qa-cont label .pulus span:after{
content: '';
display: block;
width: 100%;
height: 3px;
background: #e8750e;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
transition: 0.6s;
}
.qa-cont label .pulus span:after{
transform: rotate(90deg);
}
input:checked ~ h3 label .pulus span:after{
transform: rotate(0deg);
}
.acd-cont{
height: 0;
opacity: 0;
overflow: hidden;
transition: 0.6s;
position: relative;
padding: 0 70px;
color: #666666;
}
input:checked ~ .acd-cont{
height: auto;
opacity: 1;
border-top: 1px solid #d9d9d9;
padding: 20px 70px 30px;
}
.acd-cont:before{
content: 'A.';
font-size: 24px;
position: absolute;
color: #efab00;
left: 22px;
top: 20px;
}
.acd-cont dl{
margin-top: 40px;
}
.acd-cont dt {
color: #333;
font-size: 18px;
margin-bottom: 0;
}
.acd-cont table {
color: #333;
width: 100%;
}
.acd-cont th,.acd-cont td{
padding: 20px 10px;
vertical-align: middle;
border: 1px solid #333;
}
.acd-cont th {
text-align: center;
background: #f7c80d;
}
.notice-cont{
width: 950px;
margin: 0 auto;
border-bottom: 1px solid #c6c6c6;
}
.notice-cont:first-of-type{
border-top: 1px solid #c6c6c6;
}
.notice-cont a {
color: #333;
padding: 30px 0;
display: flex;
}
.notice-cont .date{
width: 180px;
text-align: center;
}
.bg-ring{
position: absolute;
z-index: -1;
}
.ring01 {
width: 360px;
left: 50%;
margin-left: -670px;
top: 20px;
}
.ring02 {
width: 200px;
right: 50%;
margin-right: -870px;
top: 100px;
}
.ring03 {
width: 250px;
left: 50%;
margin-left: -840px;
top: -160px;
}
.ring04 {
width: 360px;
right: 50%;
margin-right: -800px;
top: -50px;
}
.ring05 {
width: 360px;
left: 50%;
margin-left: -690px;
top: 160px;
}
.ring06 {
width: 400px;
right: 50%;
margin-right: -730px;
bottom: -160px;
}
.ring07 {
width: 730px;
left: 50%;
margin-left: -790px;
top: 30px;
}
.ring08 {
width: 620px;
right: 50%;
margin-right: -920px;
bottom: -260px;
}
.ring09 {
width: 210px;
left: 50%;
margin-left: -750px;
bottom: -80px;
}


/*---------------------------
TOP（SP）
---------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
a:hover{
opacity: 1;
}
.fv .text-wrap{
position: static;
margin: 0;
}
.fv .sp-bg {
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/fv_sp.jpg) no-repeat center top -30px / 100%;
margin: 0;
padding: 32px 0;
}
.fv .under-line {
font-size: 36px;
background: #f8eb9d;
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0 10px;
}
.fv .text-wrap .s{
font-size: 24px;
padding-left: 10px;
margin: 5px 0;
}
.fv .sp-bg-orange {
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/bg-ring-04-5.svg) no-repeat left -240px top -280px / 340px ,url(https://correct-energy.jp/wp-content/uploads/2024/09/bg-ring-04-5.svg) no-repeat right -240px bottom -280px / 340px #f78b0d;
color: #fff;
margin: 0;
padding: 12px 24px;
font-size: 15px;
}
.page-link{
display: flex;
background: #fff;
padding: 10px 0;
}
.page-link li{
width: calc(100% / 3);
border-right: 1px solid #c6c6c6;
margin: 0;
}
.page-link li:last-child{
border: 0;
}
.page-link a {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: #333;
width: 100%;
height: 100%;
font-weight: 700;
line-height: 1.5;
padding: 10px 0 22px;
position: relative;
}
.page-link a:after{
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
bottom: 3px;
left: 0;
right: 0;
margin: auto;
border: 2px solid #333;
border-left: 0;
border-top: 0;
transform: rotate(45deg);
}
section{
padding: 40px 10px;
}
h2,main h1{
font-size: 26px;
margin-bottom: 70px;
}
h2:after,main h1:after{
width: 80px;
height: 5px;
}
.sec-riyuu{
padding: 20px 10px;
}
.riyuu-in{
transform: none;
width: auto;
padding: 20px 0 50px;
}
.riyuu-in .flex{
display: block;
}
.riyuu-in .cont{
width: auto;
margin-bottom: 50px;
}
.riyuu-in .cont:last-child{
margin: 0;
}
.riyuu-in .cont img {
width: 250px;
}
.riyuu-in h3 {
font-size: 18px;
margin: 22px 0 18px;
}
.riyuu-in p{
width: 84%;
}
.sec-option .inner{
width: auto;
padding: 46px 14px 30px;
}
.sec-option .waku-text{
font-size: 16px;
height: 50px;
line-height: 1.5;
top: -25px;
padding: 0 18px;
}
.sec-option .waku-text span:before, .sec-option .waku-text span:after{
height: 14px;
width: 10px;
border-width: 2px;
}
.sec-option {
padding: 44px 10px 30px;
}
.sec-option ul{
display: block;
}
.sec-option li {
width: auto;
margin: 0 auto 18px;
}
.sec-option .text-wrap .s {
font-size: 14px;
}
.sec-option .text-wrap .under-line {
font-size: 18px;
}
.sec-option .text-wrap .orange {
font-size: 22px;
}
.sec-option .text-wrap .b {
font-size: 34px;
}
.sec-plan .label-wrap{
display: none;
}
.sec-plan .inner{
width: auto;
background:none;
border-radius: 0;
box-shadow: none;
margin-bottom: 30px;
}
.sec-plan .cont{
height: auto;
opacity: 1;
margin-bottom: 20px;
background: #fff;
border-radius: 8px;
box-shadow: 0 0 0 2px #333 ;
padding: 0!important;
}
.plan-acd-cont{
overflow: hidden;
height: 0;
opacity: 0;
transition: opacity 0.6s;
padding: 0 10px;
}
input:checked ~ .plan-acd-cont{
height: auto;
opacity: 1;
padding: 10px 10px 20px;
}
.sec-plan label {
background: none;
color: #333;
border: 0;
text-align: left;
line-height: normal;
width: auto;
padding: 16px 20px;
position: relative;
}
.sec-plan label:after{
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
border: 2px solid #333;
border-left: 0;
border-top: 0;
transform: rotate(45deg);
transition: 0.6s;
}
.sec-plan input:checked ~  label:after{
transform: rotate(225deg);
}
.sec-plan .cont table {
width: 100%;
margin: 0 auto 18px;
}
.btn-yellow{
width: 290px;
margin-top: 40px;
}
.cv-wrap{
width: auto;
border-radius: 8px;
margin: 0 auto;
padding: 20px 16px 26px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/bt-area_before.png) no-repeat left -40px top -40px / 130px , url(https://correct-energy.jp/wp-content/uploads/2024/09/bt-area_after.png) no-repeat right -40px bottom -40px / 130px #fff;
}
.cv-wrap a{
width: 100%;
padding: 20px 0;
font-size: 22px;
border-radius: 8px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/bt_before.png) no-repeat left top / 80px , url(https://correct-energy.jp/wp-content/uploads/2024/09/bt_after.png) no-repeat right bottom / 80px #f78b0d;
}
.cv-wrap:before, .cv-wrap:after{
display: none;
}
.sec-plan:before, .sec-plan:after {
content: '';
display: block;
position: absolute;
bottom: 0;
}
.sec-plan:before {
width: 102px;
height: 132px;
left: 50%;
margin-left: -104px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/img-people1.png) no-repeat center bottom / contain;
}
.sec-plan:after {
width: 102px;
height: 132px;
right: 50%;
margin-right: -104px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/img-people2.png) no-repeat center bottom / contain;
}
.sec-plan{
padding-bottom: 140px;
}
.qa-cont{
width: auto;
border-radius: 8px;
margin: 0 auto 20px;
padding: 0 10px;
}
.qa-cont label {
padding: 20px 40px;
}
.qa-cont label:before{
font-size: 22px;
left: 4px;
}
.qa-cont label .pulus{
right: 14px;
}
.acd-cont{
padding: 0 14px 0 40px;
font-size: 14px;
}
input:checked ~ .acd-cont{
padding: 20px 14px 30px 40px;
}
.acd-cont:before{
font-size: 22px;
left: 6px;
top: 17px;
}
.acd-cont dt {
font-size: 16px;
}
.acd-cont th, .acd-cont td{
line-height: 1.3;
}
.notice-cont{
width: auto;
}
.notice-cont a {
padding: 24px 10px;
display: block;
}
.notice-cont .date {
display: block;
text-align: left;
width: auto;
margin-bottom: 14px;
font-size: 14px;
}
.notice-cont .title{
line-height: 1.4;
}
.ring01{
left: -80px;
margin-left: 0;
}
.ring02{
right: -130px;
margin-right: 0;
top: 330px;
}
.ring03{
left: -170px;
margin-left: 0;
top: -10px;
}
.ring04 {
width: 280px;
right: -240px;
margin-right: 0;
top: 460px;
}
.ring05 {
width: 430px;
left: -310px;
margin-left: 0;
top: auto;
bottom: -150px;
}
.ring06,.ring07,.ring08,.ring09{
display: none;
}
}

@media screen and (max-width : 391px){
.fv .sp-bg {
padding: 28px 0;
}
.fv .sp-bg-orange{
padding: 12px 14px;
}
}

@media screen and (max-width : 376px){
.fv .sp-bg {
padding: 22px 0;
}
.fv .sp-bg-orange{
font-size: 14px;
}
}

@media screen and (max-width : 361px){
.fv .sp-bg {
padding: 18px 0;
}
.fv .sp-bg-orange{
padding: 12px 12px;
}
}


/*---------------------------
下層 features
---------------------------*/
.breadcrumbs{
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
color: #666666;
font-size: 11px;
}
.breadcrumbs .inner {
width: 1100px;
margin: 0 auto;
display: flex;
align-items: center;
height: 30px;
gap: 30px;
padding-left: 22px;
}
.breadcrumbs a{
color: #666666;
position: relative;
}
.breadcrumbs a:after{
content: '';
display: block;
width: 7px;
height: 7px;
position: absolute;
top: 0;
bottom: 0;
right: -15px;
margin: auto;
border: 2px solid #666;
border-left: 0;
border-top: 0;
transform: rotate(-45deg);
}
.breadcrumbs a:first-child:before{
content: '';
display: block;
width: 12px;
height: 12px;
position: absolute;
top: 0;
bottom: 0;
left: -15px;
margin: auto;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/icon-home.svg) no-repeat center / contain;
}
.main-visual{
position: relative;
z-index: 2;
}
.main-visual img{
width: 1980px;
max-width: none;
min-width: 100%;
position: relative;
left: 50%;
transform: translate(-50%, 0);
height: 300px;
object-fit: cover;
}
.sec-features1 .flex {
width: 1100px;
margin: 0 auto;
gap: 0;
align-items: center;
}
.sec-features1 .flex .text{
width: 50%;
padding-right: 20px;
}
.sec-features1 .flex .text p{
line-height: 1.8;
}
.sec-features1 .flex .text .b{
font-weight: bold;
font-size: 24px;
}
.sec-features1 .flex img{
width: 50%;
}
.sec-features1 > img {
display: block;
width: 1100px;
margin: 70px auto 0;
}
.commissionFree-wrap {
margin-top: 70px;
background: #f7c80d;
position: relative;
z-index: 1;
}
.commissionFree-wrap:after {
content: '';
display: block;
width: 480px;
height: 480px;
position: absolute;
right: 50%;
margin-right: -920px;
bottom: -200px;
z-index: -1;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/bg-ring-04-5.svg) no-repeat center / contain;
}
.commissionFree-wrap-in{
overflow: hidden;
position: relative;
z-index: 1;
padding: 70px 0;
}
.commissionFree-wrap .micro-copy {
color: #f25100;
position: relative;
width: fit-content;
margin: 0 auto 30px;
font-size: 48px;
font-weight: bold;
}
.commissionFree-wrap .micro-copy:before, .commissionFree-wrap .micro-copy:after {
content: '';
display: block;
width: 5px;
height: 32px;
border-radius: 10px;
position: absolute;
bottom: 0;
background: #f25100;
}
.commissionFree-wrap .micro-copy:before{
left: -18px;
transform: rotate(-33deg);
}
.commissionFree-wrap .micro-copy:after {
right: -18px;
transform: rotate(33deg);
}
.commissionFree-wrap .inner {
background: #fff;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
width: 1100px;
margin: 0 auto;
position: relative;
text-align: center;
padding: 50px 0 60px;
}
.commissionFree-wrap .inner p {
font-size: 36px;
line-height: 1.5;
}
.commissionFree-wrap .inner .under-line {
width: fit-content;
margin: 0 auto 20px;
font-size: 54px;
background: linear-gradient(transparent 74%, #ffff73 0%);
line-height: 1.3;
}
.commissionFree-wrap .under-line .red {
color: #e85661;
font-size: 80px;
}
.commissionFree-wrap-in:before {
content: '';
display: block;
width: 600px;
height: 600px;
position: absolute;
top: -310px;
left: 50%;
margin-left: -1010px;
z-index: -1;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/bg-ring-01.svg) no-repeat center / contain;
}
.commissionFree-wrap .inner:before {
content: '';
display: block;
width: 320px;
height: 360px;
position: absolute;
left: -190px;
bottom: -74px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/img-people3.png) no-repeat center bottom / contain;
}
.commissionFree-wrap .inner:after {
content: '';
display: block;
width: 350px;
height: 390px;
position: absolute;
right: -220px;
bottom: -74px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/img-people4.png) no-repeat center bottom / contain;
}
.sec-features2 ul{
display: flex;
justify-content: space-between;
width: 1100px;
margin: 0 auto;
}
.sec-features2 li {
margin: 0;
width: 31%;
text-align: center;
font-weight: bold;
font-size: 24px;
}
.sec-features2 li img {
border-radius: 14px;
display: block;
margin-bottom: 20px;
}
.sec-features2 .btn-yellow{
width: 440px;
}
.sec-features2 .cv-wrap-bg {
background: #fdf1c3;
margin-top: 70px;
position: relative;
}
.sec-features2 .cv-wrap-bg .inner{
padding: 50px 0;
overflow: hidden;
position: relative;
z-index: 2;
}
.sec-features2{
padding-bottom: 0;
}
.mt0{
margin-top: 0;
}
.sec-features1 .ring-sec-features1 {
left: 50%;
margin: 0 0 0 -1180px;
width: 650px;
top: 310px;
}
.sec-features1 .ring-sec-features2 {
right: 50%;
margin: 0 -960px 0 0;
width: 560px;
top: -200px;
}
.sec-features1 .ring-sec-features5 {
right: 50%;
margin: 0 -920px 0 0;
width: 560px;
top: 900px;
}
.sec-features2 .ring-sec-features3 {
left: 50%;
margin: 0 0 0 -1050px;
width: 460px;
bottom: 110px;
z-index: 1;
}
.sec-features2 .ring-sec-features4 {
right: 50%;
margin: 0px -860px 0 0;
width: 460px;
bottom: 110px;
z-index: 1;
}

/*---------------------------
下層 features（SP）
---------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.main-visual img{
width: 100%;
height: 130px;
}
.breadcrumbs .inner{
width: auto;
}
.sec-features1 .flex {
width: auto;
flex-direction: column-reverse;
padding: 0 10px;
}
.sec-features1 .flex img {
width: auto;
}
.sec-features1 .flex .text {
width: auto;
padding-right: 0;
margin-top: 20px;
}
.sec-features1 .flex .text .b {
font-size: 20px;
text-align: center;
}
.sec-features1 .flex .text p:last-child{
margin: 0;
}
.sec-features1 > img {
width: calc(100% - 20px);
margin: 24px auto 0;
}
.sec-features1{
padding: 40px 0px;
}
.commissionFree-wrap-in {
padding: 30px 10px 104px;
}
.commissionFree-wrap .micro-copy{
font-size: 36px;
}
.commissionFree-wrap .micro-copy:before, .commissionFree-wrap .micro-copy:after{
height: 26px;
}
.commissionFree-wrap .inner{
border-radius: 12px;
width: auto;
padding: 26px 20px 30px;
position: static;
}
.commissionFree-wrap-in:before,.commissionFree-wrap .inner:before,.sec-features2 .ring-sec-features3,.sec-features2 .ring-sec-features4{
display: none;
}
.commissionFree-wrap .inner:after{
width: 200px;
height: 160px;
right: -1px;
bottom: -1px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/sp_img-people.png) no-repeat right bottom / contain;
}
.commissionFree-wrap .inner p {
font-size: 18px;
text-align: left;
margin: 24px 0 0;
}
.commissionFree-wrap .inner .under-line {
display: inline;
font-size: 38px;
line-height: 1.1;
}
.sec-features2 {
padding: 40px 0 0;
}
.sec-features2 ul {
display: block;
width: auto;
padding: 0 10px;
}
.sec-features2 li {
width: auto;
margin-bottom: 24px;
font-size: 20px;
}
.sec-features2 li br{
display: none;
}
.sec-features2 li img {
margin-bottom: 10px;
}
.sec-features2 .btn-yellow {
width: calc(100% - 20px);
}
.sec-features2 .cv-wrap-bg .inner {
padding: 0;
}
.sec-features2 .cv-wrap-bg {
margin-top: 60px;
padding: 30px  10px 140px;
overflow: hidden;
}
.cv-wrap-bg:before, .cv-wrap-bg:after {
content: '';
display: block;
position: absolute;
bottom: 0;
}
.cv-wrap-bg:before {
width: 102px;
height: 132px;
left: 50%;
margin-left: -104px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/img-people1.png) no-repeat center bottom / contain;
}
.cv-wrap-bg:after {
width: 102px;
height: 132px;
right: 50%;
margin-right: -104px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/img-people2.png) no-repeat center bottom / contain;
}
}

@media screen and (max-width : 391px){
.sec-features1 .flex .text .b {
font-size: 18px;
}
.commissionFree-wrap .inner:after{
width: 194px;
}
.sec-features2 .btn-yellow{
font-size: 15px;
}
}

@media screen and (max-width : 376px){
.commissionFree-wrap .inner:after{
bottom: -7px;
}
.sec-features2 .btn-yellow:after{
right: 15px;
}
}

@media screen and (max-width : 361px){
.sec-features1 .flex .text .b {
font-size: 17px;
}
.sec-features2 .btn-yellow {
font-size: 14px;
}
.sec-features2 .cv-wrap a{
font-size: 20px;
}
}


/*---------------------------
下層 option
---------------------------*/
.main-visual.main-visual-option img{
width: 1680px;
}
.sec-option1 .cont{
width: 1100px;
margin: 0 auto;
display: flex;
align-items: center;
border: 2px solid #f5c825;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
border-radius: 20px;
position: relative;
padding:60px 50px;
background: #fff;
}
.sec-option1 .inner1 .cont:before {
content: '';
display: block;
width: 130px;
height: 60px;
position: absolute;
left: -10px;
top: 16px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/img-option-coupon.png) no-repeat left center / contain;
}
.sec-option1 .cont .tag {
background: #f78b0d;
color: #fff;
position: absolute;
left: 0;
right: 0;
top: -27px;
margin: auto;
width: fit-content;
font-size: 20px;
padding: 0 30px 8px;
height: 54px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: flex-end;
}
.sec-option1 .cont .tag img {
width: 40px;
border-radius: 0;
margin-left: 6px;
}
.sec-option1 .cont .text {
width: 50%;
padding-right: 20px;
}
.sec-option1 .cont .text dt{
font-size: 24px;
font-weight: bold;
}
.sec-option1 .cont .text dd{
line-height: 1.8;
margin-bottom: 30px;
}
.sec-option1 .flow-tag {
display: flex;
align-items: center;
padding-left: 10px;
margin-bottom: 30px;
}
.sec-option1 .flow-tag span {
display: block;
width: fit-content;
padding: 10px 10px 10px 50px;
background: #f78b0d;
color: #fff;
position: relative;
border-radius: 8px;
}
.sec-option1 .flow-tag span:before {
content: '';
display: block;
width: 50px;
height: 50px;
position: absolute;
border-radius: 50%;
left: -10px;
top: 0;
bottom: 0;
margin: auto;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/icon-option.png) no-repeat center / contain;
box-shadow: 3px 0px 0 rgba(0,0,0,0.1);
}
.sec-option1 .flow-tag:after {
content: '';
display: block;
width: 10px;
flex-grow: 1;
border-top: 4px dotted #f5c825;
}
.sec-option1 .flow{
display: flex;
justify-content: space-between;
}
.sec-option1 .flow div {
width: calc((100% - 30px) / 3);
background: #eeeeee;
color: #666;
border-radius: 8px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.5;
font-size: 13px;
font-weight: 600;
padding: 8px 0;
}
.sec-option1 .flow div:after {
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 0;
bottom: 0;
right: -10px;
margin: auto;
border: 2px solid #666;
border-left: 0;
border-top: 0;
transform: rotate(-45deg);
}
.sec-option1 .flow div:last-child:after{
display: none;
}
.sec-option1 .cont img{
width: 50%;
border-radius: 20px;
}
.sec-option1 .inner1{
padding-bottom: 70px;
position: relative;
z-index: 2;
}
.sec-option1 .inner2 {
background: #fdf1c3;
padding: 90px 0 70px;
position: relative;
z-index: 1;
}
.sec-option1 .inner3 {
padding: 90px 0 70px;
position: relative;
z-index: 2;
}
.sec-option1 .ring-sec-option1 {
right: 50%;
margin: 0 -960px 0 0;
width: 560px;
top: -200px;
}
.sec-option1 .ring-sec-option2 {
left: 50%;
margin: 0 0 0 -1030px;
width: 570px;
bottom: -120px;
}
.sec-option1 .ring-sec-option3 {
right: 50%;
margin: 0 -940px 0 0;
width: 460px;
bottom: 40px;
}
.sec-option1 .ring-sec-option4 {
left: 50%;
margin: 0 0 0 -1030px;
width: 570px;
top: -120px;
}
.sec-option1 .ring-sec-option5 {
right: 50%;
margin: 0 -890px 0 0;
width: 460px;
bottom: -40px;
}
.cv-wrap2 {
background: #f7c80d;
overflow: hidden;
position: relative;
z-index: 1;
}
.cv-wrap2 .inner{
width: 1100px;
margin: 0 auto;
display: flex;
justify-content: space-between;
position: relative;
padding: 70px 0;
}
.cv-wrap2 .inner a{
width: 48%;
color: #fff;
padding: 30px 0;
font-size: 24px;
border-radius: 12px;
box-shadow: 0 6px 0 #a84d02;
font-weight: bold;
text-align: center;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/bt_before.png) no-repeat left top / 110px , url(https://correct-energy.jp/wp-content/uploads/2024/09/bt_after.png) no-repeat right bottom / 110px #f78b0d;
}
.cv-wrap2 .inner a:first-child{
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/bt_before_b.png) no-repeat left top / 110px , url(https://correct-energy.jp/wp-content/uploads/2024/09/bt_after_b.png) no-repeat right bottom / 110px #4d4d4d;
box-shadow: 0 6px 0 #333;
}
.cv-wrap2:before,.cv-wrap2:after {
content: '';
display: block;
width: 300px;
height: 300px;
position: absolute;
z-index: -1;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/bg-ring-01.svg) no-repeat center / contain;
}
.cv-wrap2:before {
left: 50%;
margin-left: -940px;
top: -200px;
}
.cv-wrap2:after{
right: 50%;
margin-right: -940px;
bottom: -200px;
}
.cv-wrap2 .inner:before, .cv-wrap2 .inner:after {
content: '';
display: block;
position: absolute;
bottom: -1px;
}
.cv-wrap2 .inner:before {
width: 164px;
height: 220px;
left: -170px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/img-people1.png) no-repeat center bottom / contain;
}
.cv-wrap2 .inner:after {
width: 164px;
height: 220px;
right: -170px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/img-people2.png) no-repeat center bottom / contain;
}
.sec-option1{
padding-bottom: 0;
}

/*---------------------------
下層 option（SP）
---------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.main-visual.main-visual-option img{
width: 100%;
}
.sec-option1{
padding: 40px 0px 0;
}
.sec-option1 .inner1{
padding: 0 10px 40px;
}
.sec-option1 .cont{
width: auto;
flex-direction: column-reverse;
padding: 42px 30px 30px;
}
.sec-option1 .cont .tag{
top: -25px;
font-size: 18px;
padding: 0 30px 8px;
height: 50px;
}
.sec-option1 .cont .tag img {
width: 36px;
}
.sec-option1 .cont .text {
width: 100%;
margin-top: 20px;
padding-right: 0;
}
.sec-option1 .cont img {
width: 100%;
}
.sec-option1 .cont .text dt {
font-size: 20px;
text-align: center;
margin-bottom: 6px;
}
.sec-option1 .cont .text dd {
line-height: 1.6;
margin-bottom: 20px;
}
.sec-option1 .flow-tag span{
padding: 10px 10px 10px 46px;
}
.sec-option1 .flow-tag {
margin-bottom: 24px;
}
.sec-option1 .flow {
display: block;
}
.sec-option1 .flow div{
width: auto;
text-align: center;
font-size: 15px;
font-weight: 700;
padding: 15px 0;
margin-bottom: 24px;
}
.sec-option1 .flow div:last-child{
margin-bottom: 0;
}
.sec-option1 .flow div br{
display: none;
}
.sec-option1 .flow div:after{
top: auto;
bottom: -13px;
right: 0;
left: 0;
transform: rotate(45deg);
}
.sec-option1 .inner1 .cont:before{
width: 110px;
height: 48px;
top: 56px;
}
.sec-option1 .inner2,.sec-option1 .inner3 {
padding: 60px 10px 40px;
}
.cv-wrap2 .inner {
width: auto;
flex-direction: column-reverse;
gap: 30px;
padding: 40px 10px 150px;
}
.cv-wrap2 .inner a{
width: 100%;
font-size: 22px;
padding: 26px 0;
}
.cv-wrap2 .inner a:first-child{
line-height: 1.3;
padding: 12px 0;
}
.cv-wrap2 .inner:before{
width: 102px;
height: 132px;
left: 50%;
margin-left: -104px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/img-people1.png) no-repeat center bottom / contain;
}
.cv-wrap2 .inner:after{
width: 102px;
height: 132px;
right: 50%;
margin-right: -104px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/img-people2.png) no-repeat center bottom / contain;
}
}

@media screen and (max-width : 376px){
.sec-option1 .cont {
padding: 42px 20px 30px;
}
.sec-option1 .inner1 .cont:before {
width: 100px;
}
}

@media screen and (max-width : 361px){
.sec-option1 .cont .text dt {
font-size: 19px;
}
}


/*---------------------------
下層 inquiry
---------------------------*/
.main-visual-inquiry {
margin-bottom: 50px;
}
.main-visual-inquiry img{
width: 1600px;
}
.sec-inquiry1{
background: #fdf1c3;
overflow: hidden;
text-align: center;
}
.sec-inquiry1 .inner {
width: 1100px;
margin: 0 auto;
border: 2px solid #f7c80d;
border-radius: 20px;
position: relative;
padding: 50px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
background: #fff;
}
.sec-inquiry1 .b {
font-weight: bold;
font-size: 24px;
margin-bottom: 0;
}
.sec-inquiry1 .kome{
color: #666;
}
.cv-btn{
display: block;
width: 500px;
padding: 30px 0;
font-size: 26px;
border-radius: 12px;
box-shadow: 0 6px 0 #a84d02;
font-weight: bold;
color: #fff;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/bt_before.png) no-repeat left top / 110px , url(https://correct-energy.jp/wp-content/uploads/2024/09/bt_after.png) no-repeat right bottom / 110px #f78b0d;
margin:40px auto 20px;
}
.sec-inquiry1 .orange{
font-weight: bold;
font-size: 20px;
margin-bottom: 0;
}
.sec-inquiry1 .bg-gray {
background: #f8f8f8;
margin: 40px 0 0;
font-size: 11px;
color: #666;
text-align: left;
padding: 20px;
}
.sec-inquiry1 .ring-sec-inquiry1 {
left: 50%;
margin: 0 0 0 -950px;
width: 500px;
top: -60px;
}
.sec-inquiry1 .ring-sec-inquiry2{
right: 50%;
margin: 0 -960px 0 0;
width: 560px;
top: -200px;
}
.sec-inquiry1 .ring-sec-inquiry3 {
right: 50%;
margin: 0 -920px 0 0;
width: 560px;
bottom: -470px;
}

/*---------------------------
下層 inquiry（SP）
---------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.main-visual-inquiry img {
width: 100%;
}
.main-visual-inquiry {
margin-bottom: 40px;
}
.sec-inquiry1 .inner{
width: auto;
padding: 30px;
}
.sec-inquiry1 .b {
font-weight: bold;
font-size: 18px;
line-height: 1.4;
}
.sec-inquiry1 .kome {
font-size: 14px;
}
.cv-btn{
width: 100%;
padding: 20px 0;
font-size: 22px;
border-radius: 8px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/bt_before.png) no-repeat left top / 80px , url(https://correct-energy.jp/wp-content/uploads/2024/09/bt_after.png) no-repeat right bottom / 80px #f78b0d;
margin: 30px auto 20px;
}
.sec-inquiry1 .orange {
font-size: 16px;
}
.sec-inquiry1 .bg-gray {
margin: 30px 0 0;
padding: 14px;
}
}

@media screen and (max-width : 391px){
.sec-inquiry1 .inner {
padding: 26px;
}
}

@media screen and (max-width : 376px){
.sec-inquiry1 .inner {
padding: 20px;
}
}

@media screen and (max-width : 361px){
.sec-inquiry1 .b {
font-size: 17px;
}
.sec-inquiry1 .orange {
font-size: 15px;
}
}

/*---------------------------
下層 faq
---------------------------*/
.main-visual-faq {
margin-bottom: 50px;
}
.main-visual-faq img{
object-position: top;
}
.sec-faq1 {
background: #f7f7fa;
}
.qa-page-link{
width: 950px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.qa-page-link li{
width: calc((100% - 40px) / 5);
margin: 0;
}
.qa-page-link a {
width: auto;
padding: 0;
margin: 0;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.3;
font-size: 14px;
}
.qa-page-link a:after{
transform: rotate(45deg);
right: 12px;
}
.sec-faq1 h2 {
text-align: left;
width: 950px;
margin: 60px auto 14px;
font-size: 22px;
font-weight: bold;
padding-left: 34px;
}
.sec-faq1 h2:before {
content: '';
display: block;
width: 35px;
height: 48px;
position: absolute;
left: 0;
bottom: 3px;
background: url(https://correct-energy.jp/wp-content/uploads/2024/09/icon-faq.svg) no-repeat left bottom / contain;
}
.sec-faq1 h2:after{
display: none;
}

/*---------------------------
下層 faq（SP）
---------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.main-visual-faq {
margin-bottom: 40px;
}
.qa-page-link {
width: auto;
display: block;
}
.qa-page-link li {
width: auto;
margin-bottom: 16px;
}
.qa-page-link li:last-child{
margin: 0;
}
.qa-page-link a{
font-size: 15px;
}
.qa-page-link a br{
display: none;
}
.sec-faq1 h2 {
width: auto;
margin: 40px auto 14px;
font-size: 18px;
padding-left: 28px;
}
.sec-faq1 h2:before{
width: 26px;
height: 38px;
}
}

/*---------------------------
下層 スタンダードプラン
---------------------------*/

.plan-txt-top{
display: block;
width: 1100px;
margin:0 auto 30px;
}
.plan-txt-top p{
color:#E85661;
margin:0 0 10px;
}
.plan-txt-top span{
color:#666;
font-size:14px;
}
.ryoukin-keisann{
margin: 80px 0;
}
.ryoukin-keisann > img.pc {
display: block;
width: 1100px;
margin: 70px auto 50px;
}
.ryoukin-keisann > img.sp {
display:none;
}
.ryoukin-txt{
width: 1100px;
background: #f8f8f8;
margin: 40px auto 0px;
color: #666;
text-align: left;
padding: 20px;
font-size: 12px;
border-radius: 10px;
}
.ryoukin-txt p{
margin: 0 0 5px;
}
.siharai-wrap{
display: flex;
justify-content: space-between;
width: 1100px;
margin: 0 auto;
}
.siharai-box{
margin: 0;
width: 31%;
text-align: center;
}
.siharai-box h3{
font-size: 24px;
font-weight: bold;
}
.siharai-box .siharai-box-in{
background:#FFF;
border: solid 3px #f78b0d;
padding:25px;
border-radius:10px;
min-height: 400px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.siharai-box img{
border-radius:10px;
margin: 0 0 20px;
}
.siharai-box p{
text-align:left;
font-size: 16px;
margin: 0;
}

.sec-plan.sec-standardPlan1 .ring-sec-standardPlan1-1 {
left: 50%;
margin: 0 0 0 -1180px;
width: 650px;
top: 310px;
}
.sec-plan.sec-standardPlan1 .ring-sec-standardPlan1-2 {
right: 50%;
margin: 0 -960px 0 0;
width: 560px;
top: -200px;
}
.sec-plan.sec-standardPlan1 .ring-sec-standardPlan1-5 {
right: 50%;
margin: 0 -920px 0 0;
width: 560px;
top: 900px;
}
.sec-plan.sec-standardPlan1{
background: #FFF;
}
.sec-standardPlan2 {
background: #fdf1c3;
padding: 80px 0 80px;
position: relative;
z-index: 1;
}
.sec-standardPlan2 .ring-sec-standardPlan2-1 {
right: 50%;
margin: 0 -960px 0 0;
width: 560px;
top: -200px;
}
.sec-standardPlan2 .ring-sec-standardPlan2-2 {
left: 50%;
margin: 0 0 0 -1030px;
width: 570px;
bottom: -120px;
}
.sec-standardPlan2 .ring-sec-standardPlan2-3 {
right: 50%;
margin: 0 -940px 0 0;
width: 460px;
bottom: 40px;
}
.sec-standardPlan2 .ring-sec-standardPlan2-4 {
left: 50%;
margin: 0 0 0 -1030px;
width: 570px;
top: -120px;
}
.sec-standardPlan2 .ring-sec-standardPlan2-5 {
right: 50%;
margin: 0 -890px 0 0;
width: 460px;
bottom: -40px;
}

/*---------------------------
下層 スタンダードプラン(SP)
---------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.ryoukin-keisann > img.pc {
display:none;
}
.ryoukin-keisann > img.sp {
display: block;
width: calc(100% - 20px);
margin: 24px auto 0;
}
.ryoukin-txt{
width: calc(100% - 20px);
}
.plan-txt-top{
width: calc(100% - 20px);
}
.ryoukin-txt{
width: calc(100% - 20px);
}
.siharai-wrap{
width: calc(100% - 20px);
display:block;
}
.siharai-box:first-of-type{
margin:0;
}
.siharai-box{
margin:40px 0 0;
width: 100%;
text-align: center;
}
.siharai-box h3{
font-size: 20px;
}
}


/*---------------------------
下層 company
---------------------------*/
.mt50{
margin-top: 50px;
}
.pd0{
padding: 0;
}
.common-bg{
background: #fdf1c3;
overflow: hidden;
padding: 50px 0;
position: relative;
z-index: 1;
}
.common-inner{
width: 1100px;
margin: 0 auto;
border: 2px solid #f7c80d;
border-radius: 20px;
position: relative;
padding: 50px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
background: #fff;
}
.ring-common-bg1 {
left: 50%;
margin: 0 0 0 -950px;
width: 500px;
top: -60px;
}
.ring-common-bg2 {
right: 50%;
margin: 0 -960px 0 0;
width: 560px;
top: -200px;
}
.ring-common-bg3 {
right: 50%;
margin: 0 -920px 0 0;
width: 450px;
top: 660px;
}
.ring-common-bg4 {
left: 50%;
margin: 0 0 0 -740px;
width: 590px;
top: 880px;
}
.common-inner table{
width: 100%;
}
.common-inner th,.common-inner td{
padding: 20px 10px;
vertical-align: middle;
border: 1px solid #333;
line-height: 1.5;
}
.common-inner th{
text-align: center;
background: #f7c80d;
}

/*---------------------------
下層 company（SP）
---------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.mt50 {
margin-top: 40px;
}
.common-bg {
padding: 40px 10px;
}
.common-inner{
width: auto;
padding: 30px;
}
.sec-company1 .common-inner,.sec-tokushoho1 .common-inner,.sec-privacy1 .common-inner{
padding: 20px;
}
.common-inner table{
font-size: 13px;
}
}

/*---------------------------
下層 tokushoho（SP）
---------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.sec-tokushoho1 table,.sec-tokushoho1 tbody,.sec-tokushoho1 tr,.sec-tokushoho1 th,.sec-tokushoho1 td{
display: block;
text-align: left;
}
.sec-tokushoho1 th,.sec-tokushoho1 td{
border-bottom: 0;
}
.sec-tokushoho1 tr:last-child td{
border-bottom: 1px solid #333;
}
}

/*---------------------------
下層 terms
---------------------------*/
.sec-terms1 li{
border-bottom: 1px solid #c6c6c6;
padding-bottom: 20px;
}
.sec-terms1 li:last-child{
margin: 0;
}
.sec-terms1 li span{
display: block;
font-weight: bold;
}
.sec-terms1 li a{
color: #333;
text-decoration: underline;
}

/*---------------------------
下層 privacy
---------------------------*/
.sec-privacy1 .common-inner h2 {
text-align: left;
font-size: 20px;
font-weight: bold;
margin: 40px 0 20px;
}
.sec-privacy1 .common-inner h2:after{
display: none;
}
.sec-privacy1 .common-inner h2:first-child{
margin-top: 0;
}
.sec-privacy1 .common-inner p:last-child{
margin: 0;
}


/*---------------------------
お申込みボタン非表示
---------------------------*/
.header-top a.btn-orange.pc{
display:none!important;
}
section .cv-wrap{
display:none!important;
}
.sp.hamburger-cont a.btn-orange{
display:none!important;
}
.cv-wrap2 .inner a:nth-of-type(2){
display:none!important;
justify-content:center;
}
.cv-wrap2 .inner{
justify-content:center;
}

/*---------------------------
追記_修正内容
---------------------------*/
a{
color: #2777c9;
}
.qa-cont .acd-cont th{
width: 200px;
}
.qa-cont .acd-cont td{
width: calc(100% - 200px);
line-height: 1.5;
}
.acd-cont > *:last-child{
margin-bottom: 0!important;
}
.qa-page-link{
justify-content: center;
gap: 10px;
}
.sec-features2 .cv-wrap-bg{
display: none;
}
.sec-features2{
padding-bottom: 50px;
}
.sec-tokushoho1 th{
width: 270px;
}
.sec-tokushoho1 td{
width: calc(100% - 270px);
}
footer ul{
display: flex;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.sec-tokushoho1 th,.sec-tokushoho1 td{
width: auto;
}
.qa-cont .acd-cont th {
width: 134px;
padding-left: 0;
padding-right: 0;
font-size: 12px;
}
.qa-cont .acd-cont td{
width: calc(100% - 134px);
font-size: 12px;
}
footer ul{
display: block;
}
}

/*---------------------------
追加CSS
---------------------------*/

.qa-cont .acd-cont .company-list {
display: grid;
grid-template-columns: repeat(5, auto);
gap: 10px;
margin-bottom: 30px;
background: #fdf1c3;
padding: 20px;
border-radius: 8px;
}
.qa-cont .acd-cont .company-list li{
margin: 0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.qa-cont .acd-cont .company-list{
grid-template-columns: repeat(2, auto);
padding: 16px;
}
}