@charset "UTF-8";
@charset "UTF-8";


html {
box-sizing: border-box;
}
* {
box-sizing: inherit;
}
*::after,
*::before {
box-sizing: inherit;
}    html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}   abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
text-transform: none;
} select {
text-transform: none;
} button,
html input[type=button] {
-webkit-appearance: button; cursor: pointer; }
input[type=reset],
input[type=submit] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box; padding: 0; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield; box-sizing: content-box; }
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}      fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}      * {
padding: 0;
margin: 0;
background-repeat: no-repeat;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
transition: 0.3s ease;
}
html,
body {
background: #fff;
color: #444;
font-size: 14px;
line-height: 1.75;
font-family: Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 767px) {
html,
body {
overflow-x: hidden;
}
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
a {
color: #185c98;
}
a:hover {
color: #477DCA;
}
.text-right {
text-align: right;
}
section {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
max-width: 100%; }
section::after {
clear: both;
content: "";
display: block;
}
input[type=text],
input[type=number],
input[type=email],
input[type=tel] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: 0px;
padding: 10px !important;
border: 1px solid #999 !important;
transition: all 0.3s ease;
}
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: 0px;
padding: 10px !important;
border: 1px solid #999 !important;
transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
input[type=text],
input[type=number],
input[type=email],
input[type=tel] {
font-size: 16px;
}
textarea {
font-size: 16px;
}
}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus {
border-bottom-width: 2px !important;
}
textarea:focus {
border-bottom-width: 2px !important;
}
.select-wrapper {
position: relative;
display: block;
background-color: #f8f8f8;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
transition: all 0.3s ease;
}
.select-wrapper:after {
border-top: 1px solid #999;
content: "▼";
position: absolute;
right: 1px;
top: 0px;
display: block;
width: 2rem;
height: 3rem;
line-height: 2.95em;
font-size: 1rem;
background: #ccc;
text-align: center;
transition: all 0.3s ease;
}
.select-wrapper:hover {
background: #fffbae;
}
.select-wrapper:hover:after {
background: #fffbae;
}
.select-wrapper select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: 0px;
padding: 10px;
border: 1px solid #999;
vertical-align: middle;
width: 100%;
position: relative;
z-index: 1;
background: transparent;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.select-wrapper select {
font-size: 16px;
}
}
input::-ms-expand,
select::-ms-expand {
display: none;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
.inline {
display: inline;
}
.wrapper {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
width: 67em;
padding: 0;
position: relative;
}
.wrapper::after {
clear: both;
content: "";
display: block;
}
@media screen and (max-width: 767px) {
.wrapper {
padding: 2rem 1em 0 1em;
width: auto;
}
}
.container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
.container::after {
clear: both;
content: "";
display: block;
}
.icatch {
padding-top: 0px;
text-align: center;
width: 100%;
border-bottom: 4px solid #EA5946;
background-color: #FEFCE7;
}
.icatch a>div {
background-color: transparent;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
text-indent: -9999px;
height: 248px;
}
.icatch a>div.icatch-main2 {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/home_slide_simulator-2x.png);
}
.icatch a>div.icatch-main3 {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/renovation_02.jpg);
}
.icatch a>div.icatch-main4 {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/point_03.png);
}
.icatch a:hover>* {
opacity: 0.8;
}
.icatch .icatch-main {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite_master/tg-img-home-01-2x.png);
background-position: 50% 100%;
background-size: 938px;
background-repeat: no-repeat;
position: relative;
text-indent: -9999px;
height: 248px;
}
.icatch .icatch-main .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1419px -1681px;
width: 512px;
height: 64px;
text-indent: -9999px;
text-indent: -99999px;
position: relative;
top: 18px;
margin: 0 auto;
}
.icatch .icatch-katei {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: 0px 0px;
width: 1229px;
height: 262px;
text-indent: -9999px;
position: relative;
left: -614.5px;
bottom: -36px;
margin: -36px 0 0 50%;
}
.icatch .icatch-katei .wrapper {
overflow: visible;
}
.icatch .icatch-katei .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -715px -547px;
width: 483px;
height: 130px;
text-indent: -9999px;
position: relative;
top: 3rem;
margin: 0;
}
.icatch .icatch-katei .breadcrumb {
position: relative;
}
.icatch .icatch-gyomu {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: 0px -1182px;
width: 1229px;
height: 220px;
text-indent: -9999px;
position: relative;
left: -613.5px;
bottom: -27px;
margin: -27px 0 0 50%;
}
.icatch .icatch-gyomu .wrapper {
overflow: visible;
}
.icatch .icatch-gyomu .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -718px -738px;
width: 417px;
height: 130px;
text-indent: -9999px;
position: relative;
top: 1.5rem;
margin: 0;
}
.icatch .icatch-gyomu .breadcrumb {
position: relative;
}
.icatch.icatch-ryoukin-outer {
background: #fff;
padding-top: 0;
}
.icatch .icatch-ryoukin {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1239px -313px;
width: 938px;
height: 282px;
text-indent: -9999px;
background-color: #FEFCE7;
position: relative;
left: -469px;
bottom: -4px;
margin: -4px 0 0 50%;
}
.icatch .icatch-ryoukin .wrapper {
overflow: visible;
}
.icatch .icatch-ryoukin .icatch-copy {
text-indent: -9999px;
}
.icatch .icatch-ryoukin .breadcrumb {
position: relative;
}
.icatch .icatch-reform {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1239px 0px;
width: 938px;
height: 303px;
text-indent: -9999px;
position: relative;
left: -469px;
bottom: -3px;
margin: 0 0 0 50%;
}
.icatch .icatch-reform .wrapper {
overflow: visible;
}
.icatch .icatch-reform .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -718px -1114px;
width: 326px;
height: 53px;
text-indent: -9999px;
position: relative;
top: 25px;
}
.icatch .icatch-reform .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -404px -2680px;
width: 330px;
height: 80px;
text-indent: -9999px;
position: relative;
top: 30px;
}
.icatch .icatch-reform-kitchen {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -948px -1412px;
width: 938px;
height: 259px;
text-indent: -9999px;
position: relative;
left: -469px;
bottom: -3px;
margin: 0 0 0 50%;
}
.icatch .icatch-reform-kitchen .wrapper {
overflow: visible;
}
.icatch .icatch-reform-kitchen .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -718px -1114px;
width: 326px;
height: 53px;
text-indent: -9999px;
left: 5rem;
position: relative;
}
.icatch .icatch-reform-kitchen .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2362px -2470px;
width: 335px;
height: 47px;
text-indent: -9999px;
left: 7.5rem;
position: relative;
}
.icatch .icatch-reform-kitchen .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1896px -1610px;
width: 256px;
height: 44px;
text-indent: -9999px;
position: relative;
top: 1rem;
left: 5rem;
margin: 0 0px;
}
.icatch .icatch-reform-toilet {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: 0px -1412px;
width: 938px;
height: 259px;
text-indent: -9999px;
position: relative;
left: -469px;
bottom: -3px;
margin: 0 0 0 50%;
}
.icatch .icatch-reform-toilet .wrapper {
overflow: visible;
}
.icatch .icatch-reform-toilet .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -718px -1114px;
width: 326px;
height: 53px;
text-indent: -9999px;
position: relative;
left: 5rem;
position: relative;
}
.icatch .icatch-reform-toilet .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1672px -2470px;
width: 335px;
height: 47px;
text-indent: -9999px;
position: relative;
top: 20px;
}
.icatch .icatch-reform-toilet .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1630px -2550px;
width: 298px;
height: 43px;
text-indent: -9999px;
position: relative;
top: 1rem;
left: 5rem;
margin: 0 18.5px;
}
.icatch .icatch-reform-bathroom {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1239px -877px;
width: 938px;
height: 261px;
text-indent: -9999px;
position: relative;
left: -469px;
bottom: -3px;
margin: 0 0 0 50%;
}
.icatch .icatch-reform-bathroom .wrapper {
overflow: visible;
}
.icatch .icatch-reform-bathroom .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -718px -1114px;
width: 326px;
height: 53px;
text-indent: -9999px;
position: relative;
top: 20px;
}
.icatch .icatch-reform-bathroom .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1285px -2550px;
width: 335px;
height: 47px;
text-indent: -9999px;
position: relative;
top: 20px;
}
.icatch .icatch-reform-bathroom .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1941px -1681px;
width: 231px;
height: 43px;
text-indent: -9999px;
position: relative;
top: 1rem;
left: 5rem;
margin: 0 52px;
}
.icatch .icatch-reform-living_dining {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1239px -605px;
width: 938px;
height: 262px;
text-indent: -9999px;
position: relative;
left: -469px;
bottom: -1px;
margin: 0 0 0 50%;
}
.icatch .icatch-reform-living_dining .wrapper {
overflow: visible;
}
.icatch .icatch-reform-living_dining .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -718px -1114px;
width: 326px;
height: 53px;
text-indent: -9999px;
position: relative;
top: 10px;
}
.icatch .icatch-reform-living_dining .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2017px -2470px;
width: 335px;
height: 47px;
text-indent: -9999px;
position: relative;
top: 5px;
}
.icatch .icatch-reform-living_dining .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -744px -2680px;
width: 225px;
height: 71px;
text-indent: -9999px;
position: relative;
top: 1rem;
left: 5rem;
margin: 0 55px;
}
.icatch .icatch-reform-jirei {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-img-reform-kitchen-jirei01-01-2x.jpg) no-repeat 100% 0%;
background-size: cover;
margin-top: 0 !important;
height: 200px;
}
.icatch .icatch-reform-jirei .wrapper {
overflow: visible;
}
.icatch .icatch-reform-jirei .breadcrumb {
position: relative;
top: 1rem;
}
.icatch .icatch-reform-jirei .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -718px -1114px;
width: 326px;
height: 53px;
text-indent: -9999px;
position: relative;
top: 25px;
}
.icatch .icatch-reform-jirei .copy {
text-indent: 0;
text-align: center;
width: 335px;
display: block;
margin: 40px 0 0 -1em;
font-size: 20px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.icatch a>div {
height: 90px;
}
}
@media screen and (max-width: 767px) {
.icatch {
border-bottom: 2px solid #EA5946;
}
}
@media screen and (max-width: 767px) {
.icatch div.wrapper {
padding: 0;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-main {
height: 90px;
background-size: 240px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-main .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-main .icatch-copy {
top: 10px;
width: 256px;
height: 32px;
background-size: 1548px 1425px;
background-position: -709px -840px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-katei {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-katei {
bottom: -25px;
left: -307.25px;
margin: 0 0 0 50%;
width: 615px;
height: 131px;
background-size: 1548px 1425px;
background-position: 0px 0px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-katei .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-katei .icatch-copy {
top: 0px;
left: 1rem;
width: 290px;
height: 78px;
background-size: 1857px 1710px;
background-position: -429px -328px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-gyomu {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-gyomu {
bottom: -25px;
left: -307.25px;
margin: 0 0 0 50%;
width: 615px;
height: 110px;
background-size: 1548px 1425px;
background-position: 0px -591px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-gyomu .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-gyomu .icatch-copy {
top: 0px;
left: 1rem;
width: 176px;
height: 55px;
background-size: 1300px 1197px;
background-position: -301px -309px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-ryoukin {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-ryoukin {
bottom: 0;
left: -234.5px;
margin: 0 0 0 50%;
width: 469px;
height: 141px;
background-size: 1548px 1425px;
background-position: -619px -156px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform {
bottom: 0;
left: -164.15px;
margin: 0 0 0 50%;
width: 329px;
height: 107px;
background-size: 1084px 998px;
background-position: -433px 0px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform .icatch-logo {
top: 20px;
width: 137px;
height: 23px;
background-size: 1300px 1197px;
background-position: -301px -467px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform .icatch-copy {
top: 10px;
width: 139px;
height: 34px;
background-size: 1300px 1197px;
background-position: -169px -1125px;
}
}
@media screen and (max-width: 767px) {
.icatch.icatch-reform-kitchen-outer {
padding-top: 1px !important;
}
}
@media screen and (max-width: 767px) {
.icatch.icatch-reform-toilet-outer {
padding-top: 1px !important;
}
}
@media screen and (max-width: 767px) {
.icatch.icatch-reform-bathroom-outer {
padding-top: 1px !important;
}
}
@media screen and (max-width: 767px) {
.icatch.icatch-reform-living_dining-outer {
padding-top: 1px !important;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-kitchen {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-kitchen {
bottom: 0;
left: -234.5px;
margin: 0 0 0 50%;
width: 469px;
height: 130px;
background-size: 1548px 1425px;
background-position: -474px -706px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-kitchen .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-kitchen .icatch-logo {
left: 1rem;
width: 163px;
height: 27px;
background-size: 1548px 1425px;
background-position: -359px -557px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-kitchen .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-kitchen .icatch-label {
left: 1rem;
width: 168px;
height: 24px;
background-size: 1548px 1425px;
background-position: -1181px -1235px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-kitchen .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-kitchen .icatch-copy {
left: 1rem;
width: 167px;
height: 29px;
background-size: 2012px 1853px;
background-position: -1232px -1046px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-toilet {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-toilet {
bottom: 0;
left: -234.5px;
margin: 0 0 0 50%;
width: 469px;
height: 130px;
background-size: 1548px 1425px;
background-position: 0px -706px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-toilet .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-toilet .icatch-logo {
top: 0;
left: 1rem;
width: 163px;
height: 27px;
background-size: 1548px 1425px;
background-position: -359px -557px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-toilet .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-toilet .icatch-label {
top: 0;
left: 1rem;
width: 168px;
height: 24px;
background-size: 1548px 1425px;
background-position: -836px -1235px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-toilet .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-toilet .icatch-copy {
left: 0rem;
width: 194px;
height: 28px;
background-size: 2012px 1853px;
background-position: -1059px -1657px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-bathroom {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-bathroom {
bottom: -2px;
left: -234.5px;
margin: 0 0 0 50%;
width: 469px;
height: 131px;
background-size: 1548px 1425px;
background-position: -619px -438px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-bathroom .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-bathroom .icatch-logo {
top: 0;
left: 2rem;
width: 163px;
height: 27px;
background-size: 1548px 1425px;
background-position: -359px -557px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-bathroom .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-bathroom .icatch-label {
top: 0;
left: 2rem;
width: 168px;
height: 24px;
background-size: 1548px 1425px;
background-position: -642px -1275px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-bathroom .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-bathroom .icatch-copy {
left: 2.5em;
margin: 0;
width: 151px;
height: 28px;
background-size: 2012px 1853px;
background-position: -1261px -1092px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-living_dining {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-living_dining {
bottom: 0;
left: -234.5px;
margin: 0 0 0 50%;
width: 469px;
height: 131px;
background-size: 1548px 1425px;
background-position: -619px -302px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-living_dining .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-living_dining .icatch-logo {
top: -0.5rem;
left: 1rem;
width: 163px;
height: 27px;
background-size: 1548px 1425px;
background-position: -359px -557px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-living_dining .icatch-label {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-living_dining .icatch-label {
top: -1rem;
left: 1rem;
width: 168px;
height: 24px;
background-size: 1548px 1425px;
background-position: -1008px -1235px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-living_dining .icatch-copy {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-living_dining .icatch-copy {
top: 0rem;
left: 1.5em;
margin: 0;
width: 147px;
height: 47px;
background-size: 2012px 1853px;
background-position: -483px -1742px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-jirei {
margin-top: 88px !important;
height: 150px;
transform: scale(1);
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.icatch .icatch-reform-jirei .icatch-logo {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-jirei .icatch-logo {
transform: scale(1);
}
}
@media screen and (max-width: 767px) {
.icatch .icatch-reform-jirei .copy {
font-size: 16px;
}
}
.breadcrumb {
text-align: left;
text-indent: 0;
position: relative;
padding-top: 1rem;
text-shadow: 0 0 3px white;
}
.breadcrumb li {
display: inline;
}
.breadcrumb li a {
color: #8a8a8a;
}
.breadcrumb li a:hover {
color: #333;
}
@media screen and (max-width: 767px) {
.breadcrumb {
display: none;
}
}
.contents {
background: #fff;
margin-top: 35px;
}
#top { }
#top .bx-wrapper {
margin-bottom: 80px;
}
#top .bx-wrapper .bx-viewport {
border: none !important;
left: 0px !important;
box-shadow: none !important;
height: 421px !important;
}
#top .bx-wrapper .bx-pager {
bottom: -3px !important;
}
#top .bx-wrapper .bx-pager.bx-default-pager a {
background: #666 !important;
}
#top .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #aa282b !important;
}
#top .bx-wrapper .bx-controls {
margin-top: -68px;
}
#top .icatch { }
#top .contents {
margin-top: 35px;
}
#top .contents .container {
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
#top .bx-wrapper .bx-viewport {
height: 190px !important;
}
}
@media screen and (max-width: 767px) {
#top .contents .container {
margin-bottom: 1rem;
}
}
@media screen and (max-width: 767px) {
#top .contents {
margin-top: 15px;
}
}
@media screen and (max-width: 767px) {
#ryoukin .contents {
margin-top: 15px;
}
}
.main {
float: left;
width: 700px;
}
.main a:hover {
text-decoration: underline;
}
.main.col-single {
width: auto;
float: none;
}
.main .container {
margin-bottom: 2rem;
}
.main h2 {
margin-bottom: 1em;
color: #F45D40;
font-size: 1.1em;
padding: 0.4em 0;
border-bottom: 2px solid #F45D40;
position: relative;
}
.main h2 a {
position: absolute;
right: 0;
font-weight: 100;
}
.main h2 a span.tolist:after {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3068px -184px;
width: 8px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-left: 10px;
}
.main .side-list h1 {
color: #F45D40;
font-weight: bold;
border-left: 0;
border-bottom: 2px solid #F45D40;
padding: 0 0 0.5em 0;
margin: 30px 0;
}
.main .side-list li {
display: inline-block;
margin: 0 40px 10px 0;
}
.main ul.news-box li {
background: #E5E5E5;
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
margin-bottom: 1rem;
}
.main ul.news-box li:last-child,
.main ul.news-box li:nth-child(3n) {
margin-right: 0;
}
.main ul.news-box li:nth-child(3n+1) {
clear: left;
}
.main ul.news-box li img {
max-height: 147px;
-o-object-fit: contain;
object-fit: contain;
}
.main ul.news-box li div {
text-align: center;
background: #fff;
}
.main ul.news-box li dl {
padding: 0 0.7em 0.7em 0.7em;
min-height: 77px;
position: relative;
color: #8a8a8a;
}
.main ul.news-box li dt {
background: #fff;
display: inline-block;
position: absolute;
top: -16px;
font-size: 0.9em;
padding: 3px 10px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.main ul.news-box li dd {
position: absolute;
top: 22px;
padding-right: 10px;
}
.main ul.service-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 18.1138783813%;
background: #F45D40;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
.main ul.service-box li:last-child {
margin-right: 0;
}
.main ul.service-box li a {
display: block;
height: 100px;
position: relative;
}
.main ul.service-box li p:first-child {
text-align: center;
}
.main ul.service-box li p:last-child {
position: absolute;
text-align: center;
bottom: 7px;
width: 100%;
color: #fff;
}
.main ul.service-box li:first-child a {
padding: 15px 0 0 0;
}
.main ul.service-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -2022px;
width: 50px;
height: 50px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.service-box li:nth-child(2) a {
padding: 27px 0 0 0;
}
.main ul.service-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -1861px;
width: 93px;
height: 33px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.service-box li:nth-child(3) a {
padding: 14px 0 0 0;
}
.main ul.service-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -2082px;
width: 49px;
height: 49px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.service-box li:nth-child(4) a {
padding: 10px 0 0 0;
}
.main ul.service-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3030px -858px;
width: 44px;
height: 59px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.service-box li:last-child a {
padding: 10px 0 0 0;
}
.main ul.service-box li:last-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3001px -1102px;
width: 79px;
height: 58px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.feature-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
.main ul.feature-box li:last-child {
margin-right: 0;
}
.main li.lifeinfo-list { }
.main li.lifeinfo-list a {
margin-bottom: 10px;
display: inline-block;
margin-left: 10px;
}
.main li.lifeinfo-list span {
margin-right: 15px;
}
.main li.lifeinfo-list .lifeinfo-cat {
background: #469920;
color: #fff;
padding: 3px 5px;
font-size: 11px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.main li.lifeinfo-list.happy-energy .lifeinfo-cat {
background: #469920;
}
.main ul.industry-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
margin-bottom: 20px;
}
.main ul.industry-box li:last-child {
margin-right: 0;
}
.main ul.industry-box li a {
display: block;
position: relative;
}
.main ul.industry-box li p:first-child {
text-align: center;
height: 150px;
background: #fefce7;
}
.main ul.industry-box li p:last-child {
text-align: center;
width: 100%;
color: #005bab;
padding: 20px 0 10px 0;
}
.main ul.industry-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2710px -700px;
width: 175px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.industry-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2710px -1020px;
width: 175px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.industry-box li:nth-child(3) {
margin-right: 0;
}
.main ul.industry-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2710px -540px;
width: 175px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.industry-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2710px -380px;
width: 175px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.industry-box li:last-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2710px -860px;
width: 175px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.sean-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
margin-bottom: 20px;
}
.main ul.sean-box li:last-child {
margin-right: 0;
}
.main ul.sean-box li a {
display: block;
position: relative;
}
.main ul.sean-box li p {
margin-bottom: 0;
}
.main ul.sean-box li p:first-child {
text-align: center;
height: 150px;
background: #fefce7;
}
.main ul.sean-box li p:last-child {
text-align: center;
width: 100%;
color: #005bab;
padding: 10px 0;
}
.main ul.sean-box li p:last-child span:before {
content: "";
display: inline-block;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
margin-right: 5px;
}
.main ul.sean-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1345px -2033px;
width: 223px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.sean-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1811px -2033px;
width: 223px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.sean-box li:nth-child(3) {
margin-right: 0;
}
.main ul.sean-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2277px -2033px;
width: 223px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.sean-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2044px -2033px;
width: 223px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.sean-box li:last-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1578px -2033px;
width: 223px;
height: 150px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.equipment-list li {
display: inline-block;
margin: 0 40px 10px 0;
}
.main ul.equipment-list li a {
font-size: 1.1em;
}
.main ul.equipment-list li a span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-right: 5px;
}
.main ul.equipment-list li:last-child {
margin-right: 0;
}
.main div.half-container a {
font-size: 1.1em;
}
.main div.half-container a span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-right: 5px;
}
.main div.main-banner {
margin-bottom: 30px;
}
.main div.contactinfo {
border: 3px solid #f45d40;
padding: 25px 25px 0 25px;
}
.main div.contactinfo h2 {
border: none;
text-align: center;
font-size: 1.4em;
padding: 0;
}
.main div.contactinfo ul.contactinfo-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
margin-bottom: 30px;
color: #8a8a8a;
}
.main div.contactinfo ul.contactinfo-box li:last-child,
.main div.contactinfo ul.contactinfo-box li:nth-child(2n) {
margin-right: 0;
}
.main div.contactinfo ul.contactinfo-box li:last-child {
margin-bottom: 0;
}
.main .half-container {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
}
.main .half-container:last-child {
margin-right: 0;
}
.main ul.hojokin-list li {
display: inline-block;
margin-right: 40px;
}
.main ul.hojokin-list li a {
font-size: 1.1em;
}
.main ul.hojokin-list li a span {
font-weight: bold;
}
.main ul.hojokin-list li a span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-right: 5px;
}
.main ul.hojokin-list li p {
margin-top: 10px;
color: #8a8a8a;
}
.main ul.hojokin-list li:last-child {
margin-right: 0;
}
.main div.illust {
position: relative;
}
.main div.illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2187px 0px;
width: 284px;
height: 546px;
text-indent: -9999px;
margin: 0 auto;
position: relative;
top: -50px;
}
.main div.illust div.products a {
display: block;
text-align: center;
}
.main div.illust div.products a span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-right: 7px;
}
.main div.illust div.products:nth-child(2) {
position: absolute;
top: 140px;
left: 60px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: 0px -2033px;
width: 220px;
height: 217px;
text-indent: -9999px;
text-indent: 0;
}
.main div.illust div.products:nth-child(2) a {
position: absolute;
top: 20px;
left: 28px;
}
.main div.illust div.products:nth-child(2) div {
margin: 0 auto;
width: 105px;
}
.main div.illust div.products:nth-child(3) {
position: absolute;
top: 0px;
right: 0px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2481px -787px;
width: 219px;
height: 229px;
text-indent: -9999px;
text-indent: 0;
}
.main div.illust div.products:nth-child(3) a {
position: absolute;
top: 20px;
left: 70px;
}
.main div.illust div.products:nth-child(3) div {
margin: 0 auto;
width: 116px;
}
.main div.illust div.products:nth-child(4) {
position: absolute;
top: 300px;
right: 0px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -464px -2033px;
width: 220px;
height: 182px;
text-indent: -9999px;
text-indent: 0;
}
.main div.illust div.products:nth-child(4) a {
position: absolute;
top: 30px;
left: 58px;
}
.main div.illust div.products:nth-child(4) div {
margin: 0 auto;
width: 143px;
}
.main div.illust.tenpo-illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2187px -556px;
width: 223px;
height: 548px;
text-indent: -9999px;
text-indent: 0;
}
.main div.illust.tenpo-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2187px -1673px;
width: 220px;
height: 226px;
text-indent: -9999px;
text-indent: 0;
}
.main div.illust.tenpo-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2481px -1026px;
width: 219px;
height: 229px;
text-indent: -9999px;
text-indent: 0;
}
.main div.illust.tenpo-illust div.products:nth-child(4) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1055px -2470px;
width: 220px;
height: 142px;
text-indent: -9999px;
text-indent: 0;
}
.main div.illust.hotel-illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2481px 0px;
width: 219px;
height: 538px;
text-indent: -9999px;
text-indent: 0;
}
.main div.illust.hotel-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2187px -1673px;
width: 220px;
height: 226px;
text-indent: -9999px;
text-indent: 0;
position: absolute;
top: 140px;
left: 40px;
}
.main div.illust.hotel-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2481px -1026px;
width: 219px;
height: 229px;
text-indent: -9999px;
text-indent: 0;
position: absolute;
top: 0;
right: 40px;
}
.main div.illust.hospis-illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2187px -1114px;
width: 222px;
height: 549px;
text-indent: -9999px;
text-indent: 0;
}
.main div.illust.hospis-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -948px -878px;
width: 220px;
height: 226px;
text-indent: -9999px;
text-indent: 0;
}
.main div.illust.hospis-illust div.products:nth-child(2) div {
margin: 5px auto 0;
}
.main div.illust.hospis-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2481px -1265px;
width: 219px;
height: 195px;
text-indent: -9999px;
text-indent: 0;
}
.main div.illust.hospis-illust div.products:nth-child(3) div {
margin: 15px auto 0;
}
.main div.illust.hospis-illust div.products:nth-child(4) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -694px -2033px;
width: 220px;
height: 182px;
text-indent: -9999px;
text-indent: 0;
}
.main div.illust.hospis-illust div.products:nth-child(4) a {
position: absolute;
top: 20px;
left: 58px;
}
.main div.illust.hospis-illust div.products:nth-child(4) div {
margin: 10px auto 0;
}
.main div.others-box p:first-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 74.4105869942%;
color: #8a8a8a;
line-height: 180%;
}
.main div.others-box p:first-child:last-child {
margin-right: 0;
}
.main div.others-box p:last-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 23.2317609825%;
text-align: center;
margin-right: 0;
}
.main div.others-box p:last-child img {
max-width: 90px;
}
.main div.katei-illust {
position: relative;
height: 510px;
}
.main div.katei-illust div.katei-whole {
margin: 0 auto;
position: relative;
top: 120px;
}
.main div.katei-illust div.products a {
display: block;
text-align: center;
font-size: 1.1em;
}
.main div.katei-illust div.products a span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-right: 7px;
}
.main div.katei-illust div.products:nth-child(2) {
position: absolute;
top: 10px;
left: 75px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -355px;
width: 158px;
height: 115px;
text-indent: -9999px;
text-indent: 0;
}
.main div.katei-illust div.products:nth-child(2) a {
position: absolute;
top: 30px;
left: 45px;
}
.main div.katei-illust div.products:nth-child(3) {
position: absolute;
top: 50px;
left: 300px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -230px;
width: 158px;
height: 115px;
text-indent: -9999px;
text-indent: 0;
}
.main div.katei-illust div.products:nth-child(3) a {
position: absolute;
top: 30px;
left: 45px;
}
.main div.katei-illust div.products:nth-child(4) {
position: absolute;
top: 80px;
left: 520px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2710px -1522px;
width: 158px;
height: 120px;
text-indent: -9999px;
text-indent: 0;
}
.main div.katei-illust div.products:nth-child(4) a {
position: absolute;
top: 20px;
left: 40px;
text-indent: 0;
}
.main div.katei-illust div.products:nth-child(4) a:last-child {
position: absolute;
top: 50px;
left: 40px;
}
.main div.katei-illust.living-illust {
position: relative;
height: 510px;
}
.main div.katei-illust.living-illust div.katei-whole {
margin: 0 auto;
position: relative;
top: 0;
}
.main div.katei-illust.living-illust div.products:nth-child(2) {
position: absolute;
top: 20px;
left: 400px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2481px -1882px;
width: 183px;
height: 115px;
text-indent: -9999px;
text-indent: 0;
}
.main div.katei-illust.living-illust div.products:nth-child(2) a {
position: absolute;
top: 15px;
left: 15px;
text-indent: 0;
}
.main div.katei-illust.living-illust div.products:nth-child(2) a:last-child {
position: absolute;
top: 50px;
left: 15px;
}
.main div.katei-illust.eco-illust {
position: relative;
height: auto;
margin-bottom: 30px;
}
.main div.katei-illust.eco-illust div.katei-whole {
margin: 0;
position: relative;
top: 0;
max-width: 400px;
}
.main div.katei-illust.eco-illust div.products:nth-child(2) {
position: absolute;
top: -60px;
left: 220px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1624px -1787px;
width: 275px;
height: 115px;
text-indent: -9999px;
text-indent: 0;
}
.main div.katei-illust.eco-illust div.products:nth-child(2) p:first-child {
width: 65px;
position: absolute;
top: 15px;
left: 15px;
}
.main div.katei-illust.eco-illust div.products:nth-child(2) p:nth-child(2) {
position: absolute;
top: 15px;
left: 95px;
color: #F95B47;
font-size: 1.3em;
}
.main div.katei-illust.eco-illust div.products:nth-child(2) a {
position: absolute;
top: 45px;
left: 120px;
}
.main div.katei-illust.eco-illust div.products:nth-child(3) {
position: absolute;
top: 90px;
left: 370px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -976px -1787px;
width: 315px;
height: 135px;
text-indent: -9999px;
text-indent: 0;
}
.main div.katei-illust.eco-illust div.products:nth-child(3) p:first-child {
width: 80px;
position: absolute;
top: 22px;
left: 15px;
}
.main div.katei-illust.eco-illust div.products:nth-child(3) p:nth-child(2) {
position: absolute;
top: 22px;
left: 110px;
width: 200px;
color: #F95B47;
font-size: 1.3em;
}
.main div.katei-illust.eco-illust div.products:nth-child(3) a {
position: absolute;
top: 73px;
left: 140px;
}
.main div.katei-illust.bath-illust {
position: relative;
height: 510px;
}
.main div.katei-illust.bath-illust div.katei-whole {
margin: 0 auto;
position: relative;
top: 0;
}
.main div.katei-illust.bath-illust div.products:nth-child(2) {
position: absolute;
top: 180px;
left: 5px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -105px;
width: 158px;
height: 115px;
text-indent: -9999px;
text-indent: 0;
}
.main div.katei-illust.bath-illust div.products:nth-child(2) a {
position: absolute;
top: 30px;
left: 45px;
}
.main div.katei-illust.bath-illust div.products:nth-child(3) {
position: absolute;
top: 60px;
left: 240px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -480px;
width: 158px;
height: 115px;
text-indent: -9999px;
text-indent: 0;
}
.main div.katei-illust.bath-illust div.products:nth-child(3) a {
position: absolute;
top: 55px;
left: 20px;
}
.main ul.cooker-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
margin-bottom: 20px;
}
.main ul.cooker-box li:last-child {
margin-right: 0;
}
.main ul.cooker-box li a {
display: block;
position: relative;
}
.main ul.cooker-box li p:first-child {
text-align: center;
height: 105px;
}
.main ul.cooker-box li p:last-child {
text-align: center;
width: 100%;
color: #8a8a8a;
font-size: 1.1em;
padding: 20px 0 10px 0;
}
.main ul.cooker-box li p:last-child span:before {
content: "";
display: inline-block;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
margin-right: 5px;
}
.main ul.cooker-box li:first-child p:first-child {
padding-top: 15px;
}
.main ul.cooker-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -1266px;
width: 182px;
height: 76px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.cooker-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -741px;
width: 162px;
height: 107px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.cooker-box li:nth-child(3) {
margin-right: 0;
}
.main ul.cooker-box li:nth-child(3) p:first-child {
padding-top: 10px;
}
.main ul.cooker-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -1001px;
width: 171px;
height: 91px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.cooker-box li:nth-child(4) p:first-child {
padding-top: 30px;
height: 160px;
}
.main ul.cooker-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -605px;
width: 144px;
height: 126px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.cooker-box li:nth-child(5) p:first-child {
height: 160px;
}
.main ul.cooker-box li:nth-child(5) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2710px -1344px;
width: 122px;
height: 168px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.cooker-box li:nth-child(6) {
margin-right: 0;
}
.main ul.cooker-box li:nth-child(6) p:first-child {
height: 160px;
}
.main ul.cooker-box li:nth-child(6) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2710px -1180px;
width: 146px;
height: 154px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.cooker-box li:nth-child(7) p:first-child {
height: 135px;
}
.main ul.cooker-box li:nth-child(7) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -858px;
width: 120px;
height: 133px;
text-indent: -9999px;
display: inline-block;
margin: 0 auto;
}
.main ul.cooker-point {
text-align: center;
}
.main ul.cooker-point li {
display: inline-block;
margin-right: 40px;
}
.main ul.cooker-point li span {
display: inline-block;
}
.main ul.cooker-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2100px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1470px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point li:nth-child(3) {
margin-right: 0;
}
.main ul.cooker-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1890px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.yuka-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1260px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.yuka-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1680px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.yuka-point li:nth-child(3) {
margin-right: 0;
}
.main ul.cooker-point.yuka-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2481px -1672px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.ghp-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -210px -2470px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.ghp-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: 0px -2470px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.ghp-point li:nth-child(3) {
margin-right: 0;
}
.main ul.cooker-point.ghp-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2310px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.kyutoki-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -420px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.kyutoki-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -210px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.kyutoki-point li:nth-child(3) {
margin-right: 0;
}
.main ul.cooker-point.kyutoki-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: 0px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.cogen-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -630px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.cogen-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -840px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.cogen-point li:nth-child(3) {
margin-right: 0;
}
.main ul.cooker-point.cogen-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1050px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.ghp-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -210px -2470px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.ghp-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: 0px -2470px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main ul.cooker-point.ghp-point li:nth-child(3) {
margin-right: 0;
}
.main ul.cooker-point.ghp-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2310px -2260px;
width: 200px;
height: 200px;
text-indent: -9999px;
}
.main .gyomuexp p {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
line-height: 180%;
color: #8a8a8a;
}
.main .gyomuexp p:last-child {
margin-right: 0;
}
.main .cogen-system {
margin-bottom: 30px;
color: #8a8a8a;
line-height: 180%;
}
.main .logo-box {
text-align: center;
padding: 0 30px;
}
.main .logo-box li {
display: inline-block;
margin-right: 40px;
}
.main .logo-box li span {
display: inline-block;
}
.main .logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -1676px;
width: 128px;
height: 29px;
text-indent: -9999px;
}
.main .logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -1598px;
width: 128px;
height: 31px;
text-indent: -9999px;
}
.main .logo-box li:nth-child(3) {
margin-right: 0;
}
.main .logo-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -1744px;
width: 128px;
height: 27px;
text-indent: -9999px;
}
.main .logo-box li:nth-child(4) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -1405px;
width: 128px;
height: 43px;
text-indent: -9999px;
}
.main .logo-box li:nth-child(5) {
margin-right: 0;
}
.main .logo-box li:nth-child(5) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -1458px;
width: 141px;
height: 36px;
text-indent: -9999px;
}
.main .logo-box.yuka-logo-box li,
.main .logo-box.kyutoki-logo-box li {
margin-right: 20px;
}
.main .logo-box.yuka-logo-box li:first-child span,
.main .logo-box.kyutoki-logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -1676px;
width: 128px;
height: 29px;
text-indent: -9999px;
}
.main .logo-box.yuka-logo-box li:nth-child(2) span,
.main .logo-box.kyutoki-logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -1598px;
width: 128px;
height: 31px;
text-indent: -9999px;
}
.main .logo-box.yuka-logo-box li:nth-child(3) span,
.main .logo-box.kyutoki-logo-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -1744px;
width: 128px;
height: 27px;
text-indent: -9999px;
}
.main .logo-box.yuka-logo-box li:nth-child(4) span,
.main .logo-box.kyutoki-logo-box li:nth-child(4) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -1405px;
width: 128px;
height: 43px;
text-indent: -9999px;
}
.main .logo-box.ghp-logo-box li {
margin-right: 20px;
}
.main .logo-box.ghp-logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -1808px;
width: 150px;
height: 21px;
text-indent: -9999px;
}
.main .logo-box.ghp-logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2900px -1930px;
width: 131px;
height: 20px;
text-indent: -9999px;
}
@media screen and (max-width: 767px) {
.main {
width: 100%;
float: none;
}
}
@media screen and (max-width: 767px) {
.main .container {
margin-bottom: 1rem;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main h2 a span.tolist:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.news-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
float: none;
margin-bottom: 10px;
}
.main ul.news-box li:last-child,
.main ul.news-box li:nth-child(1n) {
margin-right: 0;
}
.main ul.news-box li:nth-child(1n+1) {
clear: left;
}
}
@media screen and (max-width: 767px) {
.main ul.news-box li a {
display: table;
table-layout: fixed;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.main ul.news-box li img {
max-height: 72px;
}
}
@media screen and (max-width: 767px) {
.main ul.news-box li div {
display: table-cell;
width: 110px;
}
}
@media screen and (max-width: 767px) {
.main ul.news-box li div:first-child {
height: 60px;
}
}
@media screen and (max-width: 767px) {
.main ul.news-box li dl {
display: table-cell;
vertical-align: top;
padding: 0 0.7em;
}
}
@media screen and (max-width: 767px) {
.main ul.news-box li dt {
margin-top: 5px;
position: static;
}
}
@media screen and (max-width: 767px) {
.main ul.news-box li dd {
margin-top: 5px;
width: 100%;
padding-right: 0;
position: static;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
@media screen and (max-width: 767px) {
.main ul.service-box li {
margin-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.main ul.service-box li a {
height: 80px;
width: 100%;
display: table;
table-layout: fixed;
}
}
@media screen and (max-width: 767px) {
.main ul.service-box li p {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.main ul.service-box li p:first-child {
display: table-cell;
width: 120px;
text-align: center;
vertical-align: middle;
}
}
@media screen and (max-width: 767px) {
.main ul.service-box li p:last-child {
display: table-cell;
width: auto;
vertical-align: middle;
position: static;
text-align: left;
padding-left: 20px;
}
}
@media screen and (max-width: 767px) {
.main ul.service-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.main ul.service-box li:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.main ul.service-box li:first-child a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.service-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.service-box li:nth-child(2) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.service-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.service-box li:nth-child(3) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.service-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.service-box li:nth-child(4) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.service-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.service-box li:last-child a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.service-box li:last-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.feature-box {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.main ul.feature-box li {
width: 222px;
display: inline-block;
float: none;
margin: 10px;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.main ul.feature-box li:last-child {
margin: 10px auto;
}
}
@media screen and (max-width: 767px) {
.main li.lifeinfo-list span.lifeinfo-date {
display: block;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li {
margin-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li a {
width: 100%;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li p:first-child {
text-align: center;
vertical-align: middle;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li p:last-child {
width: auto;
position: static;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li {
width: 222px;
float: none;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li:first-child a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.industry-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li:nth-child(2) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.industry-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li:nth-child(3) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.industry-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li:nth-child(4) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.industry-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.industry-box li:last-child a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.industry-box li:last-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 10px;
}
.main ul.sean-box li:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li a {
width: 100%;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li p:first-child {
text-align: center;
vertical-align: middle;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.sean-box li p:last-child span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li p:last-child {
width: auto;
position: static;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li p {
width: 222px;
float: none;
display: block;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li:first-child a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.sean-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li:nth-child(2) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.sean-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li:nth-child(3) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.sean-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li:nth-child(4) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.sean-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.sean-box li:last-child a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.sean-box li:last-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.equipment-list li a span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.half-container a span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.contactinfo ul.contactinfo-box li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.main div.contactinfo ul.contactinfo-box li:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.main .half-container {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.main .half-container:last-child {
margin-right: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.hojokin-list li a span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust {
text-align: center;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.person {
position: static;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.products {
height: auto !important;
}
.main div.illust div.products .tooltip {
background: none;
border: none;
margin: 1rem 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust div.products a span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.products a span:before {
position: static;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.products:nth-child(2) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 15px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.products:nth-child(2) a {
position: static;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.products:nth-child(3) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 15px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.products:nth-child(3) a {
position: static;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust div.products:nth-child(4) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.products:nth-child(4) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 40px;
}
}
@media screen and (max-width: 767px) {
.main div.illust div.products:nth-child(4) a {
position: static;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust.tenpo-illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.tenpo-illust div.person {
position: static;
margin-bottom: 20px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust.tenpo-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.tenpo-illust div.products:nth-child(2) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 15px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust.tenpo-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.tenpo-illust div.products:nth-child(3) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 15px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust.tenpo-illust div.products:nth-child(4) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.tenpo-illust div.products:nth-child(4) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 40px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.tenpo-illust div.products:nth-child(4) div {
margin: 30px auto 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust.hotel-illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hotel-illust div.person {
position: static;
margin-bottom: 20px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust.hotel-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hotel-illust div.products:nth-child(2) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 15px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust.hotel-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hotel-illust div.products:nth-child(3) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 15px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust.hospis-illust div.person {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hospis-illust div.person {
position: static;
margin-bottom: 20px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust.hospis-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hospis-illust div.products:nth-child(2) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 20px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust.hospis-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hospis-illust div.products:nth-child(3) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 20px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hospis-illust div.products:nth-child(3) div {
margin: 30px auto 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.illust.hospis-illust div.products:nth-child(4) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hospis-illust div.products:nth-child(4) a {
position: static;
}
}
@media screen and (max-width: 767px) {
.main div.illust.hospis-illust div.products:nth-child(4) {
position: static;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #f45d40;
height: 220px;
padding: 10px 0;
margin-bottom: 20px;
vertical-align: top;
padding-top: 20px;
}
}
@media screen and (max-width: 767px) {
.main div.others-box p:first-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.main div.others-box p:first-child:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.main div.others-box p:last-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust {
height: auto;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.katei-whole {
position: static;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.katei-illust div.products a span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products a {
margin: 30px 20px 20px 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.katei-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products:nth-child(2) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
width: auto;
height: auto;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products:nth-child(2) a {
position: static;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.katei-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products:nth-child(3) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
width: auto;
height: auto;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products:nth-child(3) a {
position: static;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.katei-illust div.products:nth-child(4) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products:nth-child(4) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
width: auto;
height: auto;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products:nth-child(4) a {
position: static;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust div.products:nth-child(4) a:last-child {
position: static;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.living-illust {
height: auto;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.living-illust div.katei-whole {
position: static;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.living-illust div.products a {
margin: 30px 20px 20px 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.katei-illust.living-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.living-illust div.products:nth-child(2) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
width: auto;
height: auto;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.living-illust div.products:nth-child(2) a {
position: static;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.living-illust div.products:nth-child(2) a:last-child {
position: static;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust {
height: auto;
text-align: center;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.katei-whole {
position: static;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.products a {
margin: 30px 20px 20px 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.katei-illust.eco-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.products:nth-child(2) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
border: 2px solid #F95B47;
width: 300px;
height: 100px;
vertical-align: top;
margin: 10px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.products:nth-child(2) a {
position: absolute;
top: 20px;
left: 120px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.katei-illust.eco-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.products:nth-child(3) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
width: 300px;
height: 100px;
border: 2px solid #F95B47;
vertical-align: top;
margin: 10px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.products:nth-child(3) p:first-child {
position: absolute;
top: 12px;
left: 12px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.products:nth-child(3) p:nth-child(2) {
top: 12px;
left: 100px;
width: 200px;
line-height: 130%;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.eco-illust div.products:nth-child(3) a {
position: absolute;
top: 27px;
left: 130px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.bath-illust {
height: auto;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.bath-illust div.katei-whole {
position: static;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.bath-illust div.products a {
margin: 30px 20px 20px 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.katei-illust.bath-illust div.products:nth-child(2) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.bath-illust div.products:nth-child(2) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
width: auto;
height: auto;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.bath-illust div.products:nth-child(2) a {
position: static;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main div.katei-illust.bath-illust div.products:nth-child(3) {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.bath-illust div.products:nth-child(3) {
position: relative;
top: auto;
left: auto;
display: inline-block;
background: 0 0;
width: auto;
height: auto;
}
}
@media screen and (max-width: 767px) {
.main div.katei-illust.bath-illust div.products:nth-child(3) a {
position: static;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li {
margin-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li a {
width: 100%;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li p:first-child {
text-align: center;
vertical-align: middle;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-box li p:last-child span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li p:last-child {
width: auto;
position: static;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li {
width: 222px;
float: none;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li:first-child a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-box li:first-child p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li:nth-child(2) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-box li:nth-child(2) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li:nth-child(3) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-box li:nth-child(3) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li:nth-child(4) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-box li:nth-child(4) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li:nth-child(5) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-box li:nth-child(5) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li:nth-child(6) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-box li:nth-child(6) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-box li:nth-child(7) a {
padding: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-box li:nth-child(7) p:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main ul.cooker-point li {
margin-right: 0;
margin-bottom: 10px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.yuka-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.yuka-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.yuka-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.ghp-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.ghp-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.ghp-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.kyutoki-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.kyutoki-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.kyutoki-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.cogen-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.cogen-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.cogen-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.ghp-point li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.ghp-point li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main ul.cooker-point.ghp-point li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main .gyomuexp p {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 30px;
}
.main .gyomuexp p:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.main .logo-box li {
margin-right: 10px;
margin-left: 10px;
margin-bottom: 20px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main .logo-box li:nth-child(3) {
margin-right: 10px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box li:nth-child(4) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.main .logo-box li:nth-child(5) {
margin-right: 10px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box li:nth-child(5) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box.yuka-logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box.yuka-logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box.yuka-logo-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box.yuka-logo-box li:nth-child(4) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box.kyutoki-logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box.kyutoki-logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box.kyutoki-logo-box li:nth-child(3) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box.kyutoki-logo-box li:nth-child(4) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box.ghp-logo-box li:first-child span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.main .logo-box.ghp-logo-box li:nth-child(2) span {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.katei-exp {
line-height: 180%;
color: #8a8a8a;
margin-bottom: 30px;
}
.anzen-exp {
line-height: 200%;
color: #8a8a8a;
}
.price-exp {
line-height: 180%;
color: #8a8a8a;
margin-bottom: 20px;
}
.anzenguidebtn {
font-size: 1.3em;
display: inline-block;
margin-bottom: 45px;
}
.anzenguidebtn span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3030px -927px;
width: 44px;
height: 59px;
text-indent: -9999px;
display: inline-block;
margin-right: 10px;
position: relative;
top: 17px;
}
.anzenguidebtn span:after {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-left: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.anzenguidebtn span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.anzenguidebtn span:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.pricebtn {
text-align: right;
margin-bottom: 30px;
display: inline-block;
text-align: right;
}
.pricebtn span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-right: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.pricebtn span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.katei-banner-eco {
margin-bottom: 30px;
max-width: 377px;
}
.contactbtn input,
a.contactbtn {
background: #005bab;
border: 2px solid #8cb5d9;
box-sizing: border-box;
display: block;
width: 100%;
padding: 13px 0;
text-align: center;
color: #fff;
font-size: 1em;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
margin-bottom: 45px;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
}
.contactbtn input span:before,
a.contactbtn span:before {
content: "";
display: inline-block;
margin-right: 8px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3068px -161px;
width: 19px;
height: 13px;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.contactbtn input span:before,
a.contactbtn span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.contactbtn input span:before span,
a.contactbtn span:before span {
color: #fff;
}
.contactbtn input:hover,
a.contactbtn:hover {
background: #0076de;
box-shadow: none;
top: 2px;
left: 2px;
position: relative;
}
.contactbtn input.btn_green,
a.contactbtn.btn_green {
background: #006f39;
}
.contactbtn input.btn_green:hover,
a.contactbtn.btn_green:hover {
background: #00a253;
}
.otherbtn_fir {
display: block;
margin-bottom: 2rem;
}
a.contactbtn.anzencontact,
a.contactbtn.kikicontact {
max-width: 375px;
margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
a.contactbtn.anzencontact {
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
a.contactbtn.kikicontact {
max-width: 100%;
}
}
.kiki .hash-target {
margin-top: -180px;
padding-top: 180px;
}
.kiki h4 {
color: #f45d40;
margin-bottom: 20px;
font-size: 1.2em;
}
.kiki h4:before {
content: "◎";
display: inline-block;
margin-right: 5px;
}
.kiki .main p {
margin-bottom: 30px;
color: #8a8a8a;
line-height: 180%;
}
.kiki .main .kiki-img {
margin-bottom: 30px;
}
.kiki .main .kiki-img img {
margin: 0 10px 20px;
max-width: 218px;
}
.kiki .main .kiki-img.cooker-img img:first-child {
max-width: 190px;
}
.kiki .main .kiki-img.rice-img img {
margin: 0 20px 20px;
}
.kiki .main .kiki-img.rice-img img:first-child {
max-width: 140px;
}
.kiki .main .kiki-img.rice-img img:last-child {
max-width: 120px;
}
.kiki .main .kiki-img.heater-img img {
max-width: 180px;
margin: 0 20px 20px;
}
.kiki .main .kiki-img.dryer-img img {
max-width: 230px;
margin: 0 0 20px;
}
.kiki .main .kiki-img-single img {
margin: 0 5px 20px;
max-width: 387px;
}
.kiki .main .kiki-detail {
display: inline-block;
width: 240px;
color: #8a8a8a;
vertical-align: top;
}
.kiki .main .kiki-detail p {
margin-bottom: 0;
}
.kiki .main .kiki-detail p:first-child {
font-size: 0.9em;
line-height: 200%;
}
.kiki .main .kiki-detail p:nth-child(2) {
font-size: 1.8em;
line-height: 130%;
color: #f45d40;
}
.kiki .main .kiki-detail p:nth-child(3) {
font-size: 0.9em;
line-height: 200%;
}
.kiki .main .kiki-detail p:nth-child(4) {
font-size: 2em;
line-height: 130%;
font-weight: bold;
margin-bottom: 10px;
}
.kiki .main .kiki-detail p:nth-child(5) {
font-size: 0.9em;
line-height: 150%;
}
.kiki .main .builtin-img .kiki-detail {
padding-top: 30px;
}
@media screen and (max-width: 767px) {
.kiki .hash-target {
margin-top: -96px;
padding-top: 96px;
}
}
@media screen and (max-width: 767px) {
.kiki .main .kiki-img {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.kiki .main .kiki-img-single img {
max-width: 100%;
}
}
.underlayer .main h2 {
border-left: 0.5em solid #F45D40;
padding-left: 0.7em;
}
.underlayer .main h2.leftborder {
margin-bottom: 30px;
color: #F45D40;
font-size: 1.2em;
border-bottom: none;
position: relative;
}
.underlayer .main h3 {
color: #F45D40;
font-weight: bold;
border-bottom: 2px solid #F45D40;
padding-bottom: 0.5em;
margin-bottom: 30px;
}
.underlayer .main .cat-label {
background: #f45d40;
color: #fff;
padding: 3px 6px;
margin-right: 0.5rem;
}
.underlayer .main .cols-1-1 .col,
.underlayer .main .cols-1-1 .col-l,
.underlayer .main .cols-1-1 .col-r {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
}
.underlayer .main .cols-1-1 .col:last-child,
.underlayer .main .cols-1-1 .col-l:last-child,
.underlayer .main .cols-1-1 .col-r:last-child {
margin-right: 0;
}
.underlayer .main .cols-1-2 .col:first-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
.underlayer .main .cols-1-2 .col:first-child:last-child {
margin-right: 0;
}
.underlayer .main .cols-1-2 .col:last-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 65.8807826589%;
margin-right: 0;
}
.underlayer .main .cols-1-1-1 .col {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
.underlayer .main .cols-1-1-1 .col:last-child {
margin-right: 0;
}
.underlayer .main .title-style01 {
background: #ecd2cd;
padding: 0.75rem;
}
.underlayer h3.covered-ttl {
background: #F45D40;
color: #fff;
font-size: 1.3em;
border: none;
padding: 0.2em 0.9em;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.underlayer .main .cols-1-1 .col,
.underlayer .main .cols-1-1 .col-l,
.underlayer .main .cols-1-1 .col-r {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.underlayer .main .cols-1-1 .col:last-child,
.underlayer .main .cols-1-1 .col-l:last-child,
.underlayer .main .cols-1-1 .col-r:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.underlayer .main .cols-1-2 .col:first-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.underlayer .main .cols-1-2 .col:first-child:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.underlayer .main .cols-1-2 .col:last-child {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.underlayer .main .cols-1-1-1 .col {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.underlayer .main .cols-1-1-1 .col:last-child {
margin-right: 0;
}
}
.side {
float: right;
width: 196px;
margin-top: 0.9em;
}
.side h2 {
border-left: 2px solid #f45d40;
padding-left: 7px;
color: #f45d40;
font-size: 1.1em;
margin-bottom: 20px;
}
.side .side-banner {
margin-bottom: 20px;
}
.side .side-banner li {
margin-bottom: 15px;
}
.side .side-banner li a {
display: block;
margin: 0 auto;
}
.side .side-banner li:nth-child(3) a {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -1909px -1787px;
width: 196px;
height: 96px;
text-indent: -9999px;
}
.side .side-banner li:nth-child(4) a {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -2187px -1909px;
width: 196px;
height: 96px;
text-indent: -9999px;
}
.side .side-social li {
margin-bottom: 20px;
font-size: 13px;
line-height: 1.5;
}
.side .side-social li a {
display: block;
}
.side .tellbox {
background: #f45d40;
padding: 10px;
color: #fff;
margin-bottom: 20px;
}
.side .tellbox h2 {
text-align: center;
font-size: 1.1em;
font-weight: 100;
padding-left: 0;
padding-bottom: 10px;
border-left: 0;
color: #fff;
border-bottom: 1px solid #fff;
margin-bottom: 10px;
}
.side .tellbox p {
margin-bottom: 20px;
line-height: 180%;
padding: 0 5px;
}
.side .tellbox dl {
padding: 0 5px;
margin-bottom: 15px;
}
.side .news-box li {
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.side {
float: none;
width: 100%;
margin: 30px auto 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.side .side-banner li:nth-child(3) a {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.side .side-banner li:nth-child(4) a {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
@media screen and (max-width: 767px) {
.side .side-list {
display: none;
}
}
.side-list {
margin-bottom: 1rem;
}
.side-list h1 {
border-left: 4px solid #f45d40;
padding-left: 7px;
color: #f45d40;
font-size: 1.1em;
margin: 0 0 20px;
}
.side-list li {
display: block;
margin: 0 0 10px 0;
}
.side-list li a {
color: #8a8a8a;
font-size: 1.1em;
display: block;
}
.side-list li a span:before {
content: "";
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin-right: 5px;
}
.side-list li a:hover {
color: #333;
}
.side-list li:last-child {
margin-right: 0;
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.side-list li a span:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.backtotop {
text-align: right;
}
.backtotop a {
display: inline-block;
margin-right: 10px;
width: 180px;
padding: 18px 0;
text-align: center;
background: #f8f8f8;
color: #f45d40;
}
.backtotop a span:before {
content: "";
display: inline-block;
}
.backtotop a img {
width: 21px;
margin-right: 5px;
}
@media screen and (max-width: 767px) {
.backtotop .wrapper {
padding: 0;
}
}
@media screen and (max-width: 767px) {
.backtotop a {
width: 100%;
}
}
.nav-below::after {
clear: both;
content: "";
display: block;
}
footer {
padding: 30px 0 25px 0;
background: #F45D40;
color: #fff;
}
footer a {
color: #fff;
}
footer .footer-link {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 23.2317609825%;
margin-bottom: 40px;
}
footer .footer-link:last-child {
margin-right: 0;
}
footer .copyright {
text-align: center;
font-size: 11px;
}
@media screen and (max-width: 767px) {
footer .footer-link {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 0.6rem;
}
footer .footer-link:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
footer .footer-link li a {
padding: 0.3rem;
display: block;
}
}
.tooltip {
display: none;
position: absolute;
width: 20em !important;
background: #fefbe8;
padding: 1.5rem !important;
border: 2px solid #faea86;
z-index: 2;
left: 50%;
top: 50%;
font-size: 1em !important;
color: #444 !important;
line-height: 1.75 !important;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
@media screen and (max-width: 767px) {
.tooltip {
display: block !important;
opacity: 1 !important;
position: static;
width: 100% !important;
padding: 1rem !important;
margin-bottom: 2rem;
}
}
a {
word-break: break-all;
}
@media screen and (min-width: 768px) {
.desktop-none {
display: none;
}
}
@media screen and (max-width: 767px) {
.mobile-none {
display: none;
}
}
.fs-l {
font-size: 1.25rem !important;
}
.fs-xl {
font-size: 1.5rem !important;
}
.fs-xxl {
font-size: 2rem !important;
}
.mt-1rem {
margin-top: -1rem !important;
}
.mt-2rem {
margin-top: -2rem !important;
}
.mt0rem {
margin-top: 0rem !important;
}
.mt1rem {
margin-top: 1rem !important;
}
.mt2rem {
margin-top: 2rem !important;
}
.mb0rem {
margin-bottom: 0rem !important;
}
.mb1rem {
margin-bottom: 1rem !important;
}
.mb2rem {
margin-bottom: 2rem !important;
}
.mb2rem.flex_title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0 !important;
}
.mb2rem.flex_title img {
-o-object-fit: contain;
object-fit: contain;
}
.mb2rem.flex_title .alignnone {
max-width: 180px;
}
@media screen and (max-width: 767px) {
.mb2rem.flex_title {
display: block;
}
}
@media screen and (max-width: 767px) {
.mb2rem.flex_title .alignnone {
margin-top: 2rem;
max-width: 150px;
}
}
.denryoku_title {
font-size: 2rem;
}
@media screen and (max-width: 767px) {
.denryoku_title {
font-size: 1.5rem;
}
}
.mb3rem {
margin-bottom: 3rem !important;
}
.mb4rem {
margin-bottom: 4rem !important;
}
.mtb0rem {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.mtb1rem {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.mtb2rem {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.bold {
font-weight: bold !important;
}
.align-l {
text-align: left !important;
}
.align-c {
text-align: center !important;
}
.align-r,
.align_r {
text-align: right !important;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
}
.red {
color: red;
padding: 0 0.5rem 0 0;
}
.red-dull {
color: #aa282b;
}
b {
font-weight: normal;
}
.cf::after {
clear: both;
content: "";
display: block;
}
p.contactbtn>* {
background: #005bab;
display: block;
width: 18em;
padding: 0.5rem 0;
text-align: center;
color: #fff;
font-size: 1em;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
margin-bottom: 30px;
}
.no-icatch {
margin-top: 126px;
}
@media screen and (max-width: 767px) {
.no-icatch {
margin-top: 61px;
}
}
.no-icatch-contents {
margin-top: 25px;
}
@media screen and (max-width: 767px) {
.no-icatch-contents {
margin-top: 1em;
}
}
input,
email,
textarea {
border: 1px solid #ccc;
padding: 0.3rem;
margin-bottom: 1rem;
max-width: 100%;
}
iframe {
border: none;
}
.single .main blockquote {
display: block;
padding: 15px 20px 15px 45px;
position: relative;
border-top: 1px solid #ecd2cd;
border-bottom: 1px solid #ecd2cd;
margin: 1rem 2rem;
}
.single .main blockquote:before {
content: "“";
font-family: Georgia, serif;
font-size: 60px;
font-weight: 700;
color: #ecd2cd;
position: absolute;
left: 5px;
top: -15px;
}
.single .main blockquote:after {
content: "”";
font-family: Georgia, serif;
font-size: 60px;
font-weight: 700;
color: #ecd2cd;
position: absolute;
right: 5px;
bottom: -45px;
}
.single .main blockquote p {
margin-bottom: 0;
}
.single .main blockquote a {
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
color: #c76c0c;
}
.single .main blockquote a:hover {
color: #666;
}
.single .main p {
line-height: 1.75;
}
.single .main dl {
margin-bottom: 1rem;
}
.single .main dl dt {
font-size: 120%;
font-weight: bold;
margin-bottom: 1rem;
clear: both;
}
.single .main dl dl {
margin-left: 0.5rem;
}
.single .main dl dl dt {
font-size: 100%;
font-weight: bold;
margin-bottom: 1rem;
border-left: 3px solid #999;
padding-left: 8px;
}
.single .main .link-next {
text-align: right;
}
.single .main .link-next a:before {
content: "";
display: inline-block;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite.png);
background-position: -3086px -184px;
width: 7px;
height: 12px;
text-indent: -9999px;
margin-right: 5px;
}
.single .main table {
width: 100%;
text-align: center;
}
.single .main table tr {
border: 1px solid #ccc;
}
.single .main table tr td {
border-right: 1px solid #ccc;
padding: 0.5rem 0;
}
.single .main table p {
margin-bottom: 0;
}
.single .main p,
.single .main div,
.single .main table {
margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
.single .main blockquote {
margin: 0 0 1rem;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.single .main .link-next a:before {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/sprite-2x.png);
background-size: 3095px 2850px;
}
}
.company .main p,
.company .main div,
.company .main table {
margin-bottom: 1rem;
}
.contact .main p,
.contact .main div,
.contact .main table {
margin-bottom: 1rem;
}
.single .main .wp-caption,
.company .main .wp-caption,
.contact .main .wp-caption {
max-width: 100%;
margin-bottom: 2rem;
padding: 0;
}
.single .main .wp-caption img,
.company .main .wp-caption img,
.contact .main .wp-caption img {
display: block;
margin: auto;
}
.single .main .wp-caption-text,
.company .main .wp-caption-text,
.contact .main .wp-caption-text {
font-size: 12px;
background: #ecd2cd;
padding: 0.75rem;
}
.single .profile,
.company .profile,
.contact .profile {
border: 1px solid #ecd2cd;
padding: 1rem;
}
.single .profile h4,
.company .profile h4,
.contact .profile h4 {
border-left: 0.3em solid #F45D40;
padding-left: 0.6em;
margin: 1rem 0;
color: #F45D40;
font-size: 1.2em;
position: relative;
}
.single .form-contact,
.company .form-contact,
.contact .form-contact {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
}
.single .form-contact::after,
.company .form-contact::after,
.contact .form-contact::after {
clear: both;
content: "";
display: block;
}
.single .form-contact dt,
.single .form-contact dd {
margin-bottom: 0.5rem;
}
.company .form-contact dt,
.company .form-contact dd {
margin-bottom: 0.5rem;
}
.contact .form-contact dt,
.contact .form-contact dd {
margin-bottom: 0.5rem;
}
.single .form-contact dt,
.company .form-contact dt,
.contact .form-contact dt {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 23.2317609825%;
}
.single .form-contact dt:last-child,
.company .form-contact dt:last-child,
.contact .form-contact dt:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.single .form-contact dt,
.company .form-contact dt,
.contact .form-contact dt {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.single .form-contact dt:last-child,
.company .form-contact dt:last-child,
.contact .form-contact dt:last-child {
margin-right: 0;
}
}
.single .form-contact dd,
.company .form-contact dd,
.contact .form-contact dd {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 65.8807826589%;
}
.single .form-contact dd:last-child,
.company .form-contact dd:last-child,
.contact .form-contact dd:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.single .form-contact dd,
.company .form-contact dd,
.contact .form-contact dd {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.single .form-contact dd:last-child,
.company .form-contact dd:last-child,
.contact .form-contact dd:last-child {
margin-right: 0;
}
}
.single input[type=submit],
.company input[type=submit],
.contact input[type=submit] {
min-width: 10em;
margin-left: auto;
margin-right: auto;
}
.company table tr th,
.company table tr td {
border-right: 1px solid #ccc;
padding: 0.5rem 0;
}
.contact table tr th,
.contact table tr td {
border-right: 1px solid #ccc;
padding: 0.5rem 0;
}
.company .no-icatch-contents {
margin-top: 0;
}
.company table tr,
.company table td {
border-color: #fff !important;
}
.company table th,
.company table td {
padding: 0.75rem 1rem !important;
}
.company table th {
background: #fccec6;
text-align: right;
}
.company table td {
background: #feefec;
text-align: left;
}
.company .main ul.contactinfo-box-l li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 30px;
color: #8a8a8a;
}
.company .main ul.contactinfo-box-l li:last-child,
.company .main ul.contactinfo-box-l li:nth-child(2n) {
margin-right: 0;
}
.company .main ul.contactinfo-box-l li:last-child {
margin-bottom: 0;
}
.company .main ul.contactinfo-box-l dt {
font-size: 100%;
margin-bottom: 0;
}
.company .main ul.contactinfo-box-l .outer {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: table;
width: 100%;
table-layout: fixed;
}
.company .main ul.contactinfo-box-l .outer::after {
clear: both;
content: "";
display: block;
}
.company .main ul.contactinfo-box-l .outer>dl {
display: table-cell;
width: 50%;
}
.company .main ul.contactinfo-box-l .outer>div {
display: table-cell;
width: 50%;
text-align: right;
}
.company .main ul.contactinfo-box-l .outer img {
vertical-align: top;
}
.company .greeting-block {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.company .greeting-block::after {
clear: both;
content: "";
display: block;
}
.company .greeting-block .img-outer {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
.company .greeting-block .img-outer:last-child {
margin-right: 0;
}
.company .greeting-block .txt-outer {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 65.8807826589%;
font-size: 15px;
line-height: 1.85;
}
.company .greeting-block .txt-outer:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.company .main ul.contactinfo-box-l li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.company .main ul.contactinfo-box-l li:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.company .main ul.contactinfo-box-l .outer>dl {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.company .main ul.contactinfo-box-l .outer>dl:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.company .main ul.contactinfo-box-l .outer>div {
text-align: center;
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.company .main ul.contactinfo-box-l .outer>div:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.company .main ul.contactinfo-box-l .outer img {
width: 100%;
}
}
#eigyosho {
margin-top: -140px;
padding-top: 140px;
}
#contact_denryoku {
margin-top: -140px;
padding-top: 140px;
}
#contact_denryoku .mw_wp_form {
background: #92bd3f;
padding: 4rem 2rem 1rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
color: #111;
}
#contact_denryoku .contactbtn { }
#contact_denryoku .contactbtn>* {
margin-left: auto;
margin-right: auto;
}
.apply-steps li {
margin-bottom: 1rem;
}
.apply-steps h4 {
font-size: 1.2rem;
}
.apply-steps .step {
background: #82d9ea;
color: #fff;
padding: 0.5rem 1rem;
display: inline-block;
margin-right: 1.5rem;
position: relative;
}
.apply-steps .step:after {
content: "◆";
position: absolute;
left: 50%;
font-size: 2rem;
margin-left: -1rem;
bottom: -0.5rem;
color: #82d9ea;
line-height: 1rem;
}
.apply-steps p {
margin-left: 7rem;
}
@media screen and (max-width: 767px) {
.apply-steps .step {
width: 100%;
margin-right: 0;
margin-bottom: 1rem;
}
}
@media screen and (max-width: 767px) {
.apply-steps p {
margin-left: 0;
}
}
.ryoukin .main dl {
margin-bottom: 2rem;
}
.ryoukin .main dl dt {
margin-bottom: 1rem;
font-weight: bold;
padding: 0.5rem;
background: #feefec;
}
.ryoukin .main dl dt:before {
content: "◎";
}
.ryoukin .main dl dd dt {
background: none;
padding: 0;
}
.ryoukin .main dl dd dt:before {
content: "◆";
}
.ryoukin .main ol,
.ryoukin .main ul,
.ryoukin .main p {
margin-bottom: 1rem;
}
.ryoukin .main ol.p-adjust,
.ryoukin .main ul.p-adjust,
.ryoukin .main p.p-adjust {
border: 3px solid #F45D40;
padding: 0.5rem 1rem;
display: inline-block;
}
.ryoukin .main table {
margin-bottom: 2rem;
}
.ryoukin .main table th {
background: #feefec;
}
.ryoukin .main table p {
margin-bottom: 0;
}
.privacy ol li,
.privacy ul li {
text-indent: -1.5em;
margin-left: 1.5em;
}
.privacy h3:not(:last-child) {
margin-bottom: 24px;
}
.privacy ol.noindent>li,
.privacy ul.noindent>li {
text-indent: 0;
margin-left: 0;
}
.privacy ol.noindent>li:not(:last-child),
.privacy ul.noindent>li:not(:last-child) {
margin-bottom: 32px;
}
.privacy dl dt {
font-size: 22px;
line-height: 1.5em;
font-weight: bold;
margin-bottom: 24px;
}
.privacy dl dd {
padding-left: 24px;
}
.privacy dl:not(:last-child) {
margin-bottom: 32px;
}
.accordion-tabs-minimal {
line-height: 1.5;
padding: 0;
}
.accordion-tabs-minimal::after {
clear: both;
content: "";
display: block;
}
.accordion-tabs-minimal li.tab-header-and-content {
list-style: none;
}
.accordion-tabs-minimal a.tab-link {
background-color: white;
border-top: 1px solid gainsboro;
color: #333;
display: block;
padding: 0.75em 1.618em;
text-decoration: none;
}
.accordion-tabs-minimal a.tab-link:hover {
color: #477DCA;
}
.accordion-tabs-minimal a.tab-link:focus {
outline: none;
}
.accordion-tabs-minimal a.tab-link.is-active {
border-bottom: 0;
}
.accordion-tabs-minimal .tab-content {
display: none;
padding: 1.5em 1.618em;
width: 100%;
}
@media screen and (min-width: 45.7142857143em) {
.accordion-tabs-minimal li.tab-header-and-content {
display: inline;
}
}
@media screen and (min-width: 45.7142857143em) {
.accordion-tabs-minimal a.tab-link {
display: inline-block;
border-top: 0;
}
}
@media screen and (min-width: 45.7142857143em) {
.accordion-tabs-minimal a.tab-link.is-active {
border: 1px solid gainsboro;
border-bottom-color: white;
margin-bottom: -1px;
}
}
@media screen and (min-width: 45.7142857143em) {
.accordion-tabs-minimal .tab-content {
border-top: 1px solid gainsboro;
float: left;
}
}
.icatch-reform-jirei-outer {
padding-top: 0 !important;
}
.mw_wp_form dl dt {
font-size: 100% !important;
font-weight: normal !important;
}
.mw_wp_form .error {
margin: -0.5rem 0 1rem;
}
.mw_wp_form .mwform-zip-field input:first-child {
margin-left: 0.5rem;
}
.pointclub {
padding-top: 0.9rem;
}
.pointclub .manga article {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 36px;
padding-bottom: 36px;
border-bottom: 3px solid #B1282C;
flex-wrap: wrap;
}
.pointclub .manga article .pc_imgbox {
width: 58%;
}
.pointclub .manga article .pc_imgbox img {
width: 100%;
}
.pointclub .manga article .desc-box {
width: 37%;
padding: 0;
font-weight: bold;
font-size: 16px;
}
.pointclub .manga article .desc-box .blue {
color: #1178BD;
}
.pointclub .manga article .desc-box .pink {
color: #EB6BA4;
}
.pointclub .manga article:last-child {
border-bottom: none;
}
.pointclub .pc_desc {
position: relative;
width: 100%;
margin-bottom: 48px;
}
.pointclub .pc_desc img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.pointclub .pc_desc p {
width: 90%;
padding-left: 8%;
height: 132px;
border: 2px solid #1178BD;
background: #FFF8DF;
border-radius: 8px;
margin-left: 10%;
font-weight: bold;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
}
.pointclub .pc_detail {
background: #FFF8DF;
border: 2px solid #1E8699;
border-radius: 8px;
margin-bottom: 48px;
}
.pointclub .pc_detail .pc_detail_top {
background: #1E8699;
height: 61px;
display: flex;
align-items: center;
justify-content: center;
}
.pointclub .pc_detail .pc_detail_top h3 {
position: relative;
padding-left: 64px;
}
.pointclub .pc_detail .pc_detail_top h3::before {
content: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/pointclub/pc_detail_top_icon.svg);
position: absolute;
bottom: -26px;
left: -24px;
}
.pointclub .pc_detail .pc_detail_contents {
padding: 0 48px;
}
.pointclub .pc_detail .pc_detail_contents article {
border-bottom: 2px dotted #1E8699;
}
.pointclub .pc_detail .pc_detail_contents article.flex {
padding: 24px 14px;
}
.pointclub .pc_detail .pc_detail_contents article.flex img {
max-width: 72px;
}
.pointclub .pc_detail .pc_detail_contents article.flex div {
width: calc(100% - 100px);
}
.pointclub .pc_detail .pc_detail_contents article.flex div p {
font-size: 16px;
font-weight: bold;
}
.pointclub .pc_detail .pc_detail_contents article.flex div p span {
font-weight: bold;
}
.pointclub .pc_detail .pc_detail_contents article.flex div p span.red {
color: #B1282C;
}
.pointclub .pc_detail .pc_detail_contents article.flex div p span.blue {
color: #1178BD;
}
.pointclub .pc_detail .pc_detail_contents article.flex div p span.font_xl {
font-size: 32px;
}
.pointclub .pc_detail .pc_detail_contents article.flex div p span.font_l {
font-size: 24px;
}
.pointclub .pc_detail .pc_detail_contents article.flex div ul li {
font-size: 16px;
font-weight: bold;
padding-left: 24px;
margin-bottom: 16px;
}
.pointclub .pc_detail .pc_detail_contents article.flex div ul li:nth-child(1) {
background: url(//taiyo-gas.or.jp/cms/wp-content/uploads/2023/05/num01.svg) no-repeat;
background-size: 20px;
background-position: left 5px;
}
.pointclub .pc_detail .pc_detail_contents article.flex div ul li:nth-child(2) {
background: url(//taiyo-gas.or.jp/cms/wp-content/uploads/2023/05/num02.svg) no-repeat;
background-size: 20px;
background-position: left 5px;
}
.pointclub .pc_detail .pc_detail_contents article.flex div ul li:nth-child(3) {
background: url(//taiyo-gas.or.jp/cms/wp-content/uploads/2023/05/num03.svg) no-repeat;
background-size: 20px;
background-position: left 5px;
}
.pointclub .pc_detail .pc_detail_contents article .small {
padding: 32px;
}
.pointclub .pc_detail .pc_detail_contents article:last-child {
border-bottom: 0;
}
.pointclub .pc_detail .pc_detail_contents article:last-child .small {
padding-bottom: 0;
}
.pointclub .pc_dmenu .contactbtn {
margin-right: auto;
margin-left: auto;
max-width: 375px;
}
.pointclub .pc-banner {
margin: 0 0 40px;
}
.pointclub .desc-box {
padding: 1.5rem 3rem;
}
.pointclub .date-box {
position: absolute;
right: 0;
top: 0;
background: #fff;
color: #2a96a9;
height: 20px;
padding: 10px;
font-size: 20px;
text-align: center;
box-sizing: content-box;
line-height: 1;
}
.pointclub .koma {
position: relative;
border-top: 3px solid #aa282b;
}
.pointclub .koma .sec-num {
position: absolute;
top: 0;
left: 0;
background: #aa282b;
color: #fff;
display: inline-block;
line-height: 1;
width: 56px;
height: 36px;
padding: 10px 0;
font-size: 36px;
box-sizing: content-box;
text-align: center;
}
.pointclub .koma.koma-01 {
padding: 1rem 0 0 0;
}
.pointclub .koma.koma-01 h1 {
margin: 0;
}
.pointclub .koma.koma-01 .illust-box {
text-align: center;
}
.pointclub .koma.koma-01 .icon-kaihi {
margin-right: 0.5rem;
}
.pointclub .koma.koma-01 .icon-point {
margin-right: 0.5rem;
vertical-align: middle;
}
.pointclub .koma.koma-02 .illust-box {
padding: 4rem 1rem 0;
text-align: right;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-pc-bg-01-2x.jpg) no-repeat 0 12%;
background-size: cover;
}
.pointclub .koma.koma-03 .illust-box {
padding: 0.25rem 1rem 0;
text-align: right;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-pc-bg-02-2x.jpg) no-repeat 0 12%;
background-size: cover;
}
.pointclub .koma.koma-03 .desc-box::after {
clear: both;
content: "";
display: block;
}
.pointclub .koma.koma-03 .desc-box .col-l {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 65.8807826589%;
}
.pointclub .koma.koma-03 .desc-box .col-l:last-child {
margin-right: 0;
}
.pointclub .koma.koma-03 .desc-box .col-r {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
.pointclub .koma.koma-03 .desc-box .col-r:last-child {
margin-right: 0;
}
.pointclub .koma.koma-04 .illust-box {
padding: 2rem 1rem 0;
}
.pointclub .koma.koma-04 .koma-04-note {
position: relative;
margin: 2rem 0 0;
}
.pointclub .koma.koma-04 .koma-04-note dt {
position: absolute;
top: -0.5rem;
left: 0;
}
.pointclub .koma.koma-04 .koma-04-note dd {
padding: 1rem 1rem 1rem 78px;
margin: 1rem 0 1rem 58px;
background: #eaf5f3;
border-radius: 6px;
}
.pointclub .koma.koma-04 .koma-04-note a {
color: #0066b5;
}
.pointclub .koma.koma-04:after {
content: "";
display: block;
width: 100%;
height: 58px;
text-align: center;
background: #aa282b url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-pc-txt-03-2x.png) no-repeat 50% 50%;
background-size: 31px auto;
}
.pointclub .cenerun-note {
border: 2px solid #2a96a9;
border-radius: 6px;
background: #fff9e2;
margin-top: 3rem;
}
.pointclub .cenerun-note h1 {
background: #2a96a9;
text-align: center;
margin: 0;
padding: 0.5rem 0;
font-size: 1em;
position: relative;
}
.pointclub .cenerun-note h1 img {
vertical-align: middle;
}
.pointclub .cenerun-note h1 .icon-cenerun {
position: absolute;
bottom: -4px;
right: 100px;
}
.pointclub .cenerun-note .block-01 {
border-bottom: 2px solid #2a96a9;
padding: 0.5rem 1rem;
}
.pointclub .cenerun-note .block-02 {
padding: 1rem;
}
.pointclub .cenerun-note .note-inner {
padding: 1rem;
border-radius: 8px;
background: #fff;
margin-top: 1rem;
}
.pointclub .disaster-service {
position: relative;
border-bottom: 3px solid #aa282b;
}
.pointclub .disaster-service h1 {
text-align: center;
margin: 0;
}
.pointclub .disaster-service .disaster-banner {
position: absolute;
top: 0;
right: 3rem;
}
.pointclub .disaster-service .pdf-dl {
margin: 1rem 0;
}
.pointclub .disaster-service .pdf-dl img {
vertical-align: middle;
}
.pointclub .point-items {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-pc-bg-pattern01.png) repeat 0 0;
}
.pointclub .point-items h1 {
text-align: center;
font-size: 1rem;
margin: 0;
padding: 2rem 0 1rem;
}
.pointclub .point-items table {
text-align: center;
width: 100%;
margin-bottom: 1rem;
}
.pointclub .point-items table td {
border: 2px solid #999;
padding: 0.75rem 0.25rem;
background: #fff;
line-height: 1.35;
}
.pointclub .point-items table td.td2,
.pointclub .point-items table td.td4,
.pointclub .point-items table td.td6,
.pointclub .point-items table td.td8,
.pointclub .point-items table td.td10 {
background: #fdef76;
}
.pointclub .point-items table thead td {
background: #2a96a9;
color: #fff;
}
.pointclub .bill-check {
background: #fdef76;
}
.pointclub .bill-check h1 {
text-align: center;
margin: 0 0 -3rem;
font-size: 1rem;
line-height: 1;
}
.pointclub .bill-check h1 img {
vertical-align: middle;
}
.pointclub .bill-check h1 img.bill-title {
margin-left: 76px;
}
.pointclub .bill-check h1 img.bill-icon {
position: relative;
top: -1rem;
left: 0.5rem;
}
.pointclub .bill-check .desc-bill {
margin-top: 1rem;
}
.pointclub .pc-terms {
padding-top: 2rem;
}
.pointclub .pc-terms h1 {
text-align: center;
margin: 0;
font-size: 18px;
}
.pointclub .pc-terms .desc-box {
padding-top: 0;
}
.pointclub .pointclub-contact h1 {
color: #fff;
background: #eb6100;
padding: 1rem 0;
margin: 0 0 1rem;
line-height: 1;
font-size: 18px;
text-align: center;
}
.pointclub .pointclub-contact p {
text-align: center;
}
.pointclub .pointclub-contact .txt-01 {
margin: 1rem 0;
}
.pointclub .pointclub-contact .txt-contact {
margin-top: 1rem;
}
.pointclub .btn_join a {
color: #fff;
font-size: 24px;
display: block;
text-align: center;
background-color: #EB4829;
border: 2px solid #F45D40;
box-shadow: 1px 1px 2px #888;
border-radius: 5px;
margin: 32px auto 48px;
padding: 1rem;
max-width: 660px;
}
.pointclub .btn_join a:hover {
text-decoration: none;
background-color: #FF6446;
border: 2px solid #F88873;
position: relative;
top: 2px;
left: 2px;
box-shadow: none;
}
.pointclub .btn_join a img {
position: absolute;
padding-left: 2rem;
}
.pointclub .point_recommended {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/bg-dengen-02@2x.png);
padding: 36px 20px;
}
.pointclub .point_recommended .point_wrap {
background: #fff;
margin: 0 auto;
max-width: 660px;
padding-top: 2rem;
padding-bottom: 36px;
}
.pointclub .point_recommended .point_wrap .recommended_title {
text-align: center;
display: flex;
justify-content: space-between;
margin-bottom: 2rem;
}
.pointclub .point_recommended .point_wrap .recommended_title .fire {
max-width: 130px;
margin-top: -3rem;
position: absolute;
z-index: 1;
}
.pointclub .point_recommended .point_wrap .recommended_title .parson {
margin-right: 1rem;
}
.pointclub .point_recommended .point_wrap .recommended_title .fukidashi {
font-size: 2rem;
color: #B40019;
text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
background-color: #FFEC00;
height: 100%;
margin: 0 auto;
padding-left: 10rem;
padding-right: 4rem;
position: relative;
}
.pointclub .point_recommended .point_wrap .recommended_title .fukidashi h3 {
transform: translateY(2px);
}
.pointclub .point_recommended .point_wrap .recommended_title .fukidashi:after {
content: "";
position: absolute;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent #FFEC00;
display: block;
width: 0;
z-index: 1;
right: -20px;
top: 20px;
}
.pointclub .point_recommended section {
max-width: 610px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 48px;
}
.pointclub .point_recommended section:last-child {
margin-bottom: 0;
}
.pointclub .point_recommended section .recommend_img {
width: 45%;
margin-bottom: 1rem;
}
.pointclub .point_recommended section .point_recommend_texts {
width: 50%;
}
.pointclub .point_recommended section .point_recommend_texts h4 {
font-size: 1.5rem;
font-weight: bold;
border-left: 8px solid #F7B52C;
line-height: 24px;
margin-bottom: 1rem;
padding-left: 5px;
}
.pointclub .point_recommended section .point_recommend_texts h4 span {
font-size: 14px;
}
.pointclub .point_recommended section .point_recommend_texts p {
margin-bottom: 1rem;
}
.pointclub .point_recommended section .point_recommend_texts .recommend_address {
border: 1px solid #000;
padding: 1rem;
text-align: center;
}
.pointclub .point_recommended section .necessary_points {
width: 100%;
text-align: center;
border-radius: 50px;
margin-top: 32px;
background-color: #FFF135;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/necessary_bg.png);
background-repeat: repeat;
}
.pointclub .point_recommended section .necessary_points p {
font-size: 28px;
padding: 10px;
}
.pointclub .point_recommended section .necessary_points p span {
font-size: 32px;
font-weight: bold;
color: #C30D23;
}
.pointclub .other_btn a {
display: block;
text-align: center;
font-weight: bold;
background-color: #FFF135;
border: 2px solid #F7ED98;
color: #000;
box-shadow: 1px 1px 2px #888;
border-radius: 5px;
font-size: 24px;
padding: 1rem;
margin-top: 36px;
}
.pointclub .other_btn a:hover {
text-decoration: none;
background-color: #FFF569;
border: 2px solid #FDF8CD;
position: relative;
top: 2px;
left: 2px;
box-shadow: none;
}
.pointclub .other_btn a img {
width: 40px;
margin-left: 2rem;
padding-bottom: 3px;
}
.pointclub .howto_justify {
padding-top: 127px;
}
.pointclub .howto_justify .howto_justify_inner {
padding-top: 48px;
margin-top: -127px;
}
.pointclub .howtobanner {
background-color: #F45D40;
text-align: center;
font-weight: bold;
font-size: 2rem;
margin: 0 0 32px;
padding: 1rem 0;
color: #fff;
}
.pointclub .howtobanner .sp {
display: none;
}
.pointclub .terms {
height: 400px;
overflow: scroll;
border: 1px solid #D3D3D3;
margin: 32px 0;
}
.pointclub .point_lists {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/bg-dengen-02.png);
background-repeat: repeat;
padding: 32px 20px;
margin-top: 32px;
}
.pointclub .point_lists .point_title {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/label.svg);
}
.pointclub .point_lists section {
background-color: #fff;
margin: 0 auto;
max-width: 660px;
padding-top: 32px;
}
.pointclub .point_lists section .point_items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 25px 25px 32px;
width: 100%;
}
.pointclub .point_lists section .point_items.item_all .point_item {
margin-bottom: 3rem;
padding: 0;
}
.pointclub .point_lists section .point_items.item_new {
margin-bottom: 2rem;
}
.pointclub .point_lists section .point_items .point_item {
width: 31%;
}
.pointclub .point_lists section .point_items .point_item.point_recommend {
width: 48%;
}
.pointclub .point_lists section .point_items .point_item:last-child {
margin-bottom: 0;
}
.pointclub .point_lists section .point_items .point_item img {
margin-bottom: 0.5rem;
}
.pointclub .point_lists section .point_items .point_item h4 {
font-size: 1.5rem;
}
.pointclub .point_lists section .point_items .point_item .necessary_points {
background-color: #FFF135;
text-align: center;
font-size: 2rem;
color: #C30D23;
font-weight: bold;
border-radius: 25px;
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/necessary_bg.png);
background-repeat: repeat;
}
.pointclub .point_lists section .point_items .point_item .necessary_points img {
width: 2.5rem;
}
.pointclub .point_items_other {
background-color: #FFEB00;
text-align: center;
padding: 8px 25px 48px;
}
.pointclub .point_items_other .magazines {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.pointclub .point_items_other .magazines img {
width: 49%;
}
@media screen and (max-width: 767px) {
.pointclub {
padding-top: 0;
}
}
@media screen and (max-width: 767px) {
.pointclub .manga article .pc_imgbox {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.pointclub .manga article .desc-box {
width: 100%;
margin-bottom: 24px;
}
}
@media screen and (max-width: 767px) {
.pointclub .pc_desc {
margin-bottom: 96px;
}
}
@media screen and (max-width: 767px) {
.pointclub .pc_desc img {
left: 50%;
transform: translateX(-50%);
top: -75px;
}
}
@media screen and (max-width: 767px) {
.pointclub .pc_desc p {
width: 100%;
padding: 70px 10px 24px;
height: auto;
margin-left: auto;
top: -75px;
}
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_top {
padding: 0 10px;
}
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_top h3 {
padding-left: 0;
}
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_top h3::before {
top: -104px;
left: auto;
}
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_contents {
padding: 0 8px;
}
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_contents article.flex {
padding: 24px 8px;
}
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_contents article.flex img {
display: block;
margin: 0 auto 16px !important;
}
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_contents article.flex div {
margin: auto !important;
}
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_contents article.flex div ul li {
text-align: left;
}
}
@media screen and (max-width: 767px) {
.pointclub .pc_detail .pc_detail_contents article .small {
padding: 24px 8px;
}
}
@media screen and (max-width: 767px) {
.pointclub .desc-box {
padding: 1rem;
}
}
@media screen and (max-width: 767px) {
.pointclub .koma .sec-num {
font-size: 22px;
width: 38px;
height: 22px;
padding: 8px 0;
}
}
@media screen and (max-width: 767px) {
.pointclub .koma.koma-03 .desc-box .col-l {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.pointclub .koma.koma-03 .desc-box .col-l:last-child {
margin-right: 0;
}
.pointclub .koma.koma-03 .desc-box .col-l br {
display: none;
}
}
@media screen and (max-width: 767px) {
.pointclub .koma.koma-03 .desc-box .col-r {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
}
.pointclub .koma.koma-03 .desc-box .col-r:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.pointclub .koma.koma-04 .koma-04-note dt {
position: static;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.pointclub .koma.koma-04 .koma-04-note dd {
padding: 1rem;
margin: 1rem;
}
}
@media screen and (max-width: 767px) {
.pointclub .cenerun-note {
margin-top: 1rem;
}
}
@media screen and (max-width: 767px) {
.pointclub .cenerun-note h1 .icon-cenerun {
bottom: -3px;
right: 0;
width: 40px;
}
}
@media screen and (max-width: 767px) {
.pointclub .disaster-service .disaster-banner {
position: static;
text-align: center;
margin-top: 1rem;
}
}
@media screen and (max-width: 767px) {
.pointclub .bill-check h1 {
margin: 0;
padding: 1rem;
}
}
@media screen and (max-width: 767px) {
.pointclub .bill-check h1 img.bill-title {
margin: 0;
}
}
@media screen and (max-width: 767px) {
.pointclub .bill-check h1 img.bill-icon {
display: none;
}
}
@media screen and (max-width: 767px) {
.pointclub .pointclub-contact h1 {
padding: 1rem;
line-height: 1.5;
}
}
@media screen and (max-width: 767px) {
.pointclub .btn_join {
margin: 24px 0 32px;
}
}
@media screen and (max-width: 767px) {
.pointclub .btn_join a {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.pointclub .btn_join a img {
position: static;
padding-left: 3px;
padding-bottom: 4px;
width: 24px;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended {
padding: 20px 10px;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended .point_wrap {
padding-top: 1rem;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended .point_wrap .recommended_title {
justify-content: flex-end;
margin-bottom: 1rem;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended .point_wrap .recommended_title .fire {
max-width: 70px;
left: 28px;
margin-top: -2rem;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended .point_wrap .recommended_title .parson {
width: 45px;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended .point_wrap .recommended_title .fukidashi {
padding-left: 5rem;
padding-right: 1.25rem;
font-size: 1rem;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended .point_wrap .recommended_title .fukidashi:after {
border-width: 5px 0 5px 10px;
top: 9px;
right: -10px;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended section {
display: block;
padding: 0 10px;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended section .recommend_img {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended section .point_recommend_texts {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_recommended section .necessary_points p {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.pointclub .other_btn a {
font-size: 16px;
padding-left: 3rem;
margin-top: 16px;
}
}
@media screen and (max-width: 767px) {
.pointclub .other_btn a img {
width: 24px;
margin-left: 1rem;
}
}
@media screen and (max-width: 767px) {
.pointclub .howtobanner .sp {
display: block;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_lists {
padding: 20px 10px;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_lists section .point_items {
padding: 10px;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_lists section .point_items .point_item {
margin-bottom: 2rem;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_lists section .point_items .point_item.point_recommend {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_items_other {
padding: 8px 25px 25px;
}
}
@media screen and (max-width: 767px) {
.pointclub .point_items_other .magazines img {
width: 100%;
margin-bottom: 1rem;
}
}
.expander .expander-trigger {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-bottom: 1px solid #DDD;
color: #477DCA;
cursor: pointer;
display: block;
font-size: 1em;
margin-bottom: 1em;
padding-bottom: 0.25em;
text-decoration: none;
}
.expander .expander-trigger:before {
font-size: 0.7em;
content: "▼";
margin-right: 0.5em;
}
.expander .expander-content p {
color: #333;
line-height: 1.5em;
}
.expander .expander-hidden:before {
font-size: 0.7em;
content: "►";
}
.expander .expander-hidden+.expander-content {
display: none;
}
.faq-a {
font-weight: bold;
color: #005bab;
margin-right: 0.5rem;
}
.faq-q {
font-weight: bold;
color: #f45d40;
margin-right: 0.5rem;
}
.info-box {
background: #f1efd1;
padding: 1.5em;
border-radius: 0.5rem;
}
.info-box strong {
margin-bottom: 1rem;
display: block;
}
.tege-intro {
color: #c84c34;
border-bottom: 1px dashed #c84c34;
padding-bottom: 1.5em;
margin-bottom: 2em;
}
.bg-stripe-01 {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-denryoku-bg-01-2x.png) repeat 0 0;
background-size: 12px;
padding: 1.5rem;
}
.flow .icon-step {
float: left;
width: 20%;
}
.flow .text {
float: right;
width: 80%;
font-size: 1.25rem;
}
.flow .contactbtn {
font-size: 2rem;
}
@media screen and (max-width: 767px) {
.flow .icon-step {
float: none;
width: auto;
text-align: center;
margin-bottom: 1rem;
}
}
@media screen and (max-width: 767px) {
.flow .text {
float: none;
width: auto;
font-size: 1rem;
}
.flow .text br {
display: none;
}
}
@media screen and (max-width: 767px) {
.flow .contactbtn {
font-size: 1.25rem;
}
}
#denryoku {
background: #ffeb00;
}
#denryoku .contents {
background: #ffeb00;
}
.embed {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 66.6%;
}
.embed>* {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.flex>* {
width: calc(50% - 1rem);
margin: 0 !important;
}
.flex.flex1_2>*:first-of-type {
width: calc(33.3% - 1rem);
}
.flex.flex1_2>*:first-of-type+* {
width: calc(66.6% - 1rem);
}
@media screen and (max-width: 767px) {
.flex {
display: block;
}
.flex>* {
width: 100% !important;
margin: 0 0 1.5rem !important;
}
.flex>*:first-of-type {
text-align: center;
}
}
.box_border {
padding: 1.5rem;
border: 2px solid #005bab;
border-radius: 0.75rem;
}
.twitter-timeline iframe {
width: 100% !important;
}
.btn_2022 {
text-align: center;
font-size: 1.25rem;
border: 1px solid navy;
padding: 1.25rem 2.5rem;
line-height: 1.5rem;
background: rgba(255, 255, 255, 0.65);
border-radius: 0.5rem;
display: inline-block;
width: -moz-max-content;
width: max-content;
min-width: 420px;
}
@media screen and (max-width: 767px) {
.btn_2022 {
min-width: auto;
width: 100%;
}
}
#denryokusim .contents {
padding-top: 1rem;
}
#denryokusim .contents>.wrapper a {
color: #005bab;
}
#denryokusim input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: 0px;
padding: 10px !important;
margin-bottom: 0 !important;
border: none !important;
transition: all 0.3s ease;
background: #ccc;
}
#denryokusim input[type=radio]:after {
content: "未選択";
display: block;
}
#denryokusim input[type=radio]:checked {
background: #005bab;
color: #fff;
}
#denryokusim input[type=radio]:checked:after {
content: "選択中";
display: block;
}
#denryokusim .radio-toggle {
cursor: pointer;
transition: all 0.3s ease;
opacity: 0.35;
}
#denryokusim .radio-toggle h1 {
margin-top: 0;
}
#denryokusim .radio-toggle input[type=radio] {
margin-right: 0.5rem;
cursor: pointer;
font-size: 0.9rem;
vertical-align: top;
line-height: 0.9rem;
height: 2rem;
padding: 0.7rem 0 !important;
width: 4em;
text-align: center;
}
#denryokusim .radio-toggle:hover {
background: #fffbae;
opacity: 0.8;
}
#denryokusim .radio-toggle:hover input[type=radio] {
background: #999;
}
#denryokusim .radio-toggle:hover input[type=radio]:checked {
background: #005bab;
color: #fff;
}
#denryokusim .radio-toggle.radio-toggled {
opacity: 1;
cursor: default;
}
#denryokusim .radio-toggle.radio-toggled:hover {
background: none;
}
#denryokusim .accordion-tabs-minimal {
line-height: 1.5;
padding: 0;
}
#denryokusim .accordion-tabs-minimal::after {
clear: both;
content: "";
display: block;
}
#denryokusim .accordion-tabs-minimal li.tab-header-and-content {
list-style: none;
}
#denryokusim .accordion-tabs-minimal a.tab-link {
background-color: #f0f0f0;
border-top: 2px solid #f45d40;
color: #333;
display: block;
position: relative;
padding: 0.5em 0.809em 0.75em;
text-decoration: none;
transition: background 0.3s ease;
font-size: 1.75rem;
font-weight: bold;
}
#denryokusim .accordion-tabs-minimal a.tab-link>span {
font-size: 0.9rem;
font-weight: normal;
}
#denryokusim .accordion-tabs-minimal a.tab-link:hover {
opacity: 1;
background: #f45d40;
color: #fff;
}
#denryokusim .accordion-tabs-minimal a.tab-link:focus {
outline: none;
}
#denryokusim .accordion-tabs-minimal a.tab-link.is-active {
border-bottom: 0;
background: white;
position: relative;
}
#denryokusim .accordion-tabs-minimal a.tab-link.is-active:after {
content: "";
position: absolute;
top: 2px;
width: 100%;
height: 100%;
}
#denryokusim .accordion-tabs-minimal a.tab-link.is-active:hover {
color: #444;
cursor: default;
}
#denryokusim .accordion-tabs-minimal .tab-left .is-active:after {
left: -2px;
border-left: 2px solid #F45D40;
}
#denryokusim .accordion-tabs-minimal .tab-center .tab-link {
right: -2px;
}
#denryokusim .accordion-tabs-minimal .tab-center .is-active:after {
right: -2px;
border-right: 2px solid #F45D40;
}
#denryokusim .accordion-tabs-minimal .tab-content {
display: none;
padding: 1.5em 1.618em;
width: 100%;
}
#denryokusim .tab-link {
text-align: center;
font-size: 1.25rem;
}
#denryokusim .tab-link span {
display: block;
font-size: 0.9rem;
}
#denryokusim .main-banner {
margin: 0 0 2rem;
}
#denryokusim .sub-copy {
font-size: 1.5rem;
text-align: center;
margin-bottom: 2rem;
}
#denryokusim .step-block {
border-top: 1px dotted #ccc;
padding-top: 2rem;
}
#denryokusim .step-block:first-child {
border-top: none;
padding-top: 0;
}
#denryokusim .cols2 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
}
#denryokusim .cols2::after {
clear: both;
content: "";
display: block;
}
#denryokusim .cols2 .col {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
margin-bottom: 2rem;
}
#denryokusim .cols2 .col:last-child,
#denryokusim .cols2 .col:nth-child(2n) {
margin-right: 0;
}
#denryokusim .cols2 .col:nth-child(2n+1) {
clear: left;
}
#denryokusim .cols3 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
#denryokusim .cols3::after {
clear: both;
content: "";
display: block;
}
#denryokusim .cols3 .col {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
margin-bottom: 2rem;
width: 48% !important;
}
#denryokusim .cols3 .col:last-child,
#denryokusim .cols3 .col:nth-child(3n) {
margin-right: 0;
}
#denryokusim .cols3 .col:nth-child(3n+1) {
clear: left;
}
#denryokusim .border-box {
border: 1px solid #ccc;
padding: 1rem;
}
#denryokusim .border-box h1 {
font-size: 1.25rem;
}
#denryokusim .btn-apply {
text-align: center;
margin-top: 2rem;
}
#denryokusim .btn-apply input {
text-align: center;
width: 30rem;
padding: 1rem;
margin: 2rem auto 0;
font-size: 1.5rem;
cursor: pointer;
}
#denryokusim .btn-apply input:hover {
background: #0076de;
}
#denryokusim .step-nav {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
#denryokusim .step-nav::after {
clear: both;
content: "";
display: block;
}
#denryokusim .step-nav li {
background: #f0f0f0;
padding: 1rem;
margin-bottom: 2rem;
position: relative;
text-align: center;
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
#denryokusim .step-nav li:last-child,
#denryokusim .step-nav li:nth-child(3n) {
margin-right: 0;
}
#denryokusim .step-nav li:nth-child(3n+1) {
clear: left;
}
#denryokusim .step-nav li:before {
content: "";
position: absolute;
border-bottom: 20px solid transparent;
border-left: 20px solid #f0f0f0;
border-top: 20px solid transparent;
height: 0px;
width: 0px;
right: -20px;
top: 50%;
margin-top: -20px;
}
#denryokusim .step-nav li.active {
background: #F9C6BD;
border-width: 2px;
font-weight: bold;
}
#denryokusim .step-nav li.active:before {
border-left-color: #F9C6BD;
}
#denryokusim .step-nav li:last-child:before {
display: none;
}
#denryokusim .border-content {
border: 2px solid #f45d40;
padding: 1.5em 1.618em;
line-height: 1.5;
}
#denryokusim .result-title {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-denryoku-bg-01-2x.png) repeat 0 0;
padding: 1.5rem 1rem;
margin: 0;
line-height: 1.5;
font-size: 2.5rem;
font-family: "Jun 501";
}
#denryokusim .result-title span {
color: #005BAB;
}
#denryokusim .result-block {
padding: 0.01rem 2rem;
border-bottom: 1px dotted #ccc;
}
#denryokusim .result-block:last-of-type {
border-bottom: none;
}
#denryokusim .result-block:not(:last-child) {
margin-bottom: 32px;
}
#denryokusim .result-block .result-block-title {
font-size: 1.5rem;
margin-bottom: 1rem;
}
#denryokusim .reasonable-block {
background: #fff;
border: 2px solid #E49C3B;
text-align: center;
border-radius: 1rem;
padding: 1rem;
min-height: 120px;
display: flex;
justify-content: center;
align-items: center;
}
#denryokusim .reasonable-block p {
line-height: 1.35;
}
#denryokusim .txt-price {
font-size: 3rem;
font-weight: bold;
color: #E49C3B;
}
#denryokusim .graph-block {
display: flex;
}
#denryokusim .graph-block .graph {
align-self: flex-end;
}
#denryokusim .graph {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
text-align: center;
padding: 0 0.25rem;
}
#denryokusim .graph:last-child,
#denryokusim .graph:nth-child(2n) {
margin-right: 0;
}
#denryokusim .graph:nth-child(2n+1) {
clear: left;
}
#denryokusim .graph .bar {
background: #f0f0f0;
display: block;
padding: 5px;
line-height: 1.45;
display: flex;
align-items: center;
transition: all 0.3s ease;
}
#denryokusim .graph .bar.bar01 {
background: #BCD8DC;
}
#denryokusim .graph .bar.bar02 {
background: #F59292;
}
#denryokusim .graph .bar .name-plan {
align-self: center;
margin: 0 auto;
}
#denryokusim .graph .price {
font-size: 1.25rem;
margin-top: 0.25rem;
display: block;
}
#denryokusim .discount-on .reasonable-block {
border-color: #f45d40;
position: relative;
transition: all 0.3 ease;
}
#denryokusim .discount-on .reasonable-block:after {
font-size: 1.1rem;
content: "ガスセット割適用で";
position: absolute;
top: -0.8rem;
left: 50%;
margin-left: -6rem;
background: #fff;
padding: 0 1rem;
color: #f45d40;
font-weight: bold;
}
#denryokusim .menseki-toggle {
color: #005bab;
cursor: pointer;
}
#denryokusim .menseki-toggle:hover {
color: #0076de;
}
#denryokusim .menseki-toggle:after {
content: "▼";
margin-left: 0.25rem;
}
#denryokusim .menseki-toggle.toggled:after {
content: "▲";
}
#denryokusim .menseki-block {
display: none;
padding: 1rem 2rem;
margin-bottom: 1rem;
font-size: 0.9rem;
background: #fff;
}
#denryokusim .menseki-block li {
margin-bottom: 0.75rem;
}
#denryokusim #btn-discount01 {
cursor: pointer;
margin-bottom: 5rem;
}
#denryokusim #btn-discount01:hover {
opacity: 0.8;
}
#denryokusim .otoku-block {
background: #FFF864;
margin-bottom: 1rem;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
#denryokusim .otoku-block>h1 {
margin: 0;
text-align: center;
padding: 1rem;
}
#denryokusim .otoku-block>h1 img {
vertical-align: top;
}
#denryokusim .otoku-block .otoku-points {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 1rem;
max-width: 56em;
}
#denryokusim .otoku-block .otoku-points::after {
clear: both;
content: "";
display: block;
}
#denryokusim .otoku-block .otoku-points dl {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 31.7615653177%;
}
#denryokusim .otoku-block .otoku-points dl:last-child,
#denryokusim .otoku-block .otoku-points dl:nth-child(3n) {
margin-right: 0;
}
#denryokusim .otoku-block .otoku-points dl:nth-child(3n+1) {
clear: left;
}
#denryokusim .otoku-block .otoku-points dl dt {
margin: 0 auto 1rem;
text-align: center;
line-height: 3;
}
#denryokusim .otoku-block .otoku-points dl dd {
padding: 0 0 0 0.5rem;
}
#denryokusim .otoku-block .otoku-points .col {
margin-bottom: 0;
}
#denryokusim .otoku-block .otoku-points .otoku-price span {
font-size: 1.25rem;
font-weight: bold;
border-bottom: 2px solid #f45d40;
display: inline-block;
line-height: 1.2;
margin-bottom: 0.25rem;
}
#denryokusim .otoku-block .otoku-calc {
width: 30rem;
margin: 0 auto;
}
#denryokusim .otoku-block .otoku-calc dl {
font-size: 1.35rem;
font-weight: bold;
margin: 2.5rem auto 0;
}
#denryokusim .otoku-block .otoku-calc dl dt {
width: 50%;
float: left;
text-align: right;
clear: both;
line-height: 4.5rem;
padding-right: 0.5rem;
}
#denryokusim .otoku-block .otoku-calc dl dd {
width: 50%;
float: right;
text-align: left;
padding-left: 0.5rem;
}
#denryokusim .otoku-block .otoku-calc dl dd .number {
font-size: 2.5rem;
}
#denryokusim .otoku-block .otoku-calc p {
font-size: 0.7rem;
}
#denryokusim .expander {
border: 2px solid #000;
}
#denryokusim .expander-trigger {
padding: 1rem;
margin: 0;
border-bottom: 0;
position: relative;
cursor: pointer;
}
#denryokusim .expander-trigger:hover {
background: #f0f0f0;
}
#denryokusim .expander-trigger:before {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
#denryokusim .expander-trigger .cols2 {
display: inline-block;
vertical-align: middle;
max-width: none;
width: 100%;
padding-left: 1rem;
}
#denryokusim .expander-trigger .cols2 .col {
margin-bottom: 0;
}
#denryokusim .input-months {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 1rem;
}
#denryokusim .input-months::after {
clear: both;
content: "";
display: block;
}
#denryokusim .input-months li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 14.7019566472%;
}
#denryokusim .input-months li:last-child,
#denryokusim .input-months li:nth-child(6n) {
margin-right: 0;
}
#denryokusim .input-months li:nth-child(6n+1) {
clear: left;
}
#denryokusim .contactbtn {
color: #fff !important;
margin: 0 auto 2rem;
}
#denryokusim .contactbtn.contactbtn-lg {
font-size: 1.75rem;
max-width: 600px;
padding: 1rem;
}
#denryokusim .contactbtn.btn_green {
background: #006f39;
}
#denryokusim .contactbtn.btn_green:hover {
background: #00a253;
}
#denryokusim .btn {
border: 2px solid #005bab;
background: #fff;
display: block;
padding: 1rem;
text-align: center;
border-radius: 0.4rem;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
#denryokusim .btn:hover {
box-shadow: none;
position: relative;
top: 2px;
left: 2px;
}
#denryokusim .fa {
color: #005bab;
transform: translateY(-1px);
}
#denryokusim .fa.fa-2x {
vertical-align: -4px;
}
#denryokusim .select-wrapper {
margin-bottom: 1rem;
}
#denryokusim .step-title {
font-size: 1.5rem;
}
#denryokusim .step {
background: #f45d40;
color: #fff;
border-radius: 2rem;
padding: 0.1rem 1rem 0;
margin-right: 0.5rem;
font-size: 1.25rem;
line-height: 1;
vertical-align: 2px;
}
#denryokusim .note {
padding: 1rem;
background: #DBF4F9;
border-radius: 0.5rem;
font-size: 1.25rem;
}
#denryokusim .result-header {
background: #FFF864;
border-top: 3px solid #999;
padding: 1rem;
}
#denryokusim .result-header h1,
#denryokusim .result-header p {
margin: 0 !important;
}
#denryokusim .result-header h1 {
font-size: 1.65rem;
line-height: 1;
color: #444 !important;
}
#denryokusim .result-header a {
color: #444 !important;
border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}
#denryokusim .result-header a:hover {
border-bottom: none;
opacity: 1;
}
#denryokusim #result-gas .result-header {
background: #D2D2D2;
}
#denryokusim #result-gas .otoku-block {
height: 306px;
padding: 0.5rem 1rem 1rem;
background: #fff864 url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-sim-otoku-bg-2x.png) no-repeat 50% 75%;
background-size: 790px 206px;
}
#denryokusim #result-gas .otoku-block h1 {
font-size: 1.75rem;
}
#denryokusim .denka_comment01 {
position: absolute;
top: 4rem;
right: 1.5rem;
width: 340px;
}
@media screen and (min-width: 45.7142857143em) {
#denryokusim .accordion-tabs-minimal li.tab-header-and-content {
display: inline;
}
}
@media screen and (min-width: 45.7142857143em) {
#denryokusim .accordion-tabs-minimal a.tab-link {
display: inline-block;
border-top: 0;
}
}
@media screen and (max-width: 767px) {
#denryokusim .accordion-tabs-minimal a.tab-link {
padding: 1rem;
}
}
@media screen and (max-width: 767px) {
#denryokusim .accordion-tabs-minimal a.tab-link.is-active:after {
display: none;
}
}
@media screen and (min-width: 45.7142857143em) {
#denryokusim .accordion-tabs-minimal a.tab-link.is-active {
border: 2px solid #f45d40;
border-bottom-color: white;
border-top-width: 6px;
padding-top: 0.5em;
margin-bottom: -2px;
}
}
@media screen and (max-width: 767px) {
#denryokusim .accordion-tabs-minimal .tab-left .is-active:after {
display: none;
}
}
@media screen and (min-width: 45.7142857143em) {
#denryokusim .accordion-tabs-minimal .tab-content {
border: 2px solid #f45d40;
float: left;
}
}
@media screen and (max-width: 767px) {
#denryokusim .accordion-tabs-minimal .tab-content {
padding: 1rem 0;
}
}
@media screen and (min-width: 45.71429em) {
#denryokusim .tab-link {
width: 49.7%;
box-sizing: border-box;
}
}
@media screen and (max-width: 767px) {
#denryokusim .sub-copy {
font-size: 1.1rem;
}
#denryokusim .sub-copy br {
display: none;
}
}
@media screen and (max-width: 767px) {
#denryokusim .cols2 .col {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 0.6rem;
}
#denryokusim .cols2 .col:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
#denryokusim .cols3 .col {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 0.6rem;
}
#denryokusim .cols3 .col:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
#denryokusim .btn-apply input {
font-size: 1rem;
}
}
@media screen and (max-width: 767px) {
#denryokusim .step-nav li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 1rem;
}
#denryokusim .step-nav li:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
#denryokusim .step-nav li:before {
border-top: 10px solid #f0f0f0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
right: auto;
bottom: -30px;
left: 50%;
top: auto;
margin-left: -10px;
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
#denryokusim .step-nav li.active:before {
border-left-color: transparent;
border-top-color: #F9C6BD;
}
}
@media screen and (max-width: 767px) {
#denryokusim .result-title {
font-size: 1.25rem;
padding: 1rem 0.5rem;
}
}
@media screen and (max-width: 767px) {
#denryokusim .result-block {
padding: 0.01rem 1rem;
}
}
@media screen and (max-width: 767px) {
#denryokusim .result-block .result-block-title {
margin-bottom: 0.5em;
text-align: center;
}
}
@media screen and (max-width: 767px) {
#denryokusim .graph {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
}
#denryokusim .graph:last-child,
#denryokusim .graph:nth-child(2n) {
margin-right: 0;
}
#denryokusim .graph:nth-child(2n+1) {
clear: left;
}
}
@media screen and (max-width: 767px) {
#denryokusim #result-denki-month p.mt2rem {
margin-top: 0 !important;
}
}
@media screen and (max-width: 767px) {
#denryokusim #btn-discount01 .desktop {
display: none;
}
}
@media screen and (min-width: 768px) {
#denryokusim #btn-discount01 .mobile {
display: none;
}
}
@media screen and (max-width: 767px) {
#denryokusim .otoku-block .otoku-points dl {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 100%;
margin-bottom: 0.6rem;
}
#denryokusim .otoku-block .otoku-points dl:last-child,
#denryokusim .otoku-block .otoku-points dl:nth-child(1n) {
margin-right: 0;
}
#denryokusim .otoku-block .otoku-points dl:nth-child(1n+1) {
clear: left;
}
}
@media screen and (max-width: 767px) {
#denryokusim .otoku-block .otoku-calc {
width: auto;
}
}
@media screen and (max-width: 767px) {
#denryokusim .otoku-block .otoku-calc dl {
margin-top: 1rem;
}
}
@media screen and (max-width: 767px) {
#denryokusim .otoku-block .otoku-calc dl dt {
width: 100%;
float: none;
text-align: center;
line-height: 1rem;
}
}
@media screen and (max-width: 767px) {
#denryokusim .otoku-block .otoku-calc dl dd {
width: 100%;
float: none;
text-align: center;
}
#denryokusim .otoku-block .otoku-calc dl dd:first-child {
margin-bottom: 1rem;
}
}
@media screen and (max-width: 767px) {
#denryokusim .input-months li {
float: left;
display: block;
margin-right: 2.3576520234%;
width: 48.8211739883%;
}
#denryokusim .input-months li:last-child,
#denryokusim .input-months li:nth-child(2n) {
margin-right: 0;
}
#denryokusim .input-months li:nth-child(2n+1) {
clear: left;
}
}
@media screen and (max-width: 767px) {
#denryokusim .contactbtn.contactbtn-lg {
font-size: 1.25rem;
}
}
@media screen and (max-width: 767px) {
#denryokusim #result-gas .otoku-block h1 {
font-size: 1.25rem;
padding-bottom: 2rem;
}
#denryokusim #result-gas .otoku-block h1 img {
width: 100px;
}
}
@media screen and (max-width: 767px) {
#denryokusim #result-gas .otoku-block {
height: 320px;
padding: 0.5rem 0.5rem;
background-position: 50% 85%;
}
}
@media screen and (max-width: 767px) {
#denryokusim .denka_comment01 {
position: static;
}
}
.sp {
display: none;
}
@media screen and (max-width: 767px) {
.sp {
display: block;
}
}
.da-btn>* {
background: #005bab;
display: block;
width: 100%;
max-width: 480px;
padding: 0.5rem 0;
text-align: center;
color: #fff;
font-size: 1.75rem;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
margin: 0 auto 1rem;
border: 2px solid #f0f0f0;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.da-btn>*.disable {
background: #ccc;
cursor: default;
cursor: not-allowed;
}
.da-btn>*:hover {
color: #fff;
background: #0069c5;
}
.da-btn.btn_green>* {
background: #006f39;
}
.da-btn.btn_green>*:hover {
background: #00a253;
}
@media screen and (max-width: 700px) {
.da-btn>* {
font-size: 1rem;
}
}
.submit {
background: #005bab;
display: block;
width: 100%;
max-width: 480px;
padding: 0.5rem 0;
text-align: center;
color: #fff;
font-size: 2rem;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
margin: 0 auto 1rem;
border: 2px solid #f0f0f0;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.submit:hover {
opacity: 0.85;
}
.denryoku-order-child header#pagetop:before {
display: none;
}
.denryoku-order-child header#pagetop .wrapper {
position: relative;
overflow: visible;
}
.denryoku-order-child header#pagetop .logo {
margin: 1rem 0;
}
.denryoku-order-child header#pagetop .btn-cancel {
position: absolute;
right: 0;
top: 16px;
}
.denryoku-order-child header#pagetop .btn-cancel a {
padding: 0.75rem 1.5rem;
border: 2px solid #005bab;
color: #005bab;
border-radius: 4px;
}
.denryoku-order-child .steps {
text-align: center;
margin-top: 1rem;
}
.denryoku-order-child .steps li {
padding: 0.75rem 0;
box-sizing: border-box;
display: inline-block;
width: 20%;
background: #7ecef4;
color: #333;
text-align: center;
position: relative;
}
.denryoku-order-child .steps li span {
margin-left: -1rem;
position: relative;
z-index: 1;
}
.denryoku-order-child .steps li:after {
content: "";
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-denryoku-steps-bg02-2x.png) no-repeat 100% 50%/contain;
position: absolute;
top: 0;
right: 0;
width: 20%;
height: 100%;
}
.denryoku-order-child .steps li:first-child:before {
content: "";
background: #7ecef4;
position: absolute;
top: 0;
left: -1000%;
width: 1000%;
height: 100%;
}
.denryoku-order-child .steps li:last-child:before {
content: "";
background: #7ecef4;
position: absolute;
top: 0;
right: -1000%;
width: 1000%;
height: 100%;
}
.denryoku-order-child .steps li.active {
font-weight: bold;
background: #005bab;
color: #fff;
}
.denryoku-order-child .steps li.active-sib {
background: #005bab;
color: #fff;
}
.denryoku-order-child .steps li.active:after,
.denryoku-order-child .steps li.active-sib:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-denryoku-steps-bg01-2x.png);
}
.denryoku-order-child .steps li.active:first-child:before,
.denryoku-order-child .steps li.active:last-child:before {
background: #005bab;
}
.denryoku-order-child .steps li.active-sib:first-child:before,
.denryoku-order-child .steps li.active-sib:last-child:before {
background: #005bab;
}
.denryoku-order-child .steps li.active:last-child:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-denryoku-steps-bg03-2x.png) !important;
}
.denryoku-order-child .steps li.active-sib:last-child:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-denryoku-steps-bg03-2x.png) !important;
}
.denryoku-order-child .steps li.active-sib:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-denryoku-steps-bg03-2x.png);
}
.denryoku-order-child .steps.steps-postal li {
width: 25%;
}
.denryoku-order-child .steps.steps-postal li span {
margin: 0 auto 0;
position: relative;
left: -1rem;
}
.denryoku-order-child .contents {
margin-top: 132px;
padding: 2rem 0;
}
.denryoku-order-child .main h1,
.denryoku-order-child .main .form-block-title {
border-left: 6px solid #005bab;
border-bottom: 2px solid #005bab;
color: #005bab;
padding: 0.5rem;
font-size: 1.5rem;
margin-bottom: 2rem;
}
.denryoku-order-child .main article {
margin-bottom: 2rem;
}
.denryoku-order-child .main .agree-check {
background: #e8e8e8;
text-align: center;
border-radius: 0.5rem;
margin: 1.5rem 0;
padding: 2rem 1rem 1rem;
}
.denryoku-order-child .main .checkbox-p {
font-weight: bold;
font-size: 1.25rem;
}
.denryoku-order-child .note {
color: red;
position: absolute;
top: 1rem;
right: 0;
text-align: right;
}
.denryoku-order-child .strict {
color: red;
}
.denryoku-order-child .comment {
font-size: 0.9em;
line-height: 1.65;
display: block;
}
.denryoku-order-child .form-wrap {
position: relative;
}
.denryoku-order-child .form-wrap .form-block-title {
margin-top: 2rem;
}
.denryoku-order-child .form-wrap dl::after {
clear: both;
content: "";
display: block;
}
.denryoku-order-child .form-wrap dl dt,
.denryoku-order-child .form-wrap dl dd {
margin-bottom: 1.5rem;
}
.denryoku-order-child .form-wrap dl dt {
float: left;
width: 20%;
clear: both;
font-weight: bold !important;
}
.denryoku-order-child .form-wrap dl dd {
float: right;
width: 80%;
}
.denryoku-order-child .form-wrap dl dd i {
color: #005bab;
}
.denryoku-order-child .form-wrap dl dd input[type=file] {
font-size: 0.85em;
}
.denryoku-order-child .form-wrap .text_line {
width: 100%;
display: flex;
align-items: center;
margin: 1rem 0;
}
.denryoku-order-child .form-wrap .text_line:before,
.denryoku-order-child .form-wrap .text_line:after {
content: "";
flex-grow: 1;
height: 1px; background: #7ecef4; }
.denryoku-order-child .form-wrap .text_line:before {
margin: 0 2em 0 0; }
.denryoku-order-child .form-wrap .text_line:after {
margin: 0 0 0 2em; }
.denryoku-order-child .form-wrap input[type=text],
.denryoku-order-child .form-wrap input[type=number],
.denryoku-order-child .form-wrap input[type=email],
.denryoku-order-child .form-wrap input[type=tel] {
width: 100%;
}
.denryoku-order-child .form-wrap textarea {
width: 100%;
}
.denryoku-order-child .form-wrap input[type=number] {
-webkit-appearance: none;
}
.denryoku-order-child .form-wrap select {
font-size: 1.2rem;
margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
.denryoku-order-child header#pagetop .logo {
margin: 1.25rem 0;
max-width: 60vw;
padding-left: 0.5rem;
}
}
@media screen and (max-width: 767px) {
.denryoku-order-child header#pagetop .btn-cancel {
top: 8px;
right: 8px;
}
}
@media screen and (max-width: 767px) {
.denryoku-order-child header#pagetop .btn-cancel a {
padding: 0.5rem 0.5rem;
}
}
@media screen and (max-width: 767px) {
.denryoku-order-child .steps {
display: flex;
}
}
@media screen and (max-width: 767px) {
.denryoku-order-child .steps li {
height: 4.5rem;
vertical-align: middle;
padding-top: 0.1rem;
display: flex;
align-items: center;
}
}
@media screen and (max-width: 767px) {
.denryoku-order-child .steps li span {
font-size: 10px;
line-height: 1.35;
position: relative;
z-index: 1;
display: inline-block;
vertical-align: bottom;
padding: 1rem 1rem 0 1rem;
}
}
@media screen and (max-width: 767px) {
.denryoku-order-child .steps li:after {
background-size: cover;
}
}
@media screen and (max-width: 767px) {
.denryoku-order-child .steps.steps-postal li span {
font-size: 13px;
}
}
@media screen and (max-width: 767px) {
.denryoku-order-child .note {
position: static;
text-align: left;
}
}
.mw_wp_form .horizontal-item+.horizontal-item {
margin-left: 1.5rem !important;
}
.mw_wp_form.mw_wp_form_input .input-hidden {
display: none !important;
}
.mw_wp_form.mw_wp_form_preview .comment,
.mw_wp_form.mw_wp_form_preview .preview-hidden {
display: none !important;
}
.mw_wp_form .btns-form {
position: relative;
margin-top: 2rem;
}
.mw_wp_form .btns-form .back {
position: absolute;
left: 0;
top: 50%;
font-size: 14px;
margin-top: -1rem;
}
.mw_wp_form .btns-form .back input {
background: #fff;
border: none;
}
.happyenergy header#pagetop {
border-top-color: #2f8439;
}
.happyenergy header#pagetop .btn-cancel {
top: 5px;
}
.happyenergy header#pagetop .btn-cancel a {
border-color: #2f8439;
color: #2f8439;
}
.happyenergy .main h1,
.happyenergy .main .form-block-title {
border-left-color: #2f8439;
border-bottom-color: #2f8439;
color: #2f8439;
}
.happyenergy .main-footer {
background-color: #2f8439;
}
.happyenergy.denryoku-order-child .steps {
text-align: center;
margin-top: 1rem;
}
.happyenergy.denryoku-order-child .steps li {
background: #efe43d;
}
.happyenergy.denryoku-order-child .steps li:after {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/he-denryoku-steps-bg02-2x.png) no-repeat 100% 50%/contain;
}
.happyenergy.denryoku-order-child .steps li:first-child:before,
.happyenergy.denryoku-order-child .steps li:last-child:before {
background: #efe43d;
}
.happyenergy.denryoku-order-child .steps li.active,
.happyenergy.denryoku-order-child .steps li.active-sib {
background: #2f8439;
}
.happyenergy.denryoku-order-child .steps li.active:after,
.happyenergy.denryoku-order-child .steps li.active-sib:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/he-denryoku-steps-bg01-2x.png);
}
.happyenergy.denryoku-order-child .steps li.active:first-child:before,
.happyenergy.denryoku-order-child .steps li.active:last-child:before {
background: #2f8439;
}
.happyenergy.denryoku-order-child .steps li.active-sib:first-child:before,
.happyenergy.denryoku-order-child .steps li.active-sib:last-child:before {
background: #2f8439;
}
.happyenergy.denryoku-order-child .steps li.active:last-child:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/he-denryoku-steps-bg03-2x.png) !important;
}
.happyenergy.denryoku-order-child .steps li.active-sib:last-child:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/he-denryoku-steps-bg03-2x.png) !important;
}
.happyenergy.denryoku-order-child .steps li.active-sib:after {
background-image: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/he-denryoku-steps-bg03-2x.png);
}
@media screen and (max-width: 767px) {
.happyenergy header#pagetop .btn-cancel {
top: 0px;
}
}
@media screen and (max-width: 767px) {
.happyenergy.denryoku-order-child .steps li:after {
background-size: cover;
}
}
.nav-goodies {
max-width: 700px;
margin: 0 auto;
}
.nav-goodies::after {
clear: both;
content: "";
display: block;
}
.nav-goodies li a {
float: left;
display: block;
width: 14.2857143%;
text-align: center;
background: #bfeff5;
box-sizing: border-box;
padding: 1rem 0.5rem 1rem;
min-height: 182px;
display: flex;
flex-flow: column;
justify-content: space-between;
align-items: center;
min-height: 162px;
}
.nav-goodies li a:hover {
opacity: 0.85;
text-decoration: none;
}
.nav-goodies li a img {
width: 80px !important;
-o-object-fit: contain;
object-fit: contain;
}
.nav-goodies li span {
display: block;
font-weight: bold;
color: #1fa5c6;
font-size: 1rem;
line-height: 1.25rem;
margin-top: 1.25rem;
}
.nav-goodies li.nav-sim span {
position: relative;
margin-top: 0rem;
font-size: 0.8rem;
}
.nav-goodies li.nav-price a {
background: #f2ded9;
}
.nav-goodies li.nav-price span {
color: #e66c55;
}
.nav-goodies li.nav-flow a {
background: #eceebb;
}
.nav-goodies li.nav-flow span {
color: #96994f;
}
.nav-goodies li.nav-faq a {
background: #c9eadb;
}
.nav-goodies li.nav-faq span {
color: #459c74;
margin-bottom: 1rem;
}
.nav-goodies li.nav-emix a {
background: #ded5ef;
}
.nav-goodies li.nav-emix a img {
width: 111px;
}
.nav-goodies li.nav-emix span {
color: #6e5992;
margin-top: 0;
margin-bottom: 1rem;
}
.nav-goodies li.nav-stop a {
background: #fdddc1;
}
.nav-goodies li.nav-stop a img {
width: 111px;
}
.nav-goodies li.nav-stop span {
color: #f76e23;
}
.nav-goodies li.nav-cene a {
background: #FFDD46;
}
.nav-goodies li.nav-cene a img {
width: 111px;
}
.nav-goodies li.nav-cene span {
color: #fea621;
}
@media screen and (max-width: 767px) {
.nav-goodies li a {
width: 50%;
min-height: 140px;
}
}
@media screen and (max-width: 359px) {
.nav-goodies li a {
width: 100%;
padding: 1rem 1rem 0.5rem;
}
}
@media screen and (max-width: 767px) {
.nav-goodies li img {
height: 72px;
width: auto !important;
}
}
@media screen and (max-width: 359px) {
.nav-goodies li img {
height: 48px;
width: auto !important;
}
}
@media screen and (max-width: 767px) {
.nav-goodies li span {
font-size: 14px;
margin: 0 !important;
}
}
@media screen and (max-width: 767px) {
.nav-goodies li.nav-cene span {
margin-top: 1rem;
}
}
.agreement .main p a {
color: #005bab;
text-decoration: underline;
}
.agreement .main p a:hover {
color: #005bab;
text-decoration: none;
}
.agreement .main .da-btn a {
color: #fff;
text-decoration: none;
}
.agreement .main .da-btn a:hover {
color: #fff;
background: #4fbcf0;
}
.agreement .main p {
margin-bottom: 1rem;
}
.link-postal {
position: fixed;
right: 0;
z-index: 10;
}
.link-postal a {
line-height: 1;
background: #005bab;
width: 4rem;
text-align: center;
padding: 1rem;
color: #fff;
display: block;
}
.link-postal a img {
margin-bottom: 0.5rem;
}
.link-postal a:hover {
background: #0076de;
}
@media screen and (max-width: 767px) {
.link-postal {
bottom: 0;
}
}
@media screen and (max-width: 767px) {
.link-postal a {
font-size: 13px;
width: auto;
}
}
@media screen and (max-width: 767px) {
.link-postal a img {
vertical-align: middle;
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.link-postal a br {
display: none;
}
}
#denryokushim.yasaene-simulator .contents .wrapper .tab-block .accordion-tabs-minimal .tab-header-and-content .tab-link.is-active {
border: 2px solid #84C4AC !important;
}
#denryokushim .step {
background: #5BB5CC !important;
}
#denryokusim.yasaene-simulator { }
#denryokusim.yasaene-simulator .accordion-tabs-minimal a.tab-link.is-active {
border: 2px solid #5BB5CC;
border-bottom-color: white;
border-top-width: 6px;
}
#denryokusim.yasaene-simulator .accordion-tabs-minimal .tab-left .is-active:after {
border-left: unset;
}
#denryokusim.yasaene-simulator .accordion-tabs-minimal .tab-center .is-active:after {
border-right: unset;
}
#denryokusim.yasaene-simulator .accordion-tabs-minimal a.tab-link:hover {
background: #5BB5CC;
}
#denryokusim.yasaene-simulator .accordion-tabs-minimal .tab-content {
border: 2px solid #5BB5CC;
padding: 1rem;
}
#denryokusim.yasaene-simulator .accordion-tabs-minimal a.tab-link {
border-top: none;
}
#denryokusim.yasaene-simulator .step {
background: #5BB5CC;
}
#denryokusim.yasaene-simulator p.contactbtn>* {
background: #84C4AC;
border: none;
}
#denryokusim.yasaene-simulator .mb4rem.mt2rem {
display: none;
}
#denryokusim.yasaene-simulator .contents>.wrapper a {
color: #5BB5CC;
}
#denryokusim.yasaene-simulator .contents>.wrapper a .fa {
color: #5BB5CC;
}
#denryokusim.yasaene-simulator .contents>.wrapper a.h_blue:hover {
color: #A0E5F7 !important;
}
#denryokusim.yasaene-simulator .sub-copy a:hover,
#denryokusim.yasaene-simulator .note a:hover {
color: #A0E5F7 !important;
}
#denryokusim.yasaene-simulator .menseki-toggle {
color: #5BB5CC;
}
#denryokusim.yasaene-simulator .btn {
border: 2px solid #5BB5CC;
}
#denryokusim.yasaene-simulator .contactbtn.btn_green {
background: #5BB5CC;
border: none;
}
#denryokusim.yasaene-simulator .step-block {
position: relative;
}
#denryokusim.yasaene-simulator .step-block .step-list {
margin-bottom: 0.5rem;
}
#denryokusim.yasaene-simulator .step-block .step-comment {
position: absolute;
right: 78px;
max-width: 283px;
bottom: 43%;
border: 2px solid #5BB5CC;
border-radius: 10px;
padding: 16px;
font-size: 16px;
}
#denryokusim.yasaene-simulator .step-block .step-comment a:hover {
color: #A0E5F7 !important;
}
#denryokusim.yasaene-simulator .contents>.wrapper a:hover {
color: #fff;
}
#denryokusim.yasaene-simulator .ye_denryoku_banner {
margin-bottom: 1.5rem;
}
#denryokusim.yasaene-simulator .result-title {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-denryoku-bg-02-2x.png) repeat 0 0;
}
#denryokusim.yasaene-simulator .graph .bar.bar01 {
background: #f0f0f0;
}
#denryokusim.yasaene-simulator .graph .bar.bar02 {
background: #5BB5CC;
color: #fff;
}
#denryokusim.yasaene-simulator .mt2rem a:hover {
color: #A0E5F7 !important;
}
#denryokusim.yasaene-simulator .mt2rem a:hover i {
color: #A0E5F7 !important;
}
#denryokusim.yasaene-simulator .cols3 .col a:hover {
color: #5BB5CC;
}
@media screen and (max-width: 767px) {
#denryokusim.yasaene-simulator .step-block .step-comment {
position: static;
max-width: none;
}
#denryokusim.yasaene-simulator .step-block .step-comment br {
display: none;
}
}
@media screen and (max-width: 767px) {
#denryokusim.yasaene-simulator .contents .wrapper #result-denki .result-block .denryoku_profit {
display: block;
padding: 21px 0 1px;
}
}
@media screen and (max-width: 767px) {
#denryokusim.yasaene-simulator .contents .wrapper #result-denki .result-block .denryoku_profit .denryoku_profit_contents {
width: 100%;
}
} body.iframe .main.yasaene {
padding-bottom: 2rem;
}
body.iframe .main.yasaene .area.mb2rem .iframe_title {
max-width: 100%;
}
body.iframe .main.yasaene .area.mb2rem .pc_align_center {
text-align: center;
}
body.iframe .main.yasaene .area.mb2rem .mb2rem {
display: none;
margin: 0 !important;
}
body.iframe .main.yasaene h2 {
color: #5BB5CC;
border-bottom: 2px solid #5BB5CC;
}
body.iframe .main.yasaene h2.plus_padding {
padding-top: 2rem;
}
body.iframe .main.yasaene .info-box {
background: #EBFFFD;
border: 2px solid #A3FFF4;
}
body.iframe .main.yasaene .info-box.plus_margin_bottom {
margin-bottom: 3rem !important;
}
body.iframe .main.yasaene .info-box .da-btn a {
background: #84C4AC;
}
body.iframe .main.yasaene .info-box .da-btn.btn_green a {
background: #5BB5CC;
}
body.iframe .main.yasaene .da-btn a {
background: #5BB5CC !important;
}
@media screen and (max-width: 767px) {
body.iframe .main.yasaene {
padding: 0 10px 2rem;
}
}
@media screen and (max-width: 767px) {
body.iframe .main.yasaene .area.mb2rem .pc_align_center {
text-align: left;
}
}
@media screen and (max-width: 767px) {
body.iframe .main.yasaene h2 {
margin-bottom: 1rem;
}
}
.yasaene header {
border-top: 5px solid #5BB5CC;
}
.yasaene #pagetop .wrapper .steps li {
background: #84C4AC;
}
.yasaene #pagetop .wrapper .steps li:first-child::before {
background: #5BB5CC;
}
.yasaene #pagetop .wrapper .steps li:last-child::before {
background: #84C4AC;
}
.yasaene #pagetop .wrapper .steps li.active {
background: #5BB5CC;
}
.yasaene #pagetop .wrapper .steps li.active::after {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-denryoku-steps-bg05-2x.png) no-repeat 100% 50%/contain !important;
}
.yasaene #pagetop .wrapper .steps li.active-sib {
background: #5BB5CC;
}
.yasaene #pagetop .wrapper .steps li.active-sib::after {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-denryoku-steps-bg06-2x.png) no-repeat 100% 50%/contain;
}
.yasaene #pagetop .wrapper .steps li::after {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/tg-denryoku-steps-bg04-2x.png) no-repeat 100% 50%/contain;
}
.yasaene #pagetop .wrapper .btn-cancel {
top: 9px;
}
.yasaene #pagetop .wrapper .btn-cancel a {
border: 2px solid #5BB5CC;
color: #5BB5CC;
}
.yasaene .contents .wrapper .main h1 {
color: #5BB5CC;
border-left: 6px solid #5BB5CC;
border-bottom: 2px solid #5BB5CC;
}
.yasaene .contents .wrapper .main .form-block-title {
border-left: 6px solid #5BB5CC;
border-bottom: 2px solid #5BB5CC;
color: #5BB5CC;
}
.yasaene footer {
background: #84C4AC;
}
.yasaene .submit {
background: #5BB5CC;
}
.yasaene .backtotop a {
color: #5BB5CC;
}
.yasaene .backtotop a img {
position: relative;
top: -8px;
}
.yasaene .da-btn a {
background: #5BB5CC;
}
.yasaene .da-btn a.disable {
background: #eee;
}
.yasaene .contactinfo {
border-color: #5BB5CC !important;
}
.yasaene .contactinfo h2 {
color: #5BB5CC;
}
.yasaene .contactinfo .contactinfo-box {
display: flex;
justify-content: center;
}
.yasaene .contactinfo .contactinfo-box li {
width: auto !important;
}
@media screen and (max-width: 767px) {
.yasaene #pagetop .wrapper .steps li.active::after {
background-size: cover;
}
}
@media screen and (max-width: 767px) {
.yasaene #pagetop .wrapper .steps li.active-sib::after {
background-size: cover;
}
}
@media screen and (max-width: 767px) {
.yasaene #pagetop .wrapper .steps li::after {
background-size: cover;
}
}
#denryokusim.yasaene-simulator .wrapper a.link-tel:hover {
color: #A0E5F7;
}
.energymix {
background: #FBEE2E; }
.energymix .col-single {
margin: 0 auto;
}
.energymix .contents {
background: #FBEE2E;
}
.energymix .contents>.wrapper {
width: auto;
min-width: 67em;
max-width: none;
}
.energymix .contents>.wrapper p,
.energymix .contents>.wrapper li,
.energymix .contents>.wrapper td {
text-align: justify;
text-justify: inter-ideograph;
}
.energymix .btns {
display: flex;
margin-top: 3rem;
}
.energymix .btns>li {
width: 33.3%;
text-align: center !important;
padding: 0 0.5rem;
}
.energymix .btns>li a {
position: relative;
top: 0;
transition: all 0.5s ease;
}
.energymix .btns>li a:hover {
top: -5px;
opacity: 1;
}
.energymix .main {
width: auto;
float: none;
margin-bottom: 4rem;
}
.energymix section h3 {
border-left: 7px solid #CE3497;
padding-left: 7px;
}
.energymix .data {
margin-top: 2rem;
}
.energymix .data::after {
clear: both;
content: "";
display: block;
}
.energymix .table table {
border: 1px solid #333;
width: 100%;
}
.energymix .table th,
.energymix .table td {
text-align: center !important;
font-size: 15px;
border-left: 1px solid #333;
padding: 0.75rem 0.3rem;
}
.energymix .table th:first-child,
.energymix .table td:first-child {
border-left: none;
}
.energymix .table th {
background: #fff;
font-weight: normal;
padding: 1rem 0.3rem;
}
.energymix .table td {
border-top: 1px dashed #333;
}
.energymix .tab-block {
border-top: 4px solid #63C1C1;
background: #F8FFFB;
margin-top: 7rem;
}
.energymix .tab-block .accordion-tabs-minimal {
margin-top: -50px;
}
.energymix .tab-block .accordion-tabs-minimal .tab-link {
font-size: 16px;
line-height: 1;
font-weight: bold;
color: #63C1C1;
background: #F8FFFB;
border: #63C1C1 4px solid;
box-sizing: border-box;
text-align: center;
padding: 13px;
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.is-active {
border-bottom: none;
padding-bottom: 17px;
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2022 {
border-bottom: #63C1C1;
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2021 {
border-bottom: #63C1C1;
border-bottom: #DF7294;
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2020 {
border-bottom: #63C1C1;
border-bottom: #a9bc58;
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2019 {
border-bottom: #DF7294;
border-bottom: #e2881e;
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2018 {
border-bottom: #AABC58;
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2017 {
border-bottom: #FF7E7E;
}
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2016 {
border-bottom: #8AD66E;
}
.energymix .tab-block .accordion-tabs-minimal .tab-content {
border-top: none;
}
.energymix .tab-block .tab-header-and-content:nth-child(2) .tab-link {
color: #df7294;
border-color: #df7294;
}
.energymix .tab-block .tab-header-and-content:nth-child(3) .tab-link {
color: #a9bc58;
border-color: #a9bc58;
}
.energymix .tab-block .tab-header-and-content:nth-child(4) .tab-link {
color: #e2881e;
border-color: #e2881e;
}
.energymix .tab-block .tab-header-and-content:nth-child(5) .tab-link {
color: #C9C949;
border-color: #C9C949;
border-bottom: none;
}
.energymix .tab-block .tab-header-and-content:nth-child(6) .tab-link {
color: #FF7E7E;
border-color: #FF7E7E;
border-bottom: none;
}
.energymix .tab-block .tab-header-and-content:nth-child(7) .tab-link {
color: #8AD66E;
border-color: #8AD66E;
border-bottom: none;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(2) td {
background: #86E2DF;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(2) td:first-child {
background: #b5ebe8;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(3) td {
background: #F7887C;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(3) td:first-child {
background: #F9C9C2;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(4) td {
background: #F8B62D;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(4) td:first-child {
background: #EFDBA3;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(5) td {
background: #9BB4EA;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(5) td:first-child {
background: #CBD7F4;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(6) td {
background: #c0c0c0;
}
.energymix .tab-block .data .table.table_ratio tr:nth-child(6) td:first-child {
background: #cdcdcd;
}
.energymix .linecolor_2021 {
border-top: 4px solid #df7294;
}
.energymix .linecolor_2020 {
border-top: 4px solid #a9bc58;
}
.energymix .linecolor_2019 {
border-top: 4px solid #e2881e;
}
.energymix .linecolor_2018 {
border-top: 4px solid #C9C949;
}
.energymix .linecolor_2017 {
border-top: 4px solid #FF7E7E;
}
.energymix .linecolor_2016 {
border-top: 4px solid #8AD66E;
}
.energymix .other {
background: #F8FFFB;
}
.energymix .other .breakdown {
background: #D6FCF9;
border-radius: 2rem;
padding: 2rem;
margin-top: 2rem;
}
.energymix .other .breakdown h3 {
border-left-color: #2da097;
}
.energymix .other .breakdown .table#table0 tr:nth-child(2) td {
background: #EEFEFF;
}
.energymix .other .breakdown .table#table0 tr:nth-child(2) td:first-child {
background: #B0EDF4;
}
.energymix .other .breakdown .table#table0 tr:nth-child(3) td {
background: #FCF1F0;
}
.energymix .other .breakdown .table#table0 tr:nth-child(3) td:first-child {
background: #ED9485;
}
.energymix .other .breakdown .table#table0 tr:nth-child(4) td {
background: #F7F7F5;
}
.energymix .other .breakdown .table#table0 tr:nth-child(4) td:first-child {
background: #EDEDED;
}
.energymix .other .breakdown .table#table0 tr:nth-child(5) td {
background: #E7F9DC;
}
.energymix .other .breakdown .table#table0 tr:nth-child(5) td:first-child {
background: #A2E576;
}
.energymix .other .breakdown .table#table0 tr:nth-child(6) td {
background: #F4F2BD;
}
.energymix .other .breakdown .table#table0 tr:nth-child(6) td:first-child {
background: #D6D625;
}
.energymix .other .breakdown .table#table0 tr:nth-child(7) td {
background: #FFF2DC;
}
.energymix .other .breakdown .table#table0 tr:nth-child(7) td:first-child {
background: #EDB248;
}
.energymix .other .breakdown .table#table0 tr:nth-child(8) td {
background: #CBD7F4;
}
.energymix .other .breakdown .table#table0 tr:nth-child(8) td:first-child {
background: #9BB4EA;
}
.energymix .current {
padding-bottom: 3rem;
padding-top: 4rem;
}
.energymix .current .col-single h3 {
border-left-color: #006934;
}
.energymix .current .col-single dl {
margin-top: 2rem;
}
.energymix .current .col-single dl dt {
color: #d2523a;
margin-top: 2rem;
font-weight: bold;
}
.energymix .current .renewable {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/bg-dengen-01.svg) no-repeat 50% 0%;
background-size: cover;
margin-top: 2rem;
}
.energymix .current .renewable h4 {
text-align: center;
}
.energymix .current .renewable h4 img {
background: #e8f9f0;
padding: 1rem;
border-radius: 12px;
}
.energymix .current .renewable .power-group {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.energymix .current .renewable .power-group::after {
clear: both;
content: "";
display: block;
}
.energymix .current .renewable dl {
margin-top: 2rem;
text-align: center;
}
.energymix .current .renewable dl dt {
margin-top: 0;
display: flex;
align-items: center;
height: 77px;
}
.energymix .current .renewable dl dd {
margin-top: 1.5rem;
}
.energymix .current .renewable dl a {
color: #d2523a;
font-size: 18px;
display: block;
width: 100%;
}
.energymix .current .renewable dl li {
text-indent: -1rem;
margin-left: 1rem;
}
.energymix .current .renewable dl .link-txt {
display: block;
margin-top: 0.5rem;
font-size: 14px;
}
.energymix .current .renewable dl:last-of-type .link-txt {
padding-top: 3px;
}
.energymix .current .renewable dl:last-of-type img {
width: 200px;
}
.energymix .current .renewable dl .sp {
display: none;
}
.energymix .current .renewable dl .sp:after {
content: "　";
}
.energymix .vision {
background: #fff;
}
.energymix .vision .col-single {
padding: 2rem;
}
.energymix .vision h3 {
border-left-color: #d2523a;
}
.energymix .vision p {
margin-top: 2rem;
}
.energymix .vision .breakdown {
background: #fff url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/bg-dengen-02.png) repeat 0 0;
background-size: 39px;
padding: 3rem;
border-radius: 12px;
}
.energymix .vision .breakdown h4 {
text-align: center;
}
.energymix .vision .breakdown h5 {
border-left: 7px solid #d2523a;
padding-left: 7px;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(2) td {
background: #fffde1;
border-top-style: solid;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(2) td:first-child {
width: 16%;
background: #fff100;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(3) td {
background: #fff2dc;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(3) td:first-child {
width: 16%;
background: #edb248;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(4) td {
background: #9bb4ea;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(4) td:first-child {
width: 16%;
background: #dce4f4;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(5) td {
background: #C9EADB;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(5) td:first-child {
width: 16%;
background: #99D2CB;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(6) td {
background: #ECEEBC;
}
.energymix .vision .breakdown .data .table#table1 table tr:nth-child(6) td:first-child {
width: 16%;
background: #ece6c8;
}
.energymix .vision.current {
padding-top: 0;
}
.energymix .vision.current h3 {
border-left-color: #d2523a;
}
@media screen and (max-width: 767px) {
.energymix .contents>.wrapper {
min-width: auto;
}
}
@media screen and (min-width: 768px) {
.energymix .table {
width: 488px;
float: left;
}
}
@media screen and (max-width: 767px) {
.energymix .graph {
margin-top: 1rem;
width: 100%;
}
}
@media screen and (min-width: 768px) {
.energymix .graph {
width: 244px;
float: right;
}
}
@media screen and (min-width: 768px) {
.energymix .intro.col-single {
width: 723px;
}
}
@media screen and (max-width: 767px) {
.energymix .intro .content {
margin-top: 2rem;
}
}
@media screen and (min-width: 768px) {
.energymix .intro .content {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/images/img-dengen-02@2x.jpg) no-repeat 100% 0;
background-size: 50%;
margin-top: 4rem;
}
}
@media screen and (min-width: 768px) {
.energymix .intro .content>p,
.energymix .intro .content>div {
width: 45%;
}
}
@media screen and (max-width: 767px) {
.energymix .intro .content .box-img {
margin-top: 1rem;
}
}
@media screen and (min-width: 768px) {
.energymix .intro .content .box-img {
margin-top: 2rem;
}
}
@media screen and (min-width: 768px) {
.energymix .tab-block .col-single {
width: 814px;
}
}
@media screen and (min-width: 768px) {
.energymix .tab-block .accordion-tabs-minimal .tab-link {
width: auto;
}
.energymix .tab-block .accordion-tabs-minimal .tab-link:hover {
opacity: 1;
background: #ffc;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .accordion-tabs-minimal .tab-link.is-active.toplinecolor_2016 {
border-bottom: none !important;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2022 {
border-bottom: none;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2021 {
border-bottom: none;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2020 {
border-bottom: none;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2019 {
border-bottom: none;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .accordion-tabs-minimal .tab-link.toplinecolor_2018 {
border-bottom: none;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .accordion-tabs-minimal .tab-content {
padding: 1rem;
border: #63C1C1 4px solid;
border-top: none;
}
}
@media screen and (min-width: 768px) {
.energymix .tab-block .accordion-tabs-minimal .tab-content {
padding: 4rem 0 2rem;
}
}
@media screen and (min-width: 768px) {
.energymix .tab-block .tab-header-and-content:nth-child(2) .tab-link {
border-bottom-color: #63C1C1;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .tab-header-and-content:nth-child(2) .tab-content {
border-color: #df7294;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .tab-header-and-content:nth-child(3) .tab-content {
border-color: #a9bc58;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .tab-header-and-content:nth-child(4) .tab-content {
border-color: #e2881e;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .tab-header-and-content:nth-child(5) .tab-content {
border-color: #C9C949;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .tab-header-and-content:nth-child(6) .tab-content {
border-color: #FF7E7E;
}
}
@media screen and (min-width: 768px) {
.energymix .tab-block .tab-header-and-content:nth-child(7) .tab-link {
border-bottom-color: #63C1C1;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .tab-header-and-content:nth-child(7) .tab-link {
border-bottom: 4px solid #8AD66E;
}
}
@media screen and (max-width: 767px) {
.energymix .tab-block .tab-header-and-content:nth-child(7) .tab-content {
border-color: #8AD66E;
}
}
@media screen and (max-width: 767px) {
.energymix .other {
padding: 1rem;
}
}
@media screen and (min-width: 768px) {
.energymix .other {
padding-bottom: 4rem;
}
}
@media screen and (min-width: 768px) {
.energymix .other .col-single {
width: 814px;
}
}
@media screen and (min-width: 768px) {
.energymix .other .breakdown .table {
width: 488px;
}
}
@media screen and (min-width: 768px) {
.energymix .current {
border-top: 4px solid #63C1C1;
}
}
@media screen and (min-width: 768px) {
.energymix .current .col-single {
width: 723px;
}
}
@media screen and (max-width: 767px) {
.energymix .current .renewable {
padding: 4rem 1rem 1rem;
}
}
@media screen and (min-width: 768px) {
.energymix .current .renewable {
padding: 60px 30px 30px;
}
}
@media screen and (max-width: 767px) {
.energymix .current .renewable .power-group {
justify-content: space-between;
}
}
@media screen and (min-width: 768px) {
.energymix .current .renewable dl {
width: 33.3%;
float: left;
}
}
@media screen and (max-width: 767px) {
.energymix .current .renewable dl {
width: 45%;
}
}
@media screen and (max-width: 767px) {
.energymix .current .renewable dl:last-of-type {
margin: 10px auto 0;
}
}
@media screen and (max-width: 767px) {
.energymix .current .renewable dl .sp {
display: block;
}
}
@media screen and (min-width: 768px) {
.energymix .vision {
padding-bottom: 3rem;
}
}
@media screen and (min-width: 768px) {
.energymix .vision .col-single {
width: 723px;
padding: 0;
}
}
@media screen and (max-width: 767px) {
.energymix .vision .breakdown {
padding: 2rem 1rem;
}
}
@media screen and (min-width: 768px) {
.energymix .vision .breakdown {
padding: 3rem;
}
}
@media screen and (max-width: 767px) {
.energymix .vision .breakdown h5 {
margin-top: 2rem;
}
}
@media screen and (min-width: 768px) {
.energymix .vision .breakdown h5 {
margin-top: 3rem;
}
}
@media screen and (min-width: 768px) {
.energymix .vision .breakdown .data .table#table1 {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.energymix .vision .breakdown .data .graph {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.energymix .vision .breakdown .data .graph {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.energymix .vision.current {
padding-top: 3rem;
}
}
.denryoku-child .denryoku_price_title {
margin: 2rem 2rem 0;
text-align: center;
}
.denryoku-child .denryoku_price_title p {
font-family: "じゅん 501", sans-serif;
font-size: 24px;
line-height: 1.25;
}
.denryoku-child .denryoku_price_title p span {
color: #F45D40;
}
.denryoku-child .flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.denryoku-child .flex>*:first-child {
width: 25%;
}
.denryoku-child .flex>*:first-child+* {
width: calc(75% - 2rem);
}
.denryoku-child .denryoku_price_tablewrap {
width: 100%;
margin: 0 0 4rem; }
.denryoku-child .denryoku_price_tablewrap>*:not(:last-child) {
margin: 0 0 1rem;
}
.denryoku-child .denryoku_price_tablewrap>h4 {
font-family: "じゅん 501", sans-serif;
font-size: 24px;
line-height: 1.25;
}
.denryoku-child .denryoku_price_tablewrap table,
.denryoku-child .denryoku_price_tablewrap td {
border: 1px solid #fff;
}
.denryoku-child .denryoku_price_tablewrap tr {
background-color: #F4F3F2;
}
.denryoku-child .denryoku_price_tablewrap td,
.denryoku-child .denryoku_price_tablewrap th {
padding: 0.5rem;
white-space: nowrap;
}
.denryoku-child .denryoku_price_tablewrap .chiiki_ryokin_table {
width: 100%;
text-align: center;
}
.denryoku-child .denryoku_price_tablewrap .table_top {
color: #fff;
background-color: #01AD80;
font-weight: bold;
}
.denryoku-child .denryoku_price_tablewrap .table_top th {
border: 1px solid rgba(242, 242, 242, 0.5);
}
.denryoku-child .denryoku_price_tablewrap .table_top>* {
width: 14.2%;
}
.denryoku-child .denryoku_price_tablewrap .table_top>*:nth-child(1),
.denryoku-child .denryoku_price_tablewrap .table_top>*:nth-child(2) {
border-right: 1px solid rgba(242, 242, 242, 0.5);
}
.denryoku-child .denryoku_price_tablewrap .both {
display: flex;
}
.denryoku-child .denryoku_price_tablewrap .chiiki_ryokin_table_item {
background-color: #707070;
width: 16%;
white-space: nowrap;
}
.denryoku-child .denryoku_price_tablewrap .left {
display: block;
}
.denryoku-child .denryoku_price_tablewrap .dots {
content: "";
border-top: 2px dotted #B7B7B4;
flex-grow: 1;
display: block;
width: 100%;
position: relative;
top: 1.25em;
border-radius: 1px;
}
.denryoku-child .denryoku_price_tablewrap .table_content {
background-color: #F4F3F2;
padding: 0 0.5em;
}
.denryoku-child .denryoku_price_tablewrap .table_align {
text-align: left;
line-height: 1.5em;
}
.denryoku-child .denryoku_price_tablewrap .table_align_right {
text-align: right;
}
.denryoku-child .denryoku_price_tablewrap .nowrap {
white-space: nowrap;
}
.denryoku-child .denryoku_price_tablewrap.plan_happy>h4 {
color: #01AD80;
}
.denryoku-child .denryoku_price_tablewrap.plan_happy .table_top {
background: #01AD80;
}
.denryoku-child .denryoku_price_tablewrap.plan_fukuro>h4 {
color: #60bfc8;
}
.denryoku-child .denryoku_price_tablewrap.plan_fukuro .table_top {
background: #60bfc8;
}
.denryoku-child .denryoku_price_tablewrap.plan_sakurajima>h4 {
color: #e06182;
}
.denryoku-child .denryoku_price_tablewrap.plan_sakurajima .table_top {
background: #e06182;
}
.denryoku-child .denryoku_price_tablewrap.plan_business>h4,
.denryoku-child .denryoku_price_tablewrap.plan_large>h4 {
color: #707070;
}
.denryoku-child .denryoku_price_tablewrap.plan_business .table_top,
.denryoku-child .denryoku_price_tablewrap.plan_large .table_top {
background: #707070;
}
@media screen and (max-width: 767px) {
.denryoku-child .flex {
display: block;
}
.denryoku-child .flex>*:first-child {
width: calc(100% - 2rem);
max-width: 300px;
margin: 2rem auto;
display: block;
}
.denryoku-child .flex>*:first-child+* {
width: auto;
}
}
@media screen and (max-width: 767px) {
.denryoku-child .denryoku_price_tablewrap .table_wrapper {
width: 100%;
overflow: scroll;
}
}
@media screen and (max-width: 767px) {
.denryoku-child .denryoku_price_tablewrap .wrapper_table {
overflow: scroll;
}
}
@media screen and (max-width: 767px) {
.denryoku-child .denryoku_price_tablewrap .chiiki_ryokin_table {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.denryoku-child .denryoku_price_tablewrap .chiiki_ryokin_table_item {
font-size: 0.5em;
}
}
@media screen and (max-width: 767px) {
.denryoku-child .denryoku_price_tablewrap .align_four {
margin-top: 1rem;
}
}
.denryoku_profit {
background-color: #edd61d;
border-radius: 1rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 4%;
margin-top: 2.5rem;
}
.denryoku_profit.profit_gas_result {
padding-bottom: 1rem;
}
.denryoku_profit .denryoku_profit_contents {
width: 22%;
margin: -5% auto 2rem;
text-align: center;
}
.denryoku_profit .denryoku_profit_contents.contents_gas_result {
width: 25%;
}
.denryoku_profit .denryoku_profit_contents .denryoku_benefits {
max-width: 105px;
margin-bottom: 1rem;
}
.denryoku_profit .denryoku_profit_contents .denryoku_profit_strong {
font-weight: bolder;
font-family: "じゅん 501", sans-serif;
font-size: 1.7rem;
margin-bottom: 1.7rem;
margin-top: 0.5rem;
}
.denryoku_profit .denryoku_profit_contents .denryoku_profit_strong.newline {
font-size: 1.2rem;
margin-top: 0;
margin-bottom: 1rem;
line-height: 2rem;
}
.denryoku_profit .denryoku_profit_contents .denryoku_profit_text.single {
margin-bottom: 2rem;
}
.denryoku_profit .denryoku_profit_contents .denryoku_decoration {
margin: 0 auto;
}
.denryoku_profit .denryoku_profit_contents .denryoku_decoration.one,
.denryoku_profit .denryoku_profit_contents .denryoku_decoration.two {
height: 5rem;
}
.denryoku_profit .denryoku_profit_contents .denryoku_decoration.tree {
height: 3rem;
margin-top: 1rem;
}
.denryoku_profit .denryoku_profit_contents .denryoku_decoration.four {
height: 5rem;
}
.denryoku_profit.denryoku_profit_result {
margin-top: 5rem;
width: auto;
padding-bottom: 1rem;
}
.denryoku_profit.denryoku_profit_result .denryoku_profit_contents .textone {
margin-top: 1.2rem;
}
.denryoku_profit.denryoku_profit_result .denryoku_profit_contents .two {
height: 4rem;
}
@media screen and (max-width: 767px) {
.denryoku_profit.profit_gas_result {
padding-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents {
width: 48%;
margin-bottom: 3rem;
}
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents.contents_gas_result {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents .denryoku_benefits {
max-width: 75px;
}
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents .denryoku_profit_strong {
font-size: 1.5rem;
margin-bottom: 1.3rem;
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents .denryoku_profit_strong.newline {
line-height: 1.5rem;
font-size: 1rem;
}
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents .denryoku_profit_text.min {
margin-top: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents .denryoku_profit_text.minm {
margin-top: 1.2rem;
}
}
@media screen and (max-width: 767px) {
.denryoku_profit .denryoku_profit_contents .denryoku_decoration.two {
height: 4rem;
}
}
@media screen and (max-width: 767px) {
.denryoku_profit.denryoku_profit_result .denryoku_profit_contents .textone {
margin-top: 0;
}
}
.change {
margin: 3rem 0;
}
@media screen and (max-width: 767px) {
.change {
transform: rotate(90deg);
}
}
.pc {
display: block;
}
@media screen and (max-width: 767px) {
.pc {
display: none;
}
}
.denryoku_profit.profit_gas_result {
margin-top: 5rem;
}
.denryoku_simulator {
display: flex;
}
.denryoku_simulator img {
width: 49%;
}
@media screen and (max-width: 767px) {
.denryoku_simulator img {
width: auto;
}
}
.denryoku_simulator3 img {
width: 49%;
}
@media screen and (max-width: 767px) {
.denryoku_simulator3 img {
width: auto;
}
}
.preview_list {
display: flex;
justify-content: space-between;
}
.preview_list .preview-hidden {
width: 50%;
margin: 0 auto;
}
.preview_list .preview-hidden.preview-hiddentwo {
width: 46.5%;
}
@media screen and (max-width: 767px) {
.preview_list {
display: block;
}
}
@media screen and (max-width: 767px) {
.preview_list .preview-hidden {
width: auto;
}
}
@media screen and (max-width: 767px) {
.preview_list .preview-hidden.preview-hiddentwo {
width: auto;
margin-top: 1rem;
}
}
#denryoku .sp {
display: none;
}
#denryoku .wrapper .main .cf .denryoku_lifestyle {
max-width: 738px;
margin: 0 auto;
}
#denryoku .wrapper .main .cf .denryoku_lifestyle.sp {
display: none;
}
#denryoku .wrapper .main .cf .denryoku_lifestyle.pc {
display: block;
}
#denryoku .wrapper .main .cf .mb2rem {
font-family: "Hiragino Kaku Gothic ProN";
font-size: 20px;
font-weight: 300;
}
#denryoku .wrapper .main .cf .mb2rem .sp {
display: none;
}
#denryoku .wrapper .main .cf .cf {
background: #E6FCFF;
max-width: 780px;
margin: 0 auto;
}
#denryoku .wrapper .main .cf .cf.cf_fir {
height: 60px;
margin-bottom: 2px;
display: flex;
align-items: center;
justify-content: center;
}
#denryoku .wrapper .main .cf .cf.cf_fir p {
color: #145F9F;
font-size: 20px;
font-weight: 600;
font-family: "Hiragino Kaku Gothic ProN";
margin: 0;
}
#denryoku .wrapper .main .cf .cf.cf_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 23px 0;
margin-bottom: 32px;
}
#denryoku .wrapper .main .cf .cf.cf_flex figure {
margin: 0;
width: 33%;
}
#denryoku .wrapper .main .cf .cf.cf_flex figure img {
max-width: 96px;
}
#denryoku .wrapper .main .cf .cf.cf_flex figure figcaption {
font-size: 16px;
color: #145F9F;
font-weight: 600;
margin-top: 16px;
}
#denryoku .wrapper .main .cf .cf_end p {
font-family: "Hiragino Kaku Gothic ProN";
}
#denryoku .wrapper .main .cf .cf_end p:first-child {
font-weight: 600;
font-size: 20px;
margin: 0;
}
#denryoku .wrapper .main .cf .cf_end p:first-child span {
color: #DD5628;
font-size: 32px;
}
#denryoku .wrapper .main .cf .cf_end p:nth-child(2) {
font-size: 20px;
}
@media screen and (max-width: 767px) {
#denryoku .sp {
display: block;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf {
padding-top: 28px !important;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .denryoku_lifestyle {
max-width: 100%;
margin-bottom: 16px;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .denryoku_lifestyle.sp {
display: block;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .denryoku_lifestyle.pc {
display: none;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .mb2rem {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .mb2rem .sp {
display: block;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf.cf_fir {
padding: 1rem 0.5rem !important;
height: auto;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf.cf_fir p {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf.cf_flex {
padding: 23px 16px;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf.cf_flex figure {
font-size: 16px;
width: 29%;
margin-left: 10px;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf.cf_flex figure img {
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf.cf_flex figure figcaption {
font-size: 10px;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf_end p:first-child {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
#denryoku .wrapper .main .cf .cf_end p:nth-child(2) {
font-size: 12px;
}
}
.setsuden-p .center,
.setsuden-p-company .center {
text-align: center;
}
.setsuden-p .txt_sent,
.setsuden-p-company .txt_sent {
text-align: center;
margin: 0 0 2rem;
}
.setsuden-p .icatch-setsuden-p,
.setsuden-p-company .icatch-setsuden-p {
border-bottom: none;
}
.setsuden-p .icatch-setsuden-p .wrapper,
.setsuden-p-company .icatch-setsuden-p .wrapper {
width: 100%;
max-width: none;
}
.setsuden-p .icatch-setsuden-p .wrapper h1,
.setsuden-p-company .icatch-setsuden-p .wrapper h1 {
position: relative;
margin: 0;
}
.setsuden-p .icatch-setsuden-p .wrapper h1 .min_img,
.setsuden-p-company .icatch-setsuden-p .wrapper h1 .min_img {
position: absolute;
bottom: -5rem;
right: 5%;
}
.setsuden-p .contents,
.setsuden-p-company .contents {
background: #EFB39F;
margin-top: -1px;
padding-top: 5rem;
}
.setsuden-p .contents .wrapper,
.setsuden-p-company .contents .wrapper {
width: 1090px;
max-width: calc(100vw - 14rem);
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper,
.setsuden-p-company .contents .wrapper {
max-width: none;
width: 100%;
}
}
.setsuden-p .contents .wrapper .main,
.setsuden-p-company .contents .wrapper .main {
width: 100%;
}
.setsuden-p .contents .wrapper .main .flex_p,
.setsuden-p-company .contents .wrapper .main .flex_p {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 2rem;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .flex_p,
.setsuden-p-company .contents .wrapper .main .flex_p {
display: block;
}
}
.setsuden-p .contents .wrapper .main .flex_p p,
.setsuden-p-company .contents .wrapper .main .flex_p p {
width: calc(100% - 168px - 1rem);
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .flex_p p,
.setsuden-p-company .contents .wrapper .main .flex_p p {
width: 100%;
}
}
.setsuden-p .contents .wrapper .main .min_img,
.setsuden-p-company .contents .wrapper .main .min_img {
text-align: right;
margin: -16rem 0 -8px;
position: relative;
z-index: 1;
}
.setsuden-p .contents .wrapper .main .min_img img,
.setsuden-p-company .contents .wrapper .main .min_img img {
width: 214px;
}
@media screen and (max-width: 1080px) {
.setsuden-p .contents .wrapper .main .min_img,
.setsuden-p-company .contents .wrapper .main .min_img {
margin: -14rem 0 -6px;
}
.setsuden-p .contents .wrapper .main .min_img img,
.setsuden-p-company .contents .wrapper .main .min_img img {
width: 160px;
}
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .min_img,
.setsuden-p-company .contents .wrapper .main .min_img {
margin: -6rem 0 -6px;
text-align: center;
}
.setsuden-p .contents .wrapper .main .min_img img,
.setsuden-p-company .contents .wrapper .main .min_img img {
width: 160px;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap {
background: #FFF;
border: 3px solid #DF856D;
border-radius: 10px;
padding: 2rem 6rem;
margin-bottom: 2.5rem;
position: relative;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap {
padding: 2rem 1.5rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap h2,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap h2 {
font-size: 1.75rem;
text-align: center;
color: #000;
border: none;
letter-spacing: 0.3rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap h2,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap h2 {
font-size: 1.25rem;
letter-spacing: 0.1rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap p,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap p {
font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap p,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap p {
font-size: 1.15rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .img_mon,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .img_mon {
max-width: 168px;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap .img_mon,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .img_mon {
margin: 1rem auto;
display: block;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul01 li,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul01 li {
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 1.4rem;
justify-content: flex-start;
align-items: center;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul01 li .li_tit,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul01 li .li_tit {
display: block;
font-size: 1.15rem;
margin-bottom: 0.5rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul01 li img,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul01 li img {
margin: 0 1.25rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul01 li img,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul01 li img {
display: none;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul01 li img.slice,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul01 li img.slice {
margin: 0 0.2rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul01 li .price,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul01 li .price {
text-decoration: underline;
text-decoration-color: #DF856D;
text-decoration-thickness: 3px;
text-underline-offset: 3px;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul01 li .price.price_blue,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul01 li .price.price_blue {
text-decoration-color: #49CAD4;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .sec02_img,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .sec02_img {
margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap .sec02_img,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .sec02_img {
margin-top: 3rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .sec02_img img,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .sec02_img img {
width: 100%;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .center,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .center {
text-align: center;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .center_red,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .center_red {
text-align: center;
text-decoration: underline;
text-decoration-color: #FF7899;
text-decoration-thickness: 4px;
font-size: 1.15rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02 li,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02 li {
margin-left: 1.15rem;
font-size: 1.15rem;
font-weight: bold;
text-indent: -1.15rem;
margin-bottom: 1.5rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02 li .ul02_min,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02 li .ul02_min {
font-size: 1rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02 li .ul02_min_red,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02 li .ul02_min_red {
font-size: 1rem;
text-decoration: underline;
text-decoration-color: #FF7899;
text-decoration-thickness: 4px;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02 li .ul02_min_red strong,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02 li .ul02_min_red strong {
font-size: 1.4rem;
color: #FF3700;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02.ul02_center,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02.ul02_center {
text-align: center;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02.ul02_center .red_v,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02.ul02_center .red_v {
list-style: none;
font-size: 1.5rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02.ul02_center .red_v .red,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02.ul02_center .red_v .red {
color: red;
position: relative;
top: -2px;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .ul02.ul02_center .red_v .big,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .ul02.ul02_center .red_v .big {
font-size: 2rem;
margin-right: 0.5rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .btns,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .btns {
max-width: 750px;
margin: 0 auto;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .btns .btn,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .btns .btn {
width: 100%;
max-width: 360px;
height: 74px;
display: flex;
justify-content: center;
align-items: center;
color: #3E3E3E;
font-size: 1rem;
background: #FEF9F7;
border: 2px solid #DF856D;
box-shadow: 3px 3px #aaa;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap .btns .btn,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .btns .btn {
margin: 0 auto 2rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .btns .btn .icon,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .btns .btn .icon {
margin-left: 1rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .p_min,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .p_min {
font-size: 1rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap .mwform-checkbox-field .error,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap .mwform-checkbox-field .error {
margin: 1rem 0 0 !important;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns {
width: calc(100% + 12rem);
margin-left: -6rem;
display: flex;
justify-content: center;
border-bottom: 3px solid #DF856D;
margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns {
width: calc(100% + 3rem);
margin-left: -1.5rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab {
color: #000;
font-size: 1.7rem;
text-align: center;
background: rgba(223, 133, 109, 0.05);
width: 48%;
position: relative;
bottom: -3px;
padding: 1rem 0;
border: 3px solid rgba(223, 133, 109, 0);
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab {
font-size: 1.15rem;
padding: 0.5rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab span,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab span {
display: block;
font-size: 1.15rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab span,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab span {
font-size: 0.8rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab:not(.active),
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab:not(.active) {
cursor: pointer;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab.active,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab.active {
border: 3px solid #DF856D;
border-bottom: 3px solid #fff;
background: #fff;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab.active:hover,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .form_btns .form_tab.active:hover {
text-decoration: none;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dt,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dt {
width: 20%;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dt,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dt {
width: 100%;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dd,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dd {
width: 70%;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dd,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form dl dd {
width: 100%;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks {
width: 70%;
margin: 1rem auto 2rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks {
width: 100%;
margin: 1rem auto 2rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks .mwform-checkbox-field label,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks .mwform-checkbox-field label {
background: #f8f8f8;
width: 200px;
padding: 1rem 1rem 0.5rem;
margin: 1.5rem auto 0;
display: inline-block;
line-height: 1;
cursor: pointer;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks .mwform-checkbox-field label:hover,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks .mwform-checkbox-field label:hover {
background: #d8d8d8;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks .mwform-checkbox-field label input[type=checkbox],
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks .mwform-checkbox-field label input[type=checkbox] {
transform: translateY(1px);
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks p,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .checks p {
font-size: 1rem;
width: calc(100% - 2rem);
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .contactbtn>*,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li form .contactbtn>* {
font-size: 1.15rem;
background: #FEF9F7;
border: 2px solid #DF856D;
box-shadow: 3px 3px #aaa;
font-weight: bold;
color: #3E3E3E;
border-radius: 0;
padding: 1rem;
margin: 0 auto 2rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_kojin,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_kojin {
display: none;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_kojin.active,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_kojin.active {
display: block;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_hojin,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_hojin {
display: none;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_hojin.active,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .forms li.form_hojin.active {
display: block;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .bnt_back,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .bnt_back {
padding: 0.5rem 1rem;
transform: translateY(3.5rem);
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .red,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .red {
font-size: 1rem;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm {
margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm {
display: flex;
}
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm .setsuden_human,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm .setsuden_human {
width: 70px !important;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm p,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm p {
font-size: 1.15rem;
}
@media screen and (max-width: 767px) {
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm p,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm p {
font-size: 1rem;
text-align: left;
width: calc(100% - 80px) !important;
}
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm p .form_icon,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .setsuden_btm p .form_icon {
position: relative;
top: -3px;
margin-right: 0.3rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dt,
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dd {
margin: 0 0 0.25rem;
padding: 0.5rem;
}
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dt,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dd {
margin: 0 0 0.25rem;
padding: 0.5rem;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dt:nth-child(odd),
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dd:nth-child(odd) {
background: #f0f0f0;
}
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dt:nth-child(odd),
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dd:nth-child(odd) {
background: #f0f0f0;
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dd,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .form-contact dd {
width: calc(80% - 1rem);
}
.setsuden-p .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .checks,
.setsuden-p-company .contents .wrapper .main .setsuden_wrap.setsuden_wrap_form .mw_wp_form_preview .checks {
display: none;
}

.block {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.block:not(:last-child) {
margin-bottom: 48px;
}
.block .image {
font-size: 0;
line-height: 0;
text-align: center;
}
.block--a {
justify-content: space-between;
align-items: center;
}
.block--a .text {
width: calc(100% - 322px);
}
@media screen and (max-width: 768px) {
.block--a .text {
width: 100%;
order: 2;
}
}
.block--a .image {
width: 290px;
}
@media screen and (max-width: 768px) {
.block--a .image {
width: 100%;
order: 1;
margin-bottom: 16px;
}
}
.block-faq {
padding: 0;
}
.block-faq__title {
background: #FDF6D2;
padding: 16px 16px 16px 72px;
margin: 0;
font-size: 28px;
line-height: 1.5em;
position: relative;
border-radius: 6px;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.block-faq__title {
font-size: 18px;
line-height: 1.5em;
}
}
.block-faq__title:before {
content: "Q";
color: #E39C3A;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
border-radius: 50%;
position: absolute;
left: 16px;
top: calc(50% - 20px);
font-size: 22px;
}
.block-faq__desc {
margin: 0;
padding: 32px 32px 48px 72px;
position: relative;
}
.block-faq__desc:before {
content: "A";
color: #fff;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background: #E39C3A;
border-radius: 50%;
position: absolute;
left: 16px;
top: 32px;
font-weight: bold;
font-size: 22px;
}
.block-faq__desc p {
margin: 0;
}
.block-faq__desc p:not(:last-child) {
margin-bottom: 1em;
}
.block-faq__desc p a {
color: #E39C3A;
text-decoration: underline;
}
html {
scroll-behavior: smooth;
}
body {
font-family: "TBUDゴシック R", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 1.5em;
padding: 170px 0 0;
margin: 0;
color: #000;
letter-spacing: 1px;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
overflow-x: hidden;
}
@media screen and (max-width: 768px) {
body {
padding-top: 108px;
}
}
body.home {
padding-top: 120px;
}
@media screen and (max-width: 768px) {
body.home {
padding-top: 62px;
}
}
body.home .header {
background: none;
padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
body.home .header {
padding-bottom: 0;
}
}
body.home .header.scroll {
background: #fff;
}
@media screen and (max-width: 768px) {
body.active {
height: 100vh;
overflow: hidden;
}
}
body:has(.kagoene_lp) {
padding-top: 0;
}
body:has(.kagoene_lp) .header {
display: none;
}
a {
color: #000;
}
@media screen and (min-width: 769px) {
a {
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
}
a:link, a:visited {
text-decoration: none;
color: #000;
}
a:hover, a:active {
text-decoration: none;
color: #000;
}
@media screen and (min-width: 769px) {
a:hover img, a:active img {
-webkit-filter: brightness(103%);
filter: brightness(103%);
}
}
@media screen and (min-width: 769px) {
img {
-webkit-transition: -webkit-filter 0.3s;
transition: -webkit-filter 0.3s;
transition: filter 0.3s;
transition: filter 0.3s, -webkit-filter 0.3s;
}
}
.header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 64px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
position: fixed;
width: 100%;
z-index: 9999;
top: 0;
-webkit-transition: background 0.3s;
transition: background 0.3s;
background: #fff;
border: none;
}
@media screen and (max-width: 1366px) {
.header {
padding: 20px 48px 0;
}
}
@media screen and (max-width: 768px) {
.header {
padding: 0 16px;
}
}
.header:before {
display: none;
}
.header.scroll {
background: #fff;
}
.header.scroll .header-logo {
margin: 0;
}
@media screen and (max-width: 768px) {
.header.scroll .header-logo {
margin: 16px 0;
}
}
.header.scroll .header-logo img {
width: 160px;
}
.header.scroll .header-sub {
margin-top: 20px;
}
@media screen and (max-width: 768px) {
.header.scroll .header-sub {
margin-top: 0;
}
}
.header-logo {
font-size: 0;
line-height: 0;
margin: 20px 0;
padding: 0;
-webkit-transition: margin 0.3s;
transition: margin 0.3s;
}
@media screen and (max-width: 768px) {
.header-logo {
margin: 16px 0;
}
}
.header-logo img {
-webkit-transition: width 0.3s;
transition: width 0.3s;
}
@media screen and (max-width: 768px) {
.header-logo img {
width: 160px;
height: auto;
}
}
.header-nav {
font-size: 15px;
line-height: 1.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
z-index: 100;
}
@media screen and (max-width: 768px) {
.header-nav {
position: fixed;
width: 100%;
height: 100vh;
height: 100dvh;
left: 0;
top: 0;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 62px;
padding-bottom: 32px;
opacity: 0;
overflow-y: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: block;
}
.header-nav.active {
opacity: 1;
pointer-events: inherit;
background: #e2674b;
}
}
.header-nav__item {
position: relative;
}
@media screen and (max-width: 768px) {
.header-nav__item {
border-top: 1px solid rgba(255, 255, 255, 0.5);
width: 100%;
}
}
@media screen and (max-width: 768px) {
.header-nav__item:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
}
.header-nav__item:not(:last-child) {
margin-right: 48px;
}
@media screen and (max-width: 1366px) {
.header-nav__item:not(:last-child) {
margin-right: 24px;
}
}
@media screen and (max-width: 768px) {
.header-nav__item:not(:last-child) {
margin-right: 0;
}
}
.header-nav__item-more {
display: none;
}
@media screen and (max-width: 768px) {
.header-nav__item-more {
display: block;
position: absolute;
width: 32px;
height: 32px;
background: #e2674b;
display: block;
font-size: 0;
line-height: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border-radius: 50%;
right: 16px;
top: 18px;
z-index: 2;
}
.header-nav__item-more.active:after {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.header-nav__item-more:before {
content: "";
width: 20px;
height: 2px;
position: absolute;
display: block;
left: calc(50% - 10px);
top: calc(50% - 1px);
background: #fff;
}
.header-nav__item-more:after {
content: "";
width: 20px;
height: 2px;
position: absolute;
display: block;
left: calc(50% - 10px);
top: calc(50% - 1px);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: #fff;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
}
@media screen and (max-width: 768px) {
.header-nav__item > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #fff;
padding: 16px 16px 16px 24px;
font-size: 24px;
line-height: 1.5em;
font-weight: normal;
position: relative;
}
.header-nav__item > a:link, .header-nav__item > a:visited {
color: #fff;
}
.header-nav__item > a:hover, .header-nav__item > a:active {
color: #fff;
}
.header-nav__item > a:after {
content: "";
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: 28px;
top: calc(50% - 5px);
}
}
.header-nav__item-sub {
display: none;
font-weight: normal;
}
@media screen and (min-width: 769px) {
.header-nav__item-sub {
display: none !important;
}
}
.header-nav__item-sub-title {
margin: 0;
color: #fff;
font-size: 12px;
line-height: 1.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 6px 16px 6px 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: normal;
border-top: 1px solid rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.3);
}
.header-nav__item-sub-title span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
width: 30px;
height: 30px;
border-radius: 50%;
margin-right: 6px;
}
.header-nav__item-sub-title span img {
height: 20px;
width: auto;
}
.header-nav__item-sub ul {
list-style: none;
padding: 0;
margin: 0;
background: rgba(0, 0, 0, 0.1);
}
.header-nav__item-sub ul > li {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.header-nav__item-sub ul > li > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #fff;
padding: 16px 16px 16px 24px;
position: relative;
}
.header-nav__item-sub ul > li > a:after {
content: "";
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: 29px;
top: calc(50% - 3px);
}
.header-btn {
width: 32px;
height: 32px;
position: relative;
cursor: pointer;
display: none;
z-index: 101;
}
@media screen and (max-width: 768px) {
.header-btn {
display: block;
}
}
.header-btn.active:after {
background: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: calc(50% - 1px);
}
.header-btn.active:before {
background: #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: auto;
top: calc(50% - 1px);
}
.header-btn.active span:after {
display: none;
}
.header-btn:after {
content: "";
width: 32px;
height: 2px;
display: block;
background: #000;
left: calc(50% - 16px);
top: 4px;
position: absolute;
-webkit-transition: background 0.3s, -webkit-transform 0.3s;
transition: background 0.3s, -webkit-transform 0.3s;
transition: background 0.3s, transform 0.3s;
transition: background 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.header-btn:before {
content: "";
width: 32px;
height: 2px;
display: block;
background: #000;
left: calc(50% - 16px);
bottom: 4px;
position: absolute;
-webkit-transition: background 0.3s, -webkit-transform 0.3s;
transition: background 0.3s, -webkit-transform 0.3s;
transition: background 0.3s, transform 0.3s;
transition: background 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.header-btn span {
display: block;
width: 100%;
height: 100%;
display: block;
font-size: 0;
line-height: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.header-btn span:after {
content: "";
width: 32px;
height: 2px;
display: block;
background: #000;
left: calc(50% - 16px);
top: calc(50% - 1px);
position: absolute;
}
.header-sub {
width: 100vw;
margin: 0 -64px;
padding: 0;
-webkit-transition: margin 0.3s;
transition: margin 0.3s;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 15px;
line-height: 1.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #e2674b;
}
@media screen and (max-width: 1366px) {
.header-sub {
margin: 0 -48px;
}
}
@media screen and (max-width: 768px) {
.header-sub {
margin: 0 -16px;
}
}
.header-sub--denki {
background: #efc645;
}
.header-sub--denki a {
color: #000 !important;
}
.header-sub--denki a:link, .header-sub--denki a:visited {
color: #000 !important;
}
.header-sub--denki a:hover, .header-sub--denki a:active {
color: #000 !important;
}
.header-sub a {
color: #fff;
display: block;
padding: 12px 16px;
}
@media screen and (max-width: 768px) {
.header-sub a {
padding: 6px 16px;
}
}
.header-sub a:link, .header-sub a:visited {
text-decoration: none;
color: #fff;
}
.header-sub a:hover, .header-sub a:active {
text-decoration: none;
color: #fff;
}
.header-sub > * {
z-index: 2;
position: relative;
}
.header-sub__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 12px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1366px) {
.header-sub__inner {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow-x: auto;
padding-right: 32px;
padding-left: 32px;
}
}
@media screen and (max-width: 768px) {
.header-sub__inner {
padding: 6px 16px 6px 0;
}
}
.header-sub:after {
content: "";
width: 100vw;
height: 100%;
display: block;
position: absolute;
left: calc(50% - 50vw);
top: 0;
z-index: 1;
}
.header-sub-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
white-space: nowrap;
margin: 0;
padding: 0;
list-style: none;
}
.header-sub-nav:not(:last-child) {
border-right: 1px solid rgba(0, 0, 0, 0.3);
padding-right: 32px;
margin-right: 32px;
}
@media screen and (max-width: 768px) {
.header-sub-nav:not(:last-child) {
padding-right: 16px;
margin-right: 16px;
}
}
.header-sub-nav li.info {
border-left: 1px solid rgba(0, 0, 0, 0.3);
padding-left: 32px;
margin-left: 32px;
}
.mv {
margin: 0 52px 128px;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/mv.jpg) no-repeat center bottom;
background-size: cover;
width: auto;
height: 600px;
border-radius: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 64px 32px 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
overflow: hidden;
}
@media screen and (min-width: 1367px) {
.mv {
padding-right: 64px;
padding-left: 64px;
}
}
@media screen and (max-width: 1366px) {
.mv {
margin: 0 36px 64px;
}
}
@media screen and (max-width: 768px) {
.mv {
margin: 0 10px 32px;
height: 400px;
padding: 16px;
border-radius: 6px;
background-position: left bottom;
}
}
.mv-title {
width: 100%;
text-align: right;
font-size: 54px;
line-height: 1.5em;
color: #fff;
font-weight: normal;
margin: auto 0;
-webkit-transform: translateX(0.5em);
transform: translateX(0.5em);
}
.mv-title:last-child {
margin-top: 0;
}
@media screen and (max-width: 768px) {
.mv-title {
font-size: 48px;
line-height: 1.5em;
}
}
@media screen and (max-width: 667px) {
.mv-title {
font-size: 6.5vw;
line-height: 1.5em;
}
}
.mv-title span {
text-decoration: underline;
text-decoration-thickness: 3px;
text-underline-offset: 8px;
-webkit-transform: translate(-1em, -0.075em);
transform: translate(-1em, -0.075em);
display: inline-block;
}
@media screen and (max-width: 768px) {
.mv-title span {
text-underline-offset: 4px;
text-decoration-thickness: 2px;
}
}
.mv-bnr {
font-size: 0;
line-height: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
}
@media screen and (max-width: 768px) {
.mv-bnr {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.mv-bnr__item {
text-align: right;
}
@media screen and (max-width: 768px) {
.mv-bnr__item {
max-width: 288px;
text-align: center;
}
}
.mv-bnr__item:not(:last-child) {
margin-right: 20px;
}
.mv-bnr__item img {
border-radius: 12px;
}
@media screen and (max-width: 768px) {
.mv-bnr__item img {
border-radius: 6px;
}
}
.mv--denki {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/denki-mv.jpg) no-repeat center center;
background-size: cover;
margin-bottom: 64px;
position: relative;
}
.mv--denki:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(33, 67, 121, 0.3)), to(transparent));
background: linear-gradient(rgba(33, 67, 121, 0.3), transparent);
z-index: 1;
}
.mv__inner {
width: 100%;
max-width: 1284px;
height: 600px;
border-radius: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 64px 64px 32px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
overflow: hidden;
position: relative;
z-index: 2;
}
@media screen and (max-width: 768px) {
.mv__inner {
padding: 16px;
height: 400px;
}
}
.mv__inner .page-header {
margin-bottom: auto;
}
.sec {
width: 100%;
max-width: 1284px;
margin-left: auto;
margin-right: auto;
padding: 0 64px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1366px) {
.sec {
padding: 0 48px;
}
}
@media screen and (max-width: 768px) {
.sec {
padding: 0 16px;
}
}
.sec:not(:last-child) {
margin-bottom: 128px;
}
@media screen and (max-width: 768px) {
.sec:not(:last-child) {
margin-bottom: 64px;
}
}
.sec--nomargin:not(:last-child) {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.sec--nomargin:not(:last-child) {
margin-bottom: 0;
}
}
.sec__title {
font-size: 24px;
line-height: 1.5em;
margin: 0 0 32px;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.sec__title {
margin-bottom: 24px;
}
}
.sec__title--l {
font-size: 32px;
line-height: 1.5em;
margin: 0 0 48px;
text-align: center;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.sec__title--l {
font-size: 24px;
line-height: 1.5em;
margin-bottom: 24px;
}
}
.sec__title--green {
color: #01ad80;
}
.sec__title--pink {
color: #e06181;
}
.sec__title--gray {
color: #707070;
}
.sec__title--blue {
color: #60bfc8;
}
.sec__title--lightblue {
color: #4472c5;
}
.sec__title--yellow {
color: #e49c3b;
}
.sec__desc {
margin: 0;
}
.sec__desc:not(:last-child) {
margin-bottom: 48px;
}
.sec-sub:not(:last-child) {
margin-bottom: 96px;
}
@media screen and (max-width: 768px) {
.sec-sub:not(:last-child) {
margin-bottom: 64px;
}
}
.sec-sub--pbnone {
padding-bottom: 0 !important;
}
.sec-sub--mbnone {
margin-bottom: 0 !important;
}
.sec-sub--denki {
position: relative;
padding-top: 96px;
padding-bottom: 96px;
}
@media screen and (max-width: 768px) {
.sec-sub--denki {
padding-top: 64px;
padding-bottom: 64px;
}
}
.sec-sub--denki:after {
content: "";
width: 100vw;
height: 100%;
display: block;
position: absolute;
left: calc(50% - 50vw);
top: 0;
background: #fdf6d2;
z-index: 1;
}
.sec-sub--denki > * {
position: relative;
z-index: 2;
}
.sec-sub--green, .sec-sub--pink, .sec-sub--gray, .sec-sub--blue, .sec-sub--lightblue, .sec-sub--yellow {
position: relative;
padding-top: 96px;
padding-bottom: 96px;
}
@media screen and (max-width: 768px) {
.sec-sub--green, .sec-sub--pink, .sec-sub--gray, .sec-sub--blue, .sec-sub--lightblue, .sec-sub--yellow {
padding-top: 64px;
padding-bottom: 64px;
}
}
.sec-sub--green:after, .sec-sub--pink:after, .sec-sub--gray:after, .sec-sub--blue:after, .sec-sub--lightblue:after, .sec-sub--yellow:after {
content: "";
width: 100vw;
height: 100%;
display: block;
position: absolute;
left: calc(50% - 50vw);
top: 0;
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.sec-sub--green > *, .sec-sub--pink > *, .sec-sub--gray > *, .sec-sub--blue > *, .sec-sub--lightblue > *, .sec-sub--yellow > * {
position: relative;
z-index: 2;
}
.sec-sub--green:after {
background: #e8fff9;
}
.sec-sub--pink:after {
background: #f5e4e8;
}
.sec-sub--gray:after {
background: #edf1f2;
}
.sec-sub--blue:after {
background: #e8fdff;
}
.sec-sub--lightblue:after {
background: #eff2ff;
}
.sec-sub--yellow:after {
background: #fdf6d2;
}
.sec-sub#denkiinfo {
padding-top: 156px;
margin-top: -156px;
}
.sec-sub.for_electrical_contractor {
background: #fdf6d2;
width: 100vw;
max-width: none;
position: relative;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
padding: 4rem 1rem;
}
.sec-sub.for_electrical_contractor .contents .btn_kouji {
color: #fff;
background: #e49c3b;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 12px;
min-height: 60px;
width: 100%;
font-size: 1.7rem;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.sec-sub.for_electrical_contractor .contents .btn_kouji.center {
max-width: 455px;
margin: 0 auto 2rem;
}
.sec-sub.for_electrical_contractor .contents .btn_kouji:hover {
opacity: 0.8;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.sec-sub.for_electrical_contractor .contents .border_box {
background: #fff;
border: 1px solid #e2674b;
padding: 1rem;
margin: 2rem auto;
max-width: 272px;
}
.sec-sub.for_electrical_contractor .contents .border_box p {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
font-size: 12px;
margin-bottom: 0 !important;
line-height: 1.5;
}
@media screen and (max-width: 400px) {
.sec-sub.for_electrical_contractor .contents .border_box p {
width: 100%;
}
}
.sec-sub.for_electrical_contractor .contents .border_box p strong {
display: block;
margin-bottom: 0.5rem;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
.sec-sub.for_electrical_contractor .contents .wrap {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 3rem;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.sec-sub.for_electrical_contractor .contents .wrap article {
width: calc(50% - 1rem);
background: #fff;
border-radius: 12px;
padding: 3rem 1.5rem 1.5rem;
min-height: 505px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.sec-sub.for_electrical_contractor .contents .wrap article {
min-height: auto;
}
}
.sec-sub.for_electrical_contractor .contents .wrap article .inner {
padding: 0 4rem;
}
@media screen and (max-width: 900px) {
.sec-sub.for_electrical_contractor .contents .wrap article .inner {
padding: 0 1rem;
}
}
@media screen and (max-width: 500px) {
.sec-sub.for_electrical_contractor .contents .wrap article .inner {
padding: 0;
}
}
.sec-sub.for_electrical_contractor .contents .wrap article .inner h4 {
text-align: center;
font-size: 1.7rem;
margin-bottom: 1rem;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
.sec-sub.for_electrical_contractor .contents .wrap article .inner h4 img {
display: block;
margin: 1rem auto;
}
.sec-sub.for_electrical_contractor .contents .wrap article .inner p {
margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
.sec-sub.for_electrical_contractor .contents .wrap article .inner p {
text-align: center;
}
}
.sec-sub.for_electrical_contractor .contents .wrap article .inner p.small {
font-size: 12px;
line-height: 1.5;
text-indent: -0.95rem;
padding-left: 0.95rem;
}
@media screen and (max-width: 767px) {
.sec-sub.for_electrical_contractor .contents .wrap article .inner p.small {
text-align: left;
}
}
.sec-sub.for_electrical_contractor .contents .wrap article .inner p span {
font-size: 8px;
position: relative;
top: -6px;
margin: 0 0.2rem;
margin-right: 0;
}
.sec-sub.for_electrical_contractor .contents .wrap article .inner .img_box {
margin: 3rem auto 1rem;
}
@media screen and (max-width: 768px) {
.sec-sub.for_electrical_contractor .contents .wrap article .inner .img_box {
margin: 3rem auto;
}
}
.sec-sub.for_electrical_contractor .contents .wrap article .inner .img_box img {
margin: 0 auto;
display: block;
}
.sec-sub.for_electrical_contractor .contents .wrap article .btn_kouji {
color: #fff;
background: #e49c3b;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 12px;
min-height: 60px;
width: 100%;
font-size: 1.7rem;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
@media screen and (max-width: 440px) {
.sec-sub.for_electrical_contractor .contents .wrap article .btn_kouji {
font-size: 1.5rem;
}
}
@media screen and (max-width: 390px) {
.sec-sub.for_electrical_contractor .contents .wrap article .btn_kouji {
font-size: 1.25rem;
}
}
.sec-sub.for_electrical_contractor .contents .wrap article .btn_kouji:hover {
opacity: 0.8;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.sec-sub.for_electrical_contractor .contents .wrap .border_box {
max-width: none;
}
@media screen and (max-width: 767px) {
.sec-sub.for_electrical_contractor .contents .wrap .border_box p {
text-align: left !important;
}
}
.sec-sub.for_electrical_contractor .contents .wrap p.center {
text-align: center;
}
.sec__image img {
border-radius: 12px;
}
.common-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.common-nav:last-child {
margin-bottom: -24px;
}
@media screen and (max-width: 768px) {
.common-nav:last-child {
margin-bottom: -16px;
}
}
.common-nav__item {
width: calc(50% - 16px);
min-height: 96px;
background: #faefec;
margin-bottom: 24px;
border-radius: 12px;
font-size: 16px;
line-height: 1.5em;
}
@media screen and (max-width: 1085px) {
.common-nav__item {
width: calc(50% - 10px);
}
}
@media screen and (max-width: 768px) {
.common-nav__item {
border-radius: 6px;
width: 100%;
margin-bottom: 16px;
font-size: 16px;
line-height: 1.5em;
padding: 12px 0;
}
}
.common-nav__item--center > * {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.common-nav__item--orange {
background: #e49c3b;
}
.common-nav__item--orange > * {
color: #fff;
}
.common-nav__item--orange > *:link, .common-nav__item--orange > *:visited {
color: #fff;
}
.common-nav__item--orange > *:hover, .common-nav__item--orange > *:active {
color: #fff;
}
.common-nav__item--l {
font-size: 24px;
line-height: 1.5em;
min-height: 160px;
}
@media screen and (max-width: 768px) {
.common-nav__item--l {
font-size: 18px;
line-height: 1.5em;
}
}
.common-nav__item--l > * {
padding: 3px 32px !important;
}
@media screen and (max-width: 768px) {
.common-nav__item--l > * {
padding: 3px 16px !important;
}
}
.common-nav__item--m {
font-size: 24px;
line-height: 1.5em;
min-height: 132px;
}
@media screen and (max-width: 768px) {
.common-nav__item--m {
font-size: 18px;
line-height: 1.5em;
}
}
.common-nav__item--m > * {
padding: 3px 32px !important;
}
@media screen and (max-width: 768px) {
.common-nav__item--m > * {
padding: 3px 16px !important;
}
}
.common-nav__item--triple {
width: calc(33.3% - 21px);
}
@media screen and (max-width: 1085px) {
.common-nav__item--triple {
width: calc(50% - 10px);
}
}
@media screen and (max-width: 768px) {
.common-nav__item--triple {
width: 100%;
}
}
.common-nav__item--single {
width: 100%;
}
.common-nav__item--denki {
background: #fdf6d2;
}
.common-nav__item--denki a.font_s {
font-size: 20px;
}
@media screen and (max-width: 768px) {
.common-nav__item--denki a.font_s {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.common-nav__item--denki a.tab_small {
font-size: 18px;
}
}
.common-nav__item--living {
background: #cdefee;
}
.common-nav__item--contact {
background: #fdf6d2;
min-height: 108px;
font-size: 24px;
line-height: 1.5em;
}
@media screen and (max-width: 768px) {
.common-nav__item--contact {
font-size: 18px;
line-height: 1.5em;
}
}
.common-nav__item--contact > * {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.common-nav__item--recruit {
background: #faefec;
min-height: 108px;
font-size: 24px;
line-height: 1.5em;
}
@media screen and (max-width: 768px) {
.common-nav__item--recruit {
font-size: 18px;
line-height: 1.5em;
}
}
.common-nav__item--recruit > * {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.common-nav__item--gas {
min-height: 108px;
font-size: 24px;
line-height: 1.5em;
}
@media screen and (max-width: 768px) {
.common-nav__item--gas {
font-size: 18px;
line-height: 1.5em;
}
}
.common-nav__item--gas > * {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.common-nav__item--vertical {
min-height: 184px;
}
.common-nav__item--vertical > * {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.common-nav__item--vertical > * > span {
margin: auto 0;
}
.common-nav__item--vertical > * > span .common-nav__item-icon {
margin-right: 0;
margin-bottom: 20px;
}
.common-nav__item > * {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 3px 20px;
}
@media screen and (max-width: 768px) {
.common-nav__item > * {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
}
.common-nav__item > * > span.h {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 768px) {
.common-nav__item > * > span.h {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.common-nav__item-icon {
font-size: 0;
line-height: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
min-width: 48px;
min-height: 48px;
margin-right: 12px;
}
@media screen and (max-width: 768px) {
.common-nav__item-icon {
width: 100%;
margin-right: 0;
margin-bottom: 5px;
}
}
.common-nav__item-icon:after {
content: "";
width: 48px;
height: 48px;
background: #fff;
display: block;
border-radius: 50%;
position: absolute;
left: calc(50% - 24px);
top: calc(50% - 24px);
z-index: 1;
}
.common-nav__item-icon--l {
min-width: 64px;
min-height: 64px;
}
@media screen and (max-width: 768px) {
.common-nav__item-icon--l {
width: 100%;
}
}
.common-nav__item-icon--l img {
max-width: 44px;
height: auto;
}
.common-nav__item-icon--l:after {
width: 64px;
height: 64px;
left: calc(50% - 32px);
top: calc(50% - 32px);
}
.common-nav__item-icon img {
z-index: 2;
}
.common-nav__item small {
font-size: 12px;
line-height: 1.5em;
display: block;
}
@media screen and (max-width: 768px) {
.common-nav__item small {
font-size: 10px;
line-height: 1.5em;
margin: 0 0 5px;
}
}
.common-nav__item small + img {
max-width: 120px;
margin: 8px 0 0;
}
@media screen and (max-width: 768px) {
.common-nav__item small + img {
width: 80px;
height: auto;
}
}
@media screen and (max-width: 768px) {
.common-nav.teiden .common-nav__item {
min-height: 92px;
}
}
.common-nav.teiden .common-nav__item a {
padding: 1rem 3rem !important;
}
@media screen and (max-width: 768px) {
.common-nav.teiden .common-nav__item a {
font-size: 16px;
padding: 0.5rem 1rem !important;
}
}
.new-toppage .tab:not(:last-child) {
margin-bottom: 24px;
}
.tab-nav {
list-style: none;
margin: 0 0 64px;
padding: 0 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
.tab-nav {
padding: 0 32px;
}
}
@media screen and (max-width: 768px) {
.tab-nav {
margin-bottom: 32px;
padding: 0 12px;
}
}
.tab-nav--denki {
margin-bottom: 0;
padding: 0;
}
@media screen and (max-width: 768px) {
.tab-nav--denki {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 16px;
}
}
.tab-nav--denki:after {
width: 100vw !important;
left: calc(50% - 50vw) !important;
}
.tab-nav:after {
content: "";
width: 100%;
height: 2px;
display: block;
position: absolute;
left: 0;
bottom: 0;
background: #e2674b;
z-index: 2;
}
.tab-nav__item {
font-size: 32px;
line-height: 1.5em;
background: #fff;
position: relative;
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 12px 12px 0 0;
padding: 24px 12px 12px;
cursor: pointer;
width: 50%;
text-align: center;
border-top: 2px solid #fff;
}
@media screen and (max-width: 1024px) {
.tab-nav__item {
font-size: 24px;
line-height: 1.5em;
}
}
@media screen and (max-width: 768px) {
.tab-nav__item {
font-size: 16px;
line-height: 1.5em;
padding: 16px 6px;
}
}
.tab-nav__item.active {
z-index: 3;
border-left: 2px solid #e2674b;
border-right: 2px solid #e2674b;
border-top: 2px solid #e2674b;
}
.tab-nav__item--s {
font-size: 18px;
line-height: 1.5em;
}
@media screen and (max-width: 768px) {
.tab-nav__item--s {
font-size: 16px;
line-height: 1.5em;
}
}
.tab-nav__item--xs {
font-size: 16px;
line-height: 1.5em;
padding: 16px 16px 12px;
width: auto;
}
@media screen and (max-width: 768px) {
.tab-nav__item--xs {
font-size: 16px;
line-height: 1.5em;
padding: 16px 12px 12px;
}
}
.tab-nav__item--denki {
border-color: #fdf6d2;
background: #fdf6d2;
}
@media screen and (max-width: 768px) {
.tab-nav__item--denki {
border-radius: 12px;
width: 50%;
}
}
.tab-nav__item--denki.active {
background: #fff;
}
@media screen and (max-width: 768px) {
.tab-nav__item--denki.active {
border: 2px solid #e2674b;
}
}
.tab-contents--denki {
position: relative;
}
.tab-contents--denki:after {
content: "";
width: 100vw;
height: 100%;
left: calc(50% - 50vw);
top: 0;
background: #fff;
display: block;
position: absolute;
z-index: 1;
}
.tab-contents__item {
display: none;
z-index: 2;
position: relative;
}
.tab-contents__item.active {
display: block;
}
.tab-contents__item--denki {
background: #fff;
padding-top: 48px;
padding-bottom: 48px;
}
.tab-contents__item--denki .data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tab-contents__item--denki .data .table {
width: calc(70% - 16px);
}
@media screen and (max-width: 814px) {
.tab-contents__item--denki .data .table {
width: 100%;
margin-bottom: 24px;
}
}
.tab-contents__item--denki .data .graph_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 30%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 814px) {
.tab-contents__item--denki .data .graph_wrap {
width: 100%;
}
}
.tab-contents__item--denki .data .graph_wrap .graph {
width: 244px;
height: 244px;
position: relative;
}
@media screen and (max-width: 768px) {
.tab-contents__item--denki .data .graph_wrap .graph {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.tab-contents__item--denki .data .graph_wrap .graph img {
width: 100%;
max-width: 244px;
height: auto;
}
.tab-contents__item--denki .data .graph_wrap .graph span {
position: absolute;
font-size: 0.8rem;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2020 {
border-radius: 50%;
background: conic-gradient(#86e2df 0% 46%, #f7887c 46% 51%, #f8b62d 51% 53%, #9bb4ea 53% 55%, #c0c0c0 55% 57%, #eee 57% 100%);
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2020 span.oroshi {
top: 110px;
right: 44px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2020 span.fit {
top: 211px;
right: 101px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2020 span.genshi {
bottom: -23px;
left: 103px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2020 span.lng {
left: 77px;
bottom: -23px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2020 span.sekitan {
left: 56px;
bottom: -11px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2020 span.other {
top: 106px;
left: 48px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2021 {
border-radius: 50%;
background: conic-gradient(#86e2df 0% 34%, #f7887c 34% 43%, #f8b62d 43% 56%, #9bb4ea 56% 62%, #c0c0c0 62% 70%, #eee 70% 100%);
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2021 span.oroshi {
top: 76px;
right: 31px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2021 span.fit {
top: 176px;
right: 48px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2021 span.genshi {
bottom: 20px;
left: 110px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2021 span.lng {
left: 61px;
bottom: 29px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2021 span.sekitan {
left: 36px;
bottom: 60px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2021 span.other {
top: 76px;
left: 40px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2022 {
border-radius: 50%;
background: conic-gradient(#86e2df 0% 28%, #f7887c 28% 43%, #f8b62d 43% 51%, #9bb4ea 51% 57%, #c0c0c0 57% 67%, #eee 67% 100%);
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2022 span.oroshi {
top: 72px;
right: 44px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2022 span.fit {
top: 166px;
right: 37px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2022 span.genshi {
bottom: 20px;
left: 130px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2022 span.lng {
left: 88px;
bottom: 19px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2022 span.sekitan {
left: 44px;
bottom: 41px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2022 span.other {
top: 76px;
left: 40px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2023 {
border-radius: 50%;
background: conic-gradient(#86e2df 0% 30%, #f7887c 30% 46%, #f8b62d 46% 59%, #9bb4ea 59% 64%, #c0c0c0 64% 71%, #eee 71% 100%);
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2023 span.oroshi {
top: 72px;
right: 44px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2023 span.fit {
top: 166px;
right: 56px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2023 span.genshi {
bottom: 24px;
left: 96px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2023 span.lng {
left: 46px;
bottom: 36px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2023 span.sekitan {
left: 24px;
bottom: 64px;
}
.tab-contents__item--denki .data .graph_wrap .graph.graph2023 span.other {
top: 72px;
left: 44px;
}
.tab-contents__item--denki .data .graph_wrap p {
margin-top: 2.5rem;
font-size: 0.9rem;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(2) td {
background: #86e2df;
width: 50%;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(2) td:first-child {
background: #b5ebe8;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(3) td {
background: #f7887c;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(3) td:first-child {
background: #f9c9c2;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(4) td {
background: #f7887c;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(4) td:first-child {
background: #f9c9c2;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(5) td {
background: #f7887c;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(5) td:first-child {
background: #f9c9c2;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(6) td {
background: #f8b62d;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(6) td:first-child {
background: #efdba3;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(7) td {
background: #9bb4ea;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(7) td:first-child {
background: #cbd7f4;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(8) td {
background: #c0c0c0;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(8) td:first-child {
background: #cdcdcd;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(9) td {
background: #eee;
}
.tab-contents__item--denki .data .table.table_ratio tr:nth-child(9) td:first-child {
background: #efefef;
}
.tab-info {
position: relative;
z-index: 2;
}
.tab-info--denki {
background: #fff;
}
.tab-info .year_contents {
display: none;
}
.tab-info .year_contents.active {
display: inline-block;
}
img,
object,
video {
max-width: 100%;
height: auto;
}
@media screen and (min-width: 769px) {
.pc-hide {
display: none;
}
}
@media screen and (max-width: 768px) {
.sp-hide {
display: none;
}
}
.right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tcenter {
text-align: center !important;
}
.tleft {
text-align: left !important;
}
.tright {
text-align: right !important;
}
.link:after {
content: "▶︎";
color: #e2674b;
display: inline-block;
margin-left: 6px;
}
.link--denki:after {
color: #e49c3b;
}
.link--normal {
color: #e2674b;
}
.link--normal:link, .link--normal:visited {
text-decoration: none;
color: #e2674b;
}
.link--normal:hover, .link--normal:active {
text-decoration: underline;
color: #e2674b;
}
.link--normal:after {
content: "→";
color: #e2674b;
display: inline-block;
margin-left: 6px;
}
.link--down {
color: #e2674b;
}
.link--down:link, .link--down:visited {
text-decoration: none;
color: #e2674b;
}
.link--down:hover, .link--down:active {
text-decoration: underline;
color: #e2674b;
}
.link--down:after {
content: "↓";
color: #e2674b;
display: inline-block;
margin-left: 6px;
}
.link--back {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.link--back span {
width: 32px;
height: 32px;
display: block;
background: #fff;
border-radius: 50%;
background: #fff;
display: block;
font-size: 0;
line-height: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-right: 12px;
position: relative;
border: 1px solid #bdc6c8;
}
.link--back span:after {
content: "";
width: 6px;
height: 6px;
border-top: 2px solid #255aa5;
border-right: 2px solid #255aa5;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
display: block;
position: absolute;
left: calc(50% - 3px);
top: calc(50% - 3px);
}
.bnr {
font-size: 0;
line-height: 0;
text-align: center;
}
.bnr:not(:last-child) {
margin-bottom: 32px;
}
.bnr img {
border-radius: 12px;
}
@media screen and (max-width: 768px) {
.bnr img {
border-radius: 6px;
}
}
.service-type {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.service-type__item {
width: calc(50% - 16px);
}
@media screen and (max-width: 1024px) {
.service-type__item {
width: 100%;
}
}
@media screen and (max-width: 1024px) {
.service-type__item:not(:last-child) {
margin-bottom: 48px;
}
}
.service-type__item-title {
background: #e2674b;
text-align: center;
padding: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 24px;
font-size: 18px;
line-height: 1.5em;
font-weight: bold;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
.service-type__item-title--denki {
background: #efc645;
}
.living-menu .living-menu__bnr {
margin-top: 40px;
}
@media screen and (max-width: 768px) {
.living-menu .living-menu__bnr {
margin-top: 0;
}
}
.list-kurashi, .list-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.list-kurashi:after, .list-post:after {
content: "";
width: calc(25% - 24px);
display: block;
}
@media screen and (max-width: 1024px) {
.list-kurashi:after, .list-post:after {
display: none;
}
}
.list-kurashi:before, .list-post:before {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
content: "";
width: calc(25% - 24px);
display: block;
}
@media screen and (max-width: 1024px) {
.list-kurashi:before, .list-post:before {
display: none;
}
}
.list-kurashi__item, .list-post__item {
width: calc(25% - 24px);
background: #faefec;
border-radius: 12px;
overflow: hidden;
font-size: 15px;
line-height: 1.5em;
margin-bottom: 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #faefec;
}
@media screen and (max-width: 1024px) {
.list-kurashi__item, .list-post__item {
width: calc(50% - 8px);
margin-bottom: 16px;
}
}
@media screen and (max-width: 768px) {
.list-kurashi__item, .list-post__item {
border-radius: 6px;
}
}
@media screen and (max-width: 430px) {
.list-kurashi__item, .list-post__item {
width: 100%;
}
}
.list-kurashi__item-img, .list-post__item-img {
font-size: 0;
line-height: 0;
}
.list-kurashi__item-img a, .list-post__item-img a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
aspect-ratio: 4/3;
background: rgb(255, 255, 255);
overflow: hidden;
}
.list-kurashi__item-txt, .list-post__item-txt {
padding: 20px;
}
.list-kurashi__item-txt > *:not(:last-child), .list-post__item-txt > *:not(:last-child) {
margin-bottom: 6px;
}
.list-kurashi__item-txt-cat a, .list-post__item-txt-cat a {
display: inline-block;
}
.list-kurashi__item-txt-cat a:not(:last-child), .list-post__item-txt-cat a:not(:last-child) {
margin-right: 12px;
}
.list-kurashi__item-txt-title, .list-post__item-txt-title {
margin: 0;
padding: 0;
font-size: 15px;
line-height: 1.5em;
font-weight: normal;
}
.list-tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 40px;
}
.list-tag__item {
margin-right: 16px;
margin-bottom: 20px;
}
.list-tag__item a {
display: block;
border: 1px solid #e2674b;
background: #fff;
padding: 10px 20px;
border-radius: 40px;
}
.list-tag__item a:link, .list-tag__item a:visited {
text-decoration: none;
color: #e2674b;
}
.list-tag__item a:hover, .list-tag__item a:active {
text-decoration: none;
color: #e2674b;
background: #faefec;
}
.list-tag__item.active a {
background: #e2674b;
}
.list-tag__item.active a:link, .list-tag__item.active a:visited {
text-decoration: none;
color: #fff;
}
.list-tag__item.active a:hover, .list-tag__item.active a:active {
text-decoration: none;
color: #fff;
background: #e2674b;
}
.list-bnr {
font-size: 0;
line-height: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.list-bnr__item {
width: calc(33.3% - 21px);
}
@media screen and (max-width: 1024px) {
.list-bnr__item {
width: calc(33.3% - 10px);
}
}
@media screen and (max-width: 768px) {
.list-bnr__item {
width: 100%;
margin-bottom: 16px;
}
}
.list-bnr__item--double {
width: calc(50% - 16px);
}
@media screen and (max-width: 768px) {
.list-bnr__item--double {
width: 100%;
}
}
.list-bnr__item img {
border-radius: 12px;
}
@media screen and (max-width: 768px) {
.list-bnr__item img {
border-radius: 6px;
}
}
.list-bnr__item img.border {
border: 2px solid #faefec;
}
.list-sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.list-sns__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100px;
}
.list-sns__item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
font-size: 13px;
line-height: 1.5em;
}
.list-sns__item a img {
width: 48px;
height: auto;
margin: 0 auto 10px;
}
.list-news {
border-top: 1px solid #faefec;
border-bottom: 1px solid #faefec;
padding: 48px 64px;
}
@media screen and (max-width: 768px) {
.list-news {
padding: 24px 16px;
}
}
.list-news--denki {
border-color: #efc645;
}
.list-news:not(:last-child) {
margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
.list-news:not(:last-child) {
margin-bottom: 16px;
}
}
.list-news__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.list-news__item:not(:last-child) {
margin-bottom: 24px;
}
.list-news__item-date {
width: 140px;
}
@media screen and (max-width: 768px) {
.list-news__item-date {
width: 100%;
margin-bottom: 6px;
}
}
.list-news__item-title {
width: calc(100% - 140px);
}
@media screen and (max-width: 768px) {
.list-news__item-title {
width: 100%;
}
}
.list-news__item-title a {
display: block;
}
.list-office {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.list-office__item {
width: calc(33.3% - 21px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 48px;
}
@media screen and (max-width: 1024px) {
.list-office__item {
width: calc(50% - 12px);
}
}
@media screen and (max-width: 768px) {
.list-office__item {
width: 100%;
}
}
.list-office__item-img {
width: 128px;
font-size: 0;
line-height: 0;
}
.list-office__item-img img {
border-radius: 50%;
}
.list-office__item-txt {
width: calc(100% - 148px);
}
.list-office__item-txt-title {
margin: 0 0 5px;
font-size: 20px;
line-height: 1.5em;
font-weight: bold;
padding: 0;
}
@media screen and (max-width: 768px) {
.list-office__item-txt-title {
font-size: 16px;
line-height: 1.5em;
}
}
.list-office__item-txt-desc {
font-size: 15px;
line-height: 1.5em;
}
@media screen and (max-width: 768px) {
.list-office__item-txt-desc {
font-size: 12px;
line-height: 1.5em;
}
}
.list-office__item-txt-desc a {
text-decoration: underline;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
margin-top: 0.25rem;
display: inline-block;
}
.list-office__item-txt-desc a:hover {
text-decoration: none;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.list-circle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
}
.list-circle:before {
content: "";
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(25% - 24px);
display: block;
}
@media screen and (max-width: 768px) {
.list-circle:before {
display: none;
}
}
.list-circle:after {
content: "";
width: calc(25% - 24px);
display: block;
}
@media screen and (max-width: 768px) {
.list-circle:after {
width: calc(33.3% - 8px);
}
}
.list-circle__item {
width: calc(25% - 24px);
background: #fdf6d2;
margin-bottom: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
aspect-ratio: 1/1;
font-size: 28px;
line-height: 1.5em;
border-radius: 50%;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.list-circle__item {
width: calc(33.3% - 8px);
margin-bottom: 16px;
font-size: 16px;
line-height: 1.5em;
}
}
.list-circle__item--gray {
background: #edf1f2;
}
.list-karuta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.list-karuta__item {
width: calc(50% - 16px);
margin-bottom: 32px;
border-radius: 16px;
overflow: hidden;
position: relative;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.list-karuta__item {
width: 100%;
}
}
.list-karuta__item:hover .list-karuta__item-image {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.list-karuta__item:hover .list-karuta__item-text {
opacity: 1;
}
.list-karuta__item-image {
font-size: 0;
line-height: 0;
}
.list-karuta__item-text {
position: absolute;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
left: 0;
top: 0;
background: rgba(255, 255, 255, 0.9);
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.list-disc {
margin-left: 1em;
}
.list-disc:not(:last-child) {
margin-bottom: 32px;
}
.list-disc li {
list-style: outside disc;
}
.list-disc li:not(:last-child) {
margin-bottom: 0.5em;
}
.list-outline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1090px) {
.list-outline {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.list-outline__item {
width: calc(33.3% - 21px);
background: #faefec;
padding: 24px 16px;
border-radius: 12px;
margin-bottom: 32px;
}
@media screen and (max-width: 1090px) {
.list-outline__item {
width: 100%;
margin-right: 0 !important;
margin-bottom: 16px;
}
}
.list-outline__item:nth-of-type(1) {
margin-right: 32px;
}
.list-outline__item:nth-of-type(2) {
margin-right: 32px;
}
.list-outline__item:nth-of-type(4) {
margin-right: 32px;
}
.list-outline__item-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
font-size: 18px;
line-height: 1.5em;
margin-bottom: 16px;
font-family: "TazuganeGothicStdN-Bold";
}
.list-outline__item-title img {
margin: 0 auto 10px;
}
.list-flow__item {
background: #faefec;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 24px 0;
border-radius: 12px;
position: relative;
}
.list-flow__item:not(:last-child) {
margin-bottom: 20px;
}
.list-flow__item:not(:last-child):before {
content: "";
width: 30px;
height: 30px;
background: #faefec;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 84px;
bottom: -15px;
}
@media screen and (max-width: 768px) {
.list-flow__item:not(:last-child):before {
left: calc(50% - 15px);
}
}
.list-flow__item-title {
width: 198px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 16px;
text-align: center;
font-size: 18px;
line-height: 1.5em;
color: #df6739;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.list-flow__item-title {
width: 100%;
text-align: left;
}
}
.list-flow__item-desc {
width: calc(100% - 198px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 16px;
}
@media screen and (max-width: 768px) {
.list-flow__item-desc {
width: 100%;
}
}
.list-philosophy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.list-philosophy__item {
width: 33.3%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 16px;
text-align: center;
position: relative;
}
@media screen and (max-width: 768px) {
.list-philosophy__item {
width: 100%;
}
}
.list-philosophy__item:not(:last-child) {
border-right: 1px solid #cccccc;
}
@media screen and (max-width: 768px) {
.list-philosophy__item:not(:last-child) {
border-right: none;
border-bottom: 1px solid #cccccc;
}
}
.list-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.list-logo:before {
content: "";
width: calc(25% - 21px);
height: 1;
display: block;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.list-logo:after {
content: "";
width: calc(25% - 21px);
height: 1;
display: block;
}
.list-logo__item {
width: calc(25% - 21px);
margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
.list-logo__item {
width: calc(50% - 8px);
}
}
.list-logo__item-image {
font-size: 0;
line-height: 0;
margin-bottom: 16px;
}
.list-order {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.list-order__item {
width: calc(50% - 16px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 32px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fdf6d2;
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
.list-order__item {
width: 100%;
}
.list-order__item:not(:last-child) {
margin-bottom: 32px;
}
}
.list-order__item--white {
background: #fff;
}
.list-order__item-image {
font-size: 0;
line-height: 0;
max-width: 300px;
width: 100%;
margin: 0 auto 24px;
border-bottom: 1px solid #bdc6c8;
text-align: center;
padding: 0 0 16px;
}
.list-order__item-title {
text-align: center;
font-size: 24px;
line-height: 1.5em;
margin: 0 0 32px;
}
.list-order__item-desc {
margin-bottom: 32px;
padding: 0 16px;
}
.list-order__item-desc p {
margin: 0;
}
.list-order__item-desc p:not(:last-child) {
margin-bottom: 1em !important;
}
.list-order__item-btn {
margin-top: auto;
}
.list-order__item-btn a {
display: block;
font-size: 24px;
line-height: 1.5em;
color: #fff;
background: #e49c3b;
border-radius: 12px;
text-align: center;
padding: 16px;
}
@media screen and (max-width: 768px) {
.list-order__item-btn a {
font-size: 18px;
line-height: 1.5em;
}
}
.list-note {
list-style: none;
}
.list-note > li {
text-indent: -1em;
padding-left: 1em;
font-size: 14px;
line-height: 1.5em;
}
.list-maker {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 780px;
margin: 0 auto;
}
.list-maker__item {
margin: 0 5px 5px;
}
@media screen and (max-width: 768px) {
.list-maker__item {
max-width: calc(33.3% - 10px);
}
}
.karuta {
text-align: center;
}
.karuta__problem {
font-size: 28px;
line-height: 1.5em;
margin-bottom: 67px;
font-weight: bold;
position: relative;
}
@media screen and (max-width: 768px) {
.karuta__problem {
font-size: 18px;
line-height: 1.5em;
margin-bottom: 20px;
}
}
.karuta__problem:after {
content: "";
height: 27px;
width: 54px;
clip-path: polygon(0 100%, 100% 100%, 50% 0);
display: block;
background: #e2674b;
position: absolute;
bottom: -50px;
left: calc(50% - 27px);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
.karuta__problem:after {
height: 15px;
width: 30px;
bottom: -30px;
left: calc(50% - 15px);
}
}
.karuta__solution {
background: #fff;
border-radius: 8px;
padding: 20px;
}
.footer {
padding: 128px 64px;
background: #e2674b;
color: #fff;
text-align: center;
}
@media screen and (max-width: 768px) {
.footer {
padding: 64px 16px;
}
}
.footer a:link, .footer a:visited {
text-decoration: none;
color: #fff;
}
.footer a:hover, .footer a:active {
text-decoration: none;
color: #fff;
}
.footer__title {
font-size: 32px;
line-height: 1.5em;
margin: 0 0 24px;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.footer__title {
font-size: 24px;
line-height: 1.5em;
}
}
.footer__sns {
margin-bottom: 128px;
}
@media screen and (max-width: 768px) {
.footer__sns {
margin-bottom: 64px;
}
}
.footer__copyright {
font-size: 11px;
line-height: 1.5em;
}
.breadcrumbs {
list-style: none;
margin: 0 0 64px;
padding: 12px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (max-width: 768px) {
.breadcrumbs {
margin-bottom: 32px;
}
}
.breadcrumbs--nomargin {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.breadcrumbs--nomargin {
margin-bottom: 0;
}
}
.breadcrumbs__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 13px;
line-height: 1.5em;
white-space: nowrap;
}
.breadcrumbs__item:not(:last-child):after {
content: ">";
display: block;
margin: 0 12px;
}
.breadcrumbs__item a {
display: block;
white-space: nowrap;
}
.page-header {
margin: 0 0 96px;
}
@media screen and (max-width: 768px) {
.page-header {
margin-bottom: 48px;
}
}
.page-header__type {
font-size: 13px;
line-height: 1.5em;
margin: 0;
}
.page-header__type:not(:last-child) {
margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
.page-header__type:not(:last-child) {
margin-bottom: 6px;
}
}
.page-header__type--white {
color: #fff;
}
.page-header__title {
font-size: 48px;
line-height: 1.5em;
margin: 0;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.page-header__title {
font-size: 24px;
line-height: 1.5em;
}
}
.page-header__title:not(:last-child) {
margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
.page-header__title:not(:last-child) {
margin-bottom: 24px;
}
}
.page-header__title--white {
color: #fff;
}
.page-header__image {
margin: 0;
}
.page-header__image:not(:last-child) {
margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
.page-header__image:not(:last-child) {
margin-bottom: 24px;
}
}
.page-header__image img {
border-radius: 12px;
}
@media screen and (max-width: 768px) {
.page-header__image img {
border-radius: 6px;
}
}
.page-header__desc {
margin: 0;
}
.page-header__desc:not(:last-child) {
margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
.page-header__desc:not(:last-child) {
margin-bottom: 24px;
}
}
.page-header__desc p:not(:last-child) {
margin-bottom: 1em;
}
.toggle__title {
cursor: pointer;
background: #faefec;
border: 1px solid #f0bdb1;
border-radius: 8px;
font-size: 24px;
line-height: 1.5em;
padding: 6px 12px;
text-align: center;
margin: 0 0 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 768px) {
.toggle__title {
font-size: 16px;
line-height: 1.5em;
}
}
.toggle__title:not(:first-child) {
margin-top: 24px;
}
.toggle__title span {
width: 42px;
height: 42px;
display: block;
background: #fff;
border-radius: 50%;
background: #fff;
display: block;
font-size: 0;
line-height: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-left: 10px;
position: relative;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (max-width: 768px) {
.toggle__title span {
width: 34px;
height: 34px;
}
}
.toggle__title span:after {
content: "";
width: 10px;
height: 10px;
border-top: 2px solid #e2674b;
border-right: 2px solid #e2674b;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
display: block;
position: absolute;
left: calc(50% - 5px);
top: calc(50% - 8px);
}
.toggle__title.active span {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.toggle__desc {
padding: 0;
margin: 0;
display: none;
}
.toggle-s:not(:last-child) {
margin-bottom: 32px;
}
.toggle-s__title {
cursor: pointer;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
}
.toggle-s__title span {
width: 22px;
height: 22px;
display: block;
background: #fff;
border-radius: 50%;
display: block;
font-size: 0;
line-height: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-left: 0;
position: relative;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.toggle-s__title span:after {
content: "";
width: 6px;
height: 6px;
border-top: 2px solid #e2674b;
border-right: 2px solid #e2674b;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
display: block;
position: absolute;
left: calc(50% - 3px);
top: calc(50% - 3px);
}
.toggle-s__title.active span {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.toggle-s__desc {
padding: 0 16px;
margin: 0;
display: none;
}
.disclaimer:not(:last-child) {
margin-bottom: 32px;
}
.disclaimer__title {
padding: 0;
margin: 0;
margin-bottom: 16px;
font-size: 1.5rem;
}
.disclaimer__desc {
padding: 0 16px;
margin: 0;
}
.disclaimer__desc .list-note li {
font-size: 16px;
line-height: 1.75;
margin-bottom: 0.5rem;
}
.contents {
width: 100%;
max-width: 1022px;
margin-left: auto;
margin-right: auto;
background: none;
margin-top: 0;
}
.contents--full {
max-width: 100%;
}
.contents .red {
color: #be5744;
}
.contents__title {
font-size: 18px;
line-height: 1.5em;
margin: 0;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
.contents__title:not(:last-child) {
margin-bottom: 32px;
}
.contents__title:not(:first-child) {
margin-top: 48px;
}
.contents__title:before {
content: "■";
color: #e2674b;
}
.contents__title--plane {
font-size: 18px;
line-height: 1.5em;
margin: 0;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
.contents__title--plane:not(:last-child) {
margin-bottom: 32px;
}
.contents__title--plane:not(:first-child) {
margin-top: 48px;
}
.contents__title--s {
color: #be5744;
margin: 0;
font-size: 16px;
line-height: 1.5em;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
.contents__title--s:not(:last-child) {
margin-bottom: 6px;
}
.contents__title--s:not(:first-child) {
margin-top: 24px;
}
.contents__title--l {
margin: 0;
font-size: 32px;
line-height: 1.6em;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.contents__title--l {
font-size: 22px;
line-height: 1.6em;
}
}
.contents__title--l:not(:last-child) {
margin-bottom: 32px;
}
.contents__title--l:not(:first-child) {
margin-top: 48px;
}
.contents__title--borderbottom {
font-size: 22px;
line-height: 1.5em;
margin: 0;
padding-bottom: 10px;
color: #be5744;
border-bottom: 1px solid #be5744;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
.contents__title--borderbottom:not(:last-child) {
margin-bottom: 32px;
}
.contents__title--borderbottom:not(:first-child) {
margin-top: 48px;
}
.contents__title--border {
font-size: 24px;
line-height: 1.5em;
margin: 0;
position: relative;
padding-bottom: 12px;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
.contents__title--border:before {
content: "";
width: 48px;
height: 4px;
display: block;
background: #e2674b;
position: absolute;
left: 0;
bottom: 0;
}
.contents__title--border:after {
content: "";
width: 24px;
height: 4px;
display: block;
background: #efc645;
position: absolute;
left: 24px;
bottom: 0;
}
.contents__title--border:not(:last-child) {
margin-bottom: 32px;
}
.contents__title--border:not(:first-child) {
margin-top: 48px;
}
.contents__block:not(:last-child) {
margin-bottom: 48px;
}
.contents__block:not(:first-child) {
margin-top: 48px;
}
.contents p {
margin: 0;
}
.contents p:not(:last-child) {
margin-bottom: 24px;
}
.contents p.rslt_txt {
margin-top: 2rem;
font-size: 1.5rem;
line-height: 1.5;
text-indent: -1.5rem;
padding-left: 1.5rem;
}
@media screen and (max-width: 768px) {
.contents p.rslt_txt {
font-size: 1rem;
text-indent: -1rem;
padding-left: 1rem;
}
}
@media screen and (max-width: 1100px) {
.contents p.rslt_txt br {
display: none;
}
}
.contents table {
background: #ccc;
border-collapse: separate;
border-spacing: 1px;
width: 100%;
margin: 0;
text-align: center;
}
.contents table:not(:last-child) {
margin-bottom: 48px;
}
.contents table tr th {
background: #fff;
padding: 6px;
}
.contents table tr th.th1 {
background: #faefec;
}
.contents table tr th.th2 {
background: #e2674b;
color: #fff;
}
.contents table tr td {
background: #fff;
padding: 6px;
}
.contents table.kokusho_table {
margin: 0 auto 48px;
max-width: 600px;
border: 1px solid #71ad46;
border-spacing: 0;
}
.contents table.kokusho_table thead tr td {
background: #a9d18e;
border: 1px solid #71ad46;
}
.contents table.kokusho_table tbody tr td {
background: #eaf1e8;
border: 1px solid #71ad46;
}
.contents table.kokusho_table02 {
font-family: sans-serif;
max-width: 700px;
margin: 0 auto 48px;
}
.contents table.kokusho_table02 thead tr td {
background: #0252A6;
color: #fff;
font-weight: bold;
padding: 0.5rem 6px;
}
.contents table.kokusho_table02 tbody tr td {
color: #578399;
font-weight: bold;
font-size: 1.25rem;
}
.contents table.kokusho_table02 tbody tr td span {
font-weight: bold;
color: #023753;
font-size: 2rem;
margin: 0 0.25rem;
}
.contents table.kokusho_table02 tbody tr.black td {
color: #333;
font-size: 16px;
}
.contents table.goods_table {
margin: 0 auto 48px;
max-width: 600px;
border: 1px solid #000;
border-spacing: 0;
}
.contents table.goods_table thead tr td {
background: #ffeba8;
border: 1px solid #000;
}
.contents table.goods_table thead tr td:nth-child(3) {
border-right: none;
border-left: none;
}
.contents table.goods_table tbody tr td {
background: #e6e6e6;
border: 1px solid #000;
}
.contents table.goods_table tbody tr td:nth-child(3) {
border-right: none;
border-left: none;
}
.contents table.goods_table tbody tr td.red {
color: #ff0000;
}
.contents table.goods_table tbody tr:nth-child(odd) td {
background: #fff;
}
.contents .table-wrapper:not(:last-child) {
margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
.contents .table-wrapper {
overflow: scroll;
}
}
.contents .table--green thead tr th,
.contents .table--green thead tr td {
background: #01ad80;
color: #fff;
white-space: nowrap;
}
.contents .table--green tbody tr th {
background: #edf1f2;
white-space: nowrap;
}
.contents .table--pink thead tr th,
.contents .table--pink thead tr td {
background: #e06181;
color: #fff;
white-space: nowrap;
}
.contents .table--pink tbody tr th {
background: #edf1f2;
}
.contents .table--gray thead tr th,
.contents .table--gray thead tr td {
background: #707070;
color: #fff;
white-space: nowrap;
}
.contents .table--gray tbody tr th {
background: #edf1f2;
}
.contents .table--blue thead tr th,
.contents .table--blue thead tr td {
background: #60bfc8;
color: #fff;
white-space: nowrap;
}
.contents .table--blue tbody tr:first-child {
background: red;
}
.contents .table--blue tbody tr th {
background: #edf1f2;
}
.contents .table--lightblue thead tr th,
.contents .table--lightblue thead tr td {
background: #4472c5;
color: #fff;
white-space: nowrap;
}
.contents .table--lightblue tbody tr:first-child {
background: red;
}
.contents .table--lightblue tbody tr th {
background: #eceef3;
}
.contents .table--orange thead tr th,
.contents .table--orange thead tr td {
background: #f5d0c8;
white-space: nowrap;
border: none;
text-align: center;
}
.contents .table--orange tbody tr th {
background: #faefec;
border: none;
}
.contents .table--orange tbody tr td {
border: none;
}
.single-news .contents a:link, .single-news .contents a:visited {
text-decoration: underline;
color: #e2674b;
}
.single-news .contents a:hover, .single-news .contents a:active {
text-decoration: none;
color: #e2674b;
}
.p-adjust {
border: 3px solid #f45d40;
padding: 0.5rem 1rem;
display: inline-block;
}
.contact-form dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #edf1f2;
margin-bottom: 32px;
}
.contact-form dl > dt {
width: 250px;
padding: 16px 0;
border-bottom: 1px solid #edf1f2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 768px) {
.contact-form dl > dt {
width: 100%;
padding-bottom: 0;
border-bottom: none;
}
}
.contact-form dl > dt.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.contact-form dl > dt sup {
color: #f00;
font-weight: bold;
}
.contact-form dl > dd {
width: calc(100% - 250px);
padding: 16px 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #edf1f2;
}
@media screen and (max-width: 768px) {
.contact-form dl > dd {
width: 100%;
padding-top: 8px;
}
}
.contact-form dl > dd.label-list .wpcf7-radio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.contact-form dl > dd select {
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 48px;
}
.contact-form dl > dd input[type=text],
.contact-form dl > dd input[type=email],
.contact-form dl > dd input[type=tel] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
border: none !important;
width: 100%;
margin: 0;
max-width: 500px;
background: #edf1f2;
border-radius: 3px;
}
.contact-form dl > dd textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
border: none !important;
width: 100%;
margin: 0;
background: #edf1f2;
border-radius: 3px;
}
.contact-form dl > div {
width: 100%;
}
.contact-form dl > div .wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact-form dl > div .wrap > dt {
width: 250px;
padding: 16px 0;
border-bottom: 1px solid #edf1f2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 768px) {
.contact-form dl > div .wrap > dt {
width: 100%;
padding-bottom: 0;
border-bottom: none;
}
}
.contact-form dl > div .wrap > dt.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.contact-form dl > div .wrap > dt sup {
color: #f00;
font-weight: bold;
}
.contact-form dl > div .wrap > dd {
width: calc(100% - 250px);
padding: 16px 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #edf1f2;
}
@media screen and (max-width: 768px) {
.contact-form dl > div .wrap > dd {
width: 100%;
padding-top: 8px;
}
}
.contact-form dl > div .wrap > dd.label-list .wpcf7-radio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.contact-form dl > div .wrap > dd select {
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 48px;
}
.contact-form dl > div .wrap > dd input[type=text],
.contact-form dl > div .wrap > dd input[type=email],
.contact-form dl > div .wrap > dd input[type=tel] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
border: none !important;
width: 100%;
margin: 0;
max-width: 500px;
background: #edf1f2;
border-radius: 3px;
}
.contact-form dl > div .wrap > dd textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
border: none !important;
width: 100%;
margin: 0;
background: #edf1f2;
border-radius: 3px;
}
.contact-form input[type=submit] {
background: #e2674b;
border-radius: 40px;
color: #fff;
border: none;
padding: 16px;
}
.contact-form input[type=submit]:hover, .contact-form input[type=submit]:active {
color: #fff;
}
.contact-form .wpcf7-not-valid-tip {
margin-top: 10px;
}
.contact-form .wpcf7-spinner {
margin: 0 auto;
}
.contact-form .wpcf7-response-output {
padding: 16px !important;
}
#co-greeting, #co-info, #co-gas, #co-permit {
padding-top: 64px;
padding-bottom: 64px;
position: relative;
margin-bottom: 0;
}
#co-greeting:after, #co-info:after, #co-gas:after, #co-permit:after {
content: "";
width: 100vw;
height: 100%;
display: block;
position: absolute;
left: calc(50% - 50vw);
top: 0;
background: #fdf6d2;
z-index: 1;
}
#co-greeting > *, #co-info > *, #co-gas > *, #co-permit > * {
position: relative;
z-index: 2;
}
#co-permit:after {
background: #fcfaf0;
}
#co-info:before, #co-gas:before {
background: #faefec;
}
#co-philosophy, #co-history {
padding-top: 64px;
}
#co-gas {
margin-bottom: 64px;
}
.co-outline__image {
font-size: 0;
line-height: 0;
margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
.co-outline__image {
margin-bottom: 24px;
}
}
.co-greeting__title {
font-size: 32px;
line-height: 1.5em;
text-align: center;
margin: 0 auto 48px;
text-decoration: underline;
text-decoration-thickness: 10px;
text-underline-offset: -5px;
text-decoration-color: #ffea43;
font-family: "TazuganeGothicStdN-Bold";
}
@media screen and (max-width: 768px) {
.co-greeting__title {
font-size: 24px;
line-height: 1.5em;
margin-bottom: 24px;
}
}
.co-greeting__desc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.co-greeting__desc-image {
font-size: 0;
line-height: 0;
width: calc(38% - 16px);
}
@media screen and (max-width: 768px) {
.co-greeting__desc-image {
width: 100%;
margin-bottom: 24px;
text-align: center;
}
}
.co-greeting__desc-image img {
border-radius: 12px;
}
@media screen and (max-width: 768px) {
.co-greeting__desc-image img {
max-width: 300px;
height: auto;
}
}
.co-greeting__desc-text {
width: calc(62% - 16px);
}
@media screen and (max-width: 768px) {
.co-greeting__desc-text {
width: 100%;
}
}
.co-philosophy__image {
font-size: 0;
line-height: 0;
margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
.co-philosophy__image {
margin-bottom: 0;
}
}
.co-philosophy__image img {
border-radius: 12px;
}
.co-table {
border-spacing: 1px;
border-collapse: separate;
background: #cccccc;
}
@media screen and (max-width: 768px) {
.co-table tbody {
display: block;
width: 100%;
}
}
@media screen and (max-width: 768px) {
.co-table tr {
display: block;
width: 100%;
}
}
.co-table tr th {
background: #f5d0c8 !important;
border: none !important;
text-align: left;
}
@media screen and (max-width: 768px) {
.co-table tr th {
display: block;
width: 100%;
}
}
.co-table tr td {
background: #fff !important;
border: none !important;
}
@media screen and (max-width: 768px) {
.co-table tr td {
display: block;
width: 100%;
}
}
#fontplus-trial-banner {
display: none;
}
.wpcf7-form.sent .wpcf7-response-output {
display: none;
}
.btn--small {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #bdc6c8;
padding: 10px 15px;
font-size: 14px;
line-height: 1.5em;
border-radius: 8px;
}
.btn--small:after {
content: "▶︎";
color: #e49c3b;
}
.btn--small img:first-child {
margin-right: 5px;
}
.btn--order {
display: inline-block;
color: #fff;
background: #e2674b;
border-radius: 12px;
text-align: center;
padding: 16px 32px;
}
.btn--order:link, .btn--order:visited {
text-decoration: none;
color: #fff;
}
.btn--order:hover, .btn--order:active {
text-decoration: none;
color: #fff;
}
.image {
font-size: 0;
line-height: 0;
}
.image--border {
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 12px;
}
.image--little {
max-width: 600px;
margin: 3rem auto 0;
text-align: center;
}
.image--large {
width: 100%;
margin: 3rem 0 0;
}
.image--large:not(:last-child) {
margin: 3rem 0;
}
.image--large img {
width: 100%;
}
form .form_gs01 dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #edf1f2;
margin-bottom: 32px;
}
form .form_gs01 dl dt {
width: 250px;
padding: 16px 0;
border-bottom: 1px solid #edf1f2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 768px) {
form .form_gs01 dl dt {
width: 100%;
padding-bottom: 0;
border-bottom: none;
}
}
form .form_gs01 dl dt sup {
color: #f00;
font-weight: bold;
}
form .form_gs01 dl dd {
width: calc(100% - 250px);
padding: 16px 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #edf1f2;
}
@media screen and (max-width: 768px) {
form .form_gs01 dl dd {
width: 100%;
padding-top: 8px;
}
}
form .form_gs01 dl dd input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
border: none !important;
width: 100%;
margin: 0;
max-width: 500px;
background: #edf1f2;
border-radius: 3px;
}
form .form_gs01 dl .b_none {
border-bottom: none;
}
form .form_gs01 .flex p {
width: calc(20% - 0.5rem);
position: relative;
}
@media screen and (max-width: 768px) {
form .form_gs01 .flex p {
text-align: left;
}
}
form .form_gs01 .flex p textarea {
margin-top: 1rem;
max-height: 3rem;
overflow: hidden;
background: #edf1f2;
border-radius: 3px;
border: none !important;
resize: none;
font-family: "TBUDゴシック R", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif !important;
}
form .form_gs01 .flex p .wpcf7-not-valid-tip {
position: absolute;
bottom: -2.5rem;
}
@media screen and (max-width: 768px) {
form .form_gs01 .flex p .wpcf7-not-valid-tip {
bottom: -1rem;
}
}
form .form_gs01 .flex p.hyphen label::after {
content: "-";
position: absolute;
right: -0.6rem;
bottom: 2rem;
font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
form .form_gs01 .flex p.hyphen label::after {
content: none;
}
}
form .form_gs01 .wpcf7-submit {
background: #e2674b;
border-radius: 40px;
color: #fff;
border: none;
padding: 16px;
display: block;
margin-top: 4rem;
}
@media screen and (max-width: 768px) {
.btn-wrap {
text-align: center;
}
}
.table_align_right {
text-align: right;
white-space: nowrap;
}
.denryoku_simulator img {
width: 100%;
}
#ank_greeting,
#ankhistory,
#ank_info,
#ank_permit,
#ank_philosophy,
#ank_gas,
#ank_office {
margin-top: -208px;
padding-top: 208px;
}
@media screen and (max-width: 768px) {
#ank_greeting,
#ank_history,
#ank_info,
#ank_permit,
#ank_philosophy,
#ank_gas,
#ank_office {
margin-top: -176px;
padding-top: 176px;
}
}
.futan_keigen2025_ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 700px;
margin: 0 auto 48px;
}
.futan_keigen2025_ul li {
width: 33.33333%;
font-family: sans-serif;
border: 1px solid #0252A6;
border-right: none;
}
@media screen and (max-width: 768px) {
.futan_keigen2025_ul li {
width: 100%;
border-right: 1px solid #0252A6;
}
}
.futan_keigen2025_ul li:last-child {
border-right: 1px solid #0252A6;
}
.futan_keigen2025_ul li .head {
background: #0252A6;
color: #fff;
font-weight: bold;
text-align: center;
padding: 0.5rem 6px;
}
.futan_keigen2025_ul li .head p {
margin: 0;
font-weight: bold;
}
.futan_keigen2025_ul li .body p {
text-align: center;
padding: 0.75rem 6px;
color: #578399;
font-weight: bold;
font-size: 1.25rem;
margin-bottom: 0;
}
.futan_keigen2025_ul li .body p span {
font-weight: bold;
color: #023753;
font-size: 2rem;
margin: 0 0.25rem;
}
.futan_keigen2025_ul li .body p.denki {
color: #333;
font-size: 16px;
padding-bottom: 0.25rem;
}
.header_kagoene {
padding: 0 1rem;
background: #F3E33E;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}
.header_kagoene .wrap {
max-width: 1080px;
height: 64px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.header_kagoene .wrap h2:first-child {
max-width: 171px;
}
}
@media screen and (max-width: 768px) {
.header_kagoene .wrap h2:last-child {
max-width: 124px;
}
}
.kagoene_lp {
font-family: "Noto Sans JP", "sans-serif";
overflow-x: hidden;
margin-top: 64px;
}
.kagoene_lp sub {
bottom: 0.25rem;
}
.kagoene_lp section {
padding: 116px 1rem 129px;
}
@media screen and (max-width: 768px) {
.kagoene_lp section {
padding: 96px 1rem 96px;
}
}
.kagoene_lp section .title_color {
background: #A4CC4D;
border-radius: 15px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto -70px;
padding: 1.65rem 2rem;
position: relative;
top: -151px;
position: relative;
}
@media screen and (max-width: 768px) {
.kagoene_lp section .title_color {
border-radius: 10px;
padding: 1rem;
top: -122px;
text-align: center;
}
}
.kagoene_lp section .title_color h2 {
font-size: 30px;
color: #fff;
}
@media screen and (max-width: 768px) {
.kagoene_lp section .title_color h2 {
font-size: 20px;
}
}
.kagoene_lp section .title_color::before {
content: "";
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_title_color.webp) no-repeat;
width: 62px;
height: 30px;
display: block;
background-size: contain;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -78px;
}
@media screen and (max-width: 768px) {
.kagoene_lp section .title_color::before {
width: 31px;
height: 15px;
left: -38px;
}
}
.kagoene_lp section .title_color::after {
content: "";
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_title_color_after.webp) no-repeat;
width: 62px;
height: 30px;
display: block;
background-size: contain;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -78px;
}
@media screen and (max-width: 768px) {
.kagoene_lp section .title_color::after {
width: 31px;
height: 15px;
right: -38px;
}
}
.kagoene_lp section .ul_01 {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.kagoene_lp section .ul_01 li {
width: calc(33.3333333% - 1rem);
}
@media screen and (max-width: 768px) {
.kagoene_lp section .ul_01 li {
text-align: center;
}
}
.kagoene_lp section .ul_01 li figure {
margin: 0;
}
.kagoene_lp section .ul_01 li figure img {
border-radius: 1.5rem;
}
@media screen and (max-width: 768px) {
.kagoene_lp section .ul_01 li figure img {
max-width: 240px;
}
}
.kagoene_lp section .ul_01 li figure figcaption {
text-align: center;
border-bottom: 1px solid #8CB806;
font-size: 1rem;
padding: 1rem;
}
@media screen and (max-width: 768px) {
.kagoene_lp section .ul_01 li figure figcaption {
max-width: 450px;
margin: 0 auto;
}
}
.kagoene_lp section.fv {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_fv.svg) no-repeat, url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_fv_ki.svg) no-repeat, #FFF9B9;
background-size: cover;
background-position: bottom, bottom;
aspect-ratio: 1366/880;
position: relative;
padding-bottom: 0;
width: 100%;
}
@media screen and (max-width: 1055px) {
.kagoene_lp section.fv {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_fv_tab.svg) no-repeat, #FFF9B9;
background-size: cover;
background-position: bottom;
aspect-ratio: 820/780;
}
}
@media screen and (max-width: 700px) {
.kagoene_lp section.fv {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_fv_tab.svg) no-repeat, #FFF9B9;
background-size: cover;
aspect-ratio: 820/880;
}
}
@media screen and (max-width: 630px) {
.kagoene_lp section.fv {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_fv_sp.svg) no-repeat, #FFF9B9;
background-size: cover;
background-position: bottom;
aspect-ratio: 393/550;
}
}
@media screen and (max-width: 500px) {
.kagoene_lp section.fv {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_fv_sp.svg) no-repeat, #FFF9B9;
background-size: cover;
background-position: center;
aspect-ratio: 393/700;
padding-top: 32px;
}
}
.kagoene_lp section.fv::after {
content: "";
position: absolute;
z-index: 3;
width: 14.5vw;
height: 14.5vw;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_fv05.webp) no-repeat;
background-size: contain;
right: 6vw;
bottom: 20vh;
}
@media screen and (max-width: 500px) {
.kagoene_lp section.fv::after {
content: none;
}
}
@media screen and (max-width: 1055px) {
.kagoene_lp section.fv .crouds {
display: none;
}
}
.kagoene_lp section.fv .crouds img {
position: absolute;
z-index: 1;
}
.kagoene_lp section.fv .crouds img.croud01 {
top: 10vh;
}
.kagoene_lp section.fv .crouds img.croud02 {
top: 12vh;
}
.kagoene_lp section.fv .crouds img.croud03 {
top: 35vh;
}
.kagoene_lp section.fv .crouds img.croud04 {
top: 55vh;
}
.kagoene_lp section.fv .crouds img.croud05 {
top: 44vh;
}
.kagoene_lp section.fv .bg {
z-index: 2;
width: 100vw;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
margin: auto;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1055px) {
.kagoene_lp section.fv .bg {
display: none;
}
}
.kagoene_lp section.fv .contents {
position: relative;
z-index: 3;
}
.kagoene_lp section.fv .contents .top_t {
max-width: 648px;
margin: 0 auto -2rem;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.fv .contents .top_t {
display: none;
}
}
@media screen and (max-width: 768px) {
.kagoene_lp section.fv .contents::before {
content: "鹿児島県産の再エネ100%! 新・電力オプション";
font-size: 4.25vw;
text-align: center;
margin-bottom: 1rem;
display: block;
color: #fff;
}
}
.kagoene_lp section.fv .contents .main_s {
max-width: 870px;
margin: 0 auto;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_fv02.svg) no-repeat;
background-size: contain;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 2rem;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.fv .contents .main_s {
padding: 16px;
padding-top: 2rem;
background: #F2A188;
border-radius: 32px;
display: block;
}
}
@media screen and (max-width: 500px) {
.kagoene_lp section.fv .contents .main_s::before {
content: "";
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_fv05.webp) no-repeat;
display: block;
aspect-ratio: 1/1;
background-size: contain;
width: 50%;
margin: 0 auto;
}
}
.kagoene_lp section.fv .contents .main_s h1 {
color: #fff;
font-size: 56px;
text-align: center;
position: relative;
margin: 0 auto 1rem;
line-height: 2;
width: 75%;
border-bottom: 2px dashed;
line-height: 1.75;
}
@media screen and (max-width: 1280px) {
.kagoene_lp section.fv .contents .main_s h1 {
font-size: 4vw;
}
}
@media screen and (max-width: 768px) {
.kagoene_lp section.fv .contents .main_s h1 {
font-size: 28px;
}
}
.kagoene_lp section.fv .contents .main_s h1 span {
color: #fff;
font-size: 50px;
}
@media screen and (max-width: 1280px) {
.kagoene_lp section.fv .contents .main_s h1 span {
font-size: 3.5vw;
}
}
@media screen and (max-width: 768px) {
.kagoene_lp section.fv .contents .main_s h1 span {
font-size: 24px;
}
}
.kagoene_lp section.fv .contents .main_s h1::after {
position: absolute;
width: 100%;
height: 3px;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_fv03.svg) no-repeat;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
}
.kagoene_lp section.fv .contents .main_s p {
text-align: center;
color: #fff;
font-size: 20px;
line-height: 1.5;
}
@media screen and (max-width: 1080px) {
.kagoene_lp section.fv .contents .main_s p {
font-size: 2vw;
}
}
@media screen and (max-width: 768px) {
.kagoene_lp section.fv .contents .main_s p {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.kagoene_lp section.fv .contents .main_s .label {
max-width: 200px;
margin: 0 auto;
}
}
.kagoene_lp section.fv .btm_txt {
color: #fff;
text-align: center;
font-size: 20px;
font-size: min(1.5vw, 30px);
position: absolute;
z-index: 3;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 7vmax;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.fv .btm_txt {
font-size: 1rem;
}
}
@media screen and (max-width: 500px) {
.kagoene_lp section.fv .btm_txt {
position: static;
-webkit-transform: none;
transform: none;
padding: 2rem 0;
width: auto;
}
}
.kagoene_lp section.about {
background: #FFF9B9;
padding: 116px 1rem 129px;
position: relative;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.about {
padding: 76px 1rem 72px;
}
}
.kagoene_lp section.about::before {
content: "";
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_about05.svg) no-repeat;
display: block;
height: 483px;
position: absolute;
background-size: contain;
width: 11.5vw;
top: -2vh;
left: 8px;
}
.kagoene_lp section.about::after {
content: "";
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_about06.svg) no-repeat;
display: block;
height: 495px;
position: absolute;
background-size: contain;
width: 6.75vw;
right: 8px;
top: -2vh;
}
.kagoene_lp section.about .contents {
max-width: 1080px;
}
.kagoene_lp section.about .contents h2 {
color: #fff;
background: #F2A188;
margin: 0 auto -3.25rem;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 1.5rem 3.25rem;
font-size: 2.2rem;
border-radius: 1rem;
position: relative;
z-index: 2;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.about .contents h2 {
font-size: 20px;
padding: 1rem;
margin: 0 auto -2.25rem;
}
}
.kagoene_lp section.about .contents h2 img {
position: absolute;
width: 60px;
height: 98px;
-o-object-fit: contain;
object-fit: contain;
bottom: 0;
right: -52px;
}
.kagoene_lp section.about .contents .t_wrap {
position: relative;
z-index: 1;
background: #fff;
border: 4px #F2A188 dashed;
border-radius: 1rem;
max-width: 780px;
margin: 0 auto 6rem;
padding: 4rem 2rem 1rem;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.about .contents .t_wrap {
padding: 3rem 1rem 2rem;
margin: 0 auto 4rem;
}
}
.kagoene_lp section.about .contents .t_wrap p {
color: #F2A188;
line-height: 2;
text-align: center;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.about .contents .t_wrap p {
text-align: left;
}
}
.kagoene_lp section.features {
background: #FFF377;
}
.kagoene_lp section.features .contents ul {
max-width: 870px;
margin: 0 auto;
}
.kagoene_lp section.features .contents ul li {
background: #FFB45C;
border-radius: 1rem;
padding: 20px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-bottom: 1rem;
position: relative;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.features .contents ul li {
padding: 16px;
}
}
.kagoene_lp section.features .contents ul li .left {
background: #fff;
border-radius: 1rem;
width: calc(100% - 16.5rem);
padding: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.kagoene_lp section.features .contents ul li .left > * {
text-align: center;
color: #8CB808;
}
.kagoene_lp section.features .contents ul li .left h3 {
font-size: 1.75rem;
border-bottom: 2px solid #8CB808;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.features .contents ul li .left h3 {
font-size: 1.3rem;
padding-bottom: 0.75rem;
}
}
.kagoene_lp section.features .contents ul li .left p {
line-height: 1.75;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.features .contents ul li .left p {
font-size: 1rem;
}
}
.kagoene_lp section.features .contents ul li .right {
border-radius: 1rem;
overflow: hidden;
width: 15rem;
height: 15rem;
margin: 0 !important;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.features .contents ul li .right {
margin: 0 !important;
}
}
.kagoene_lp section.features .contents ul li .right img {
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.features .contents ul li .right img {
width: 100%;
}
}
.kagoene_lp section.features .contents ul li:first-child::after {
content: "";
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_features04.webp) no-repeat;
background-size: contain;
position: absolute;
width: 94px;
height: 137px;
display: block;
bottom: -10px;
left: -48px;
}
@media screen and (max-width: 980px) {
.kagoene_lp section.features .contents ul li:first-child::after {
left: -4px;
}
}
@media screen and (max-width: 768px) {
.kagoene_lp section.features .contents ul li:first-child::after {
bottom: 8px;
left: -4px;
}
}
@media screen and (max-width: 768px) {
.kagoene_lp section.features .contents ul li:nth-child(2) .right {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.kagoene_lp section.features .contents ul li:nth-child(2)::after {
content: "";
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_features05.webp) no-repeat;
background-size: contain;
position: absolute;
width: 111px;
height: 131px;
display: block;
bottom: -12px;
right: -64px;
}
@media screen and (max-width: 980px) {
.kagoene_lp section.features .contents ul li:nth-child(2)::after {
right: -4px;
}
}
@media screen and (max-width: 768px) {
.kagoene_lp section.features .contents ul li:nth-child(2)::after {
bottom: -8px;
right: -4px;
}
}
.kagoene_lp section.features .contents ul li:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.features .contents ul li:last-child img {
-o-object-fit: contain;
object-fit: contain;
}
}
.kagoene_lp section.recommend {
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_recommend_bg.webp) no-repeat, #FFF9B9;
background-size: 90% 80%;
background-position: center;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.recommend {
background: #FFF9B9;
padding: 48px 1rem 96px;
}
}
@media screen and (max-width: 768px) {
.kagoene_lp section.recommend .contents .title_color {
top: -74px;
margin-bottom: -24px;
}
}
.kagoene_lp section.recommend .contents .ul_01 {
margin-bottom: 72px;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.recommend .contents .ul_01 {
margin-bottom: 4rem;
}
}
.kagoene_lp section.recommend .contents .ul_01 li figure figcaption {
border-bottom: 2px solid #FFB45C;
}
.kagoene_lp section.recommend .contents .note {
border-radius: 1rem;
background: #fff;
border: 4px #8CB907 dashed;
padding: 2rem 1rem;
position: relative;
}
@media screen and (max-width: 1100px) {
.kagoene_lp section.recommend .contents .note {
margin: 0 16px;
}
}
@media screen and (max-width: 768px) {
.kagoene_lp section.recommend .contents .note {
padding: 1rem;
}
}
.kagoene_lp section.recommend .contents .note p {
text-align: center;
font-size: 20px;
line-height: 1.75;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.recommend .contents .note p {
font-size: 18px;
}
}
@media screen and (max-width: 440px) {
.kagoene_lp section.recommend .contents .note p {
font-size: 14px;
}
}
.kagoene_lp section.recommend .contents .note::before {
content: "";
height: 113px;
width: 80px;
display: block;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_recommend04.webp) no-repeat;
background-size: contain;
position: absolute;
bottom: -4px;
left: -40px;
}
@media screen and (max-width: 1100px) {
.kagoene_lp section.recommend .contents .note::before {
bottom: -72px;
width: 60px;
left: -12px;
}
}
.kagoene_lp section.structure {
background: #FFF377;
}
@media screen and (max-width: 767px) {
.kagoene_lp section.structure .contents .title_color {
top: -133px;
margin-bottom: -92px;
}
}
.kagoene_lp section.structure .contents .g_line {
font-size: 20px;
-webkit-text-decoration: underline #8CB806 3px;
text-decoration: underline #8CB806 3px;
text-underline-offset: 10px;
text-align: center;
margin: 0 auto 90px;
line-height: 1.75;
}
@media screen and (max-width: 767px) {
.kagoene_lp section.structure .contents .g_line {
font-size: 16px;
margin-bottom: 48px;
text-underline-offset: 4px;
}
}
.kagoene_lp section.structure .contents ul li {
background: #fff;
border-radius: 1rem;
background: #fff;
border: 4px #8CB907 dashed;
padding: 2rem 1rem;
margin-bottom: 90px;
position: relative;
}
@media screen and (max-width: 767px) {
.kagoene_lp section.structure .contents ul li {
border-radius: 16px;
padding: 1rem 0.5rem;
margin-bottom: 3rem;
}
}
.kagoene_lp section.structure .contents ul li p {
text-align: center;
font-size: 20px;
line-height: 2;
}
@media screen and (max-width: 767px) {
.kagoene_lp section.structure .contents ul li p {
font-size: 14px;
line-height: 1.75;
}
}
.kagoene_lp section.structure .contents ul li::after {
content: "";
display: block;
width: 54px;
height: 31px;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_structure02.svg) no-repeat;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -64px;
}
@media screen and (max-width: 767px) {
.kagoene_lp section.structure .contents ul li::after {
width: 27px;
height: 16px;
background-size: cover;
bottom: -33px;
}
}
.kagoene_lp section.structure .contents ul li:last-child::after {
content: none;
}
.kagoene_lp section.structure .contents .data {
background: #fff;
border-radius: 1.5rem;
background: #fff;
border: 4px #8CB907 dashed;
padding: 3.5rem 4rem;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media screen and (max-width: 767px) {
.kagoene_lp section.structure .contents .data {
padding: 1.5rem 3rem;
}
}
.kagoene_lp section.structure .contents .data .left {
height: 16rem;
width: 16rem;
}
.kagoene_lp section.structure .contents .data .left img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.kagoene_lp section.structure .contents .data .right {
display: block;
}
.kagoene_lp section.structure .contents .data .right h3 {
font-size: 20px;
margin-bottom: 0.8rem;
text-indent: -22px;
font-family: "TBUDゴシック E", "メイリオ", Meiryo, "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 767px) {
.kagoene_lp section.structure .contents .data .right h3 {
font-size: 16px;
}
}
.kagoene_lp section.structure .contents .data .right h3::before {
content: "";
height: 1rem;
width: 1rem;
display: inline-block;
background: #5BC2DF;
border-radius: 0.8rem;
margin-right: 8px;
}
.kagoene_lp section.structure .contents .data .right h3.og_dot::before {
background: #FFB45C;
}
.kagoene_lp section.structure .contents .data .right p {
-webkit-text-decoration: underline 2px #5BC2DF;
text-decoration: underline 2px #5BC2DF;
text-underline-offset: 5px;
line-height: 1.75;
}
.kagoene_lp section.structure .contents .data .right p.og_line {
-webkit-text-decoration: underline 2px #FFB45C;
text-decoration: underline 2px #FFB45C;
}
.kagoene_lp section.tomarinogawa {
background: #FFF9B9;
}
@media screen and (max-width: 767px) {
.kagoene_lp section.tomarinogawa {
padding: 32px 1rem 72px;
}
}
.kagoene_lp section.tomarinogawa .contents .title_color {
top: -166px;
}
@media screen and (max-width: 930px) {
.kagoene_lp section.tomarinogawa .contents .title_color {
top: -193px;
}
}
@media screen and (max-width: 767px) {
.kagoene_lp section.tomarinogawa .contents .title_color {
top: -81px;
margin-bottom: -40px;
}
}
.kagoene_lp section.tomarinogawa .contents .title_color h2 {
line-height: 1.75;
text-align: center;
}
.kagoene_lp section.tomarinogawa .contents .title_color h2 br {
display: none;
}
@media screen and (max-width: 930px) {
.kagoene_lp section.tomarinogawa .contents .title_color h2 br {
display: block;
}
}
.kagoene_lp section.tomarinogawa .contents .g_line {
font-size: 20px;
-webkit-text-decoration: underline #8CB806 3px;
text-decoration: underline #8CB806 3px;
text-underline-offset: 10px;
text-align: center;
margin: 0 auto 90px;
line-height: 2;
}
@media screen and (max-width: 767px) {
.kagoene_lp section.tomarinogawa .contents .g_line {
font-size: 16px;
line-height: 2;
text-underline-offset: 6px;
margin-bottom: 4rem;
}
}
.kagoene_lp section.tomarinogawa .contents .content .img_box {
border: 16px solid #8CB907;
border-radius: 2rem;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.kagoene_lp section.tomarinogawa .contents .content .img_box {
max-width: 300px;
margin: 0 auto 2rem !important;
}
}
.kagoene_lp section.tomarinogawa .contents .content .img_box img {
width: 100%;
}
.kagoene_lp section.tomarinogawa .contents .content .txt_box {
border-radius: 1rem;
background: #fff;
border: 4px #8CB907 dashed;
padding: 3rem 1rem;
position: relative;
}
.kagoene_lp section.tomarinogawa .contents .content .txt_box p {
font-size: 20px;
line-height: 2;
text-align: center;
-webkit-text-decoration: underline #8CB806 3px;
text-decoration: underline #8CB806 3px;
text-underline-offset: 10px;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.tomarinogawa .contents .content .txt_box p {
font-size: 16px;
text-underline-offset: 6px;
}
}
.kagoene_lp section.tomarinogawa .contents .content .txt_box .btn_green {
position: relative;
height: 52px;
width: 305px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
background: #A4CB4E;
border-radius: 26px;
margin: 0 auto;
-webkit-box-shadow: 0px 5px 0 #8CB808;
box-shadow: 0px 5px 0 #8CB808;
}
.kagoene_lp section.tomarinogawa .contents .content .txt_box .btn_green:hover {
-webkit-box-shadow: none;
box-shadow: none;
bottom: -5px;
}
.kagoene_lp section.contact {
background: #FFF377;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.contact {
padding: 42px 1rem 72px;
}
}
.kagoene_lp section.contact .contents h2 {
font-size: 48px;
font-weight: bold;
text-align: center;
line-height: 1.75;
position: relative;
margin-bottom: 22px;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.contact .contents h2 {
font-size: 28px;
}
}
.kagoene_lp section.contact .contents h2::after {
content: "";
position: absolute;
width: 525px;
height: 3px;
border-top: dashed 4px #8CB907;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (max-width: 550px) {
.kagoene_lp section.contact .contents h2::after {
width: 100%;
border-top: dashed 2px #8CB907;
}
}
.kagoene_lp section.contact .contents .b_txt {
font-size: 20px;
text-align: center;
line-height: 1.75;
margin-bottom: 104px;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.contact .contents .b_txt {
font-size: 16px;
margin-bottom: 72px;
}
}
.kagoene_lp section.contact .contents .btn_red {
width: 100%;
max-width: 450px;
height: 120px;
border-radius: 1.75rem;
background: #E2674B;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
margin: 0 auto 25px;
font-size: 20px;
-webkit-box-shadow: 0 9px 0 #F4D339;
box-shadow: 0 9px 0 #F4D339;
position: relative;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.contact .contents .btn_red {
font-size: 22px;
}
}
.kagoene_lp section.contact .contents .btn_red:hover {
-webkit-box-shadow: none;
box-shadow: none;
bottom: -9px;
}
.kagoene_lp section.contact .contents .btn_red::before {
content: "";
position: absolute;
width: 80px;
height: 86px;
background: url(//taiyo-gas.or.jp/cms/wp-content/themes/taiyo-gas_ver2/new-assets/img/kagoene_contact01.webp) no-repeat;
background-size: cover;
right: 45px;
bottom: 104px;
}
.kagoene_lp section.contact .contents .center {
font-size: 20px;
text-align: center;
margin-bottom: 82px;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.contact .contents .center {
margin: 3rem;
font-size: 16px;
}
}
.kagoene_lp section.contact .contents .w_label {
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50px;
min-height: 98px;
}
.kagoene_lp section.contact .contents .w_label p {
font-size: 24px;
text-align: center;
color: #8CB808;
line-height: 1.5;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.contact .contents .w_label p {
font-size: 20px;
letter-spacing: 0.1rem;
line-height: 1.75;
}
}
@media screen and (max-width: 400px) {
.kagoene_lp section.contact .contents .w_label p {
font-size: 18px;
}
}
.kagoene_lp section.caption {
background: #FFF9B9;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.caption {
padding: 2rem 1rem;
}
}
.kagoene_lp section.caption .contents p {
color: #333333;
line-height: 2;
margin-bottom: 0;
text-indent: -31px;
padding-left: 31px;
}
@media screen and (max-width: 768px) {
.kagoene_lp section.caption .contents p {
font-size: 12px;
text-indent: -24px;
padding-left: 24px;
}
}
.kagoene_lp section.back {
background: #fff;
padding-bottom: 0;
}
.kagoene_lp section.back .contents {
text-align: center;
}
.kagoene_lp section.back .contents a {
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
display: inline-block;
}
.kagoene_lp section.back .contents a:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.kagoene_lp section.back .contents a img {
display: block;
}
.kagoene_lp .btn_top {
position: fixed;
z-index: 99;
bottom: 2.5rem;
right: 2rem;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
@media screen and (max-width: 768px) {
.kagoene_lp .btn_top {
bottom: 1rem;
right: 1rem;
}
}
.kagoene_lp .btn_top.active {
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.kagoene_lp .btn_top:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.kagoene_lp_office {
padding-top: 116px;
}
.croud01 {
-webkit-animation: movecloud01 15s linear infinite;
animation: movecloud01 15s linear infinite;
}
.croud02 {
-webkit-animation: movecloud02 14s linear infinite;
animation: movecloud02 14s linear infinite;
}
.croud03 {
-webkit-animation: movecloud03 9s linear infinite;
animation: movecloud03 9s linear infinite;
}
.croud04 {
-webkit-animation: movecloud04 8s linear infinite;
animation: movecloud04 8s linear infinite;
}
.croud05 {
-webkit-animation: movecloud05 12s linear infinite;
animation: movecloud05 12s linear infinite;
}
@-webkit-keyframes movecloud01 {
0% {
right: -13%;
}
90% {
opacity: 1;
}
100% {
right: 13%;
opacity: 0;
}
}
@-webkit-keyframes movecloud02 {
0% {
left: 20%;
opacity: 0;
}
15% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
left: -5%;
opacity: 0;
}
}
@-webkit-keyframes movecloud03 {
0% {
left: 10%;
opacity: 0;
}
15% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
left: -15%;
opacity: 0;
}
}
@-webkit-keyframes movecloud04 {
0% {
left: 30%;
opacity: 0;
}
15% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
left: -5%;
opacity: 0;
}
}
@-webkit-keyframes movecloud05 {
0% {
right: -1%;
opacity: 0.2;
}
10% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
right: 30%;
opacity: 0;
}
}