@charset 'UTF-8';
/* 笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�
蜷�崋螳壹�繝ｼ繧ｸ
笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆� */
/* 笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��
body逶ｴ荳九↓id蜷阪詣rapper縲阪�div縺後≠繧翫∪縺吶�
縺薙■繧峨↓縺ｯ縲∝崋螳壹�繝ｼ繧ｸ縺斐→縺ｫ逡ｰ縺ｪ繧議lass蜷�(post-縲�)縺御ｻ倅ｸ弱＆繧後∪縺吶�縺ｧ縲�
縺疲ｴｻ逕ｨ縺上□縺輔＞縲�
縲蝉ｾ九�
<body>
<div id="wrapper" class="post-2 page type-page status-publish has-post-thumbnail hentry">
笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘�� */
/* ================================================================================
繝ｬ繧､繧｢繧ｦ繝�
================================================================================ */
.page-oil main.outer_wrap,
.page-lp_gas main.outer_wrap {
padding-bottom: 0;
}
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
#wrapper{
}
main.outer_wrap {
position: relative;
max-width: none;
/* max-width: 1920px; 蝗ｺ螳壼ｹ�Ξ繧､繧｢繧ｦ繝域凾 */
width: 100%;
min-height: 50vh;
display: block;
padding: 80px 0;
margin: 0 auto;
}
.inner_wrap {
position: relative;
width: 100%;
margin: 0 auto;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
#wrapper {
}
main.outer_wrap {
position: relative;
width: 100%;
min-height: 50vh;
padding: 12vw 0;
}
.inner_wrap {
position: relative;
width: 100%;
padding: 0 4vw;
}
}
/* ================================================================================
繝｡繧､繝ｳ逕ｻ蜒�
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
.main_cate {
position: relative;
background: url(../img/main_cate.jpg) center top / cover no-repeat;
color: #ffffff;
height: 18vw;
}
.main_cate_in {
position: relative;
display: table;
width: 100%;
height: 100%;
}
/* 繝｡繧､繝ｳ逕ｻ蜒上�繧ｿ繧､繝医Ν */
.main_cate_in p {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 50px;
font-weight: 900;
letter-spacing: 0.05em;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
.main_cate {
position: relative;
background: url(../img/main_cate.jpg) center top / cover no-repeat;
color: #ffffff;
height: 40vw;
}
.main_cate_in {
position: relative;
display: table;
width: 100%;
height: 100%;
}
/* 繝｡繧､繝ｳ逕ｻ蜒上�繧ｿ繧､繝医Ν */
.main_cate_in p {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 5.5vw;
font-weight: 900;
letter-spacing: 0.05em;
}
}
/* ================================================================================
繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
/* 2繧ｫ繝ｩ繝�
----------------------------------------------- */
.col2_1,
.col2_1_long,
.col2_1_middle,
.col2_1_short,
.col2_1_vshort,
.col2_1_mshort {
padding-right: 20px;
}
.col2_2,
.col2_2_long,
.col2_2_middle,
.col2_2_short,
.col2_2_vshort,
.col2_2_mshort {
padding-left: 20px;
}
/* 3繧ｫ繝ｩ繝�
----------------------------------------------- */
.col3_1 {
padding-right: 20px;
}
.col3_2 {
padding-left: 10px;
padding-right: 10px;
}
.col3_3 {
padding-left: 20px;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
/* 2繧ｫ繝ｩ繝�
----------------------------------------------- */
.col2_1 {
}
.col2_1_long {
margin-top: 16vw;
}
.col2_1_middle {
margin-top: 12vw;
}
.col2_1_short {
margin-top: 8vw;
}
.col2_1_vshort {
margin-top: 4vw;
}
.col2_1_mshort {
margin-top: 3vw;
}
.col2_2 {
}
.col2_2_long {
margin-top: 16vw;
}
.col2_2_middle {
margin-top: 12vw;
}
.col2_2_short {
margin-top: 8vw;
}
.col2_2_vshort {
margin-top: 4vw;
}
.col2_2_mshort {
margin-top: 3vw;
}
/* 3繧ｫ繝ｩ繝�
----------------------------------------------- */
.col3_1 {
margin-top: 0;
}
.col3_2,
.col3_3 {
margin-top: 12vw;
}
}
/* ================================================================================
繝槭�繧ｸ繝ｳ繝懊ャ繧ｯ繧ｹ
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
/* 荳翫↓繝槭�繧ｸ繝ｳ繧堤ｩｺ縺代ｋ
----------------------------------------------- */
.top_long {
margin-top: 120px;
}
.top_middle {
margin-top: 80px;
}
.top_short {
margin-top: 40px;
}
.top_vshort {
margin-top: 20px;
}
.top_mshort {
margin-top: 10px;
}
/* 荳九↓繝槭�繧ｸ繝ｳ繧堤ｩｺ縺代ｋ
----------------------------------------------- */
.bottom_long {
margin-bottom: 120px;
}
.bottom_middle {
margin-bottom: 80px;
}
.bottom_short {
margin-bottom: 40px;
}
.bottom_vshort {
margin-bottom: 20px;
}
.bottom_mshort {
margin-bottom: 10px;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
/* 荳翫↓繝槭�繧ｸ繝ｳ繧堤ｩｺ縺代ｋ
----------------------------------------------- */
.top_long {
margin-top: 16vw;
}
.top_middle {
margin-top: 12vw;
}
.top_short {
margin-top: 8vw;
}
.top_vshort {
margin-top: 4vw;
}
.top_mshort {
margin-top: 3vw;
}
/* 荳九↓繝槭�繧ｸ繝ｳ繧堤ｩｺ縺代ｋ
----------------------------------------------- */
.bottom_long {
margin-bottom: 16vw;
}
.bottom_middle {
margin-bottom: 12vw;
}
.bottom_short {
margin-bottom: 8vw;
}
.bottom_vshort {
margin-bottom: 4vw;
}
.bottom_mshort {
margin-bottom: 3vw;
}
}
/* ================================================================================
繝代ョ繧｣繝ｳ繧ｰ繝懊ャ繧ｯ繧ｹ
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
/* 荳翫↓繝代ョ繧｣繝ｳ繧ｰ繧堤ｩｺ縺代ｋ
----------------------------------------------- */
.p_top_long {
padding-top: 120px;
}
.p_top_middle {
padding-top: 80px;
}
.p_top_short {
padding-top: 40px;
}
.p_top_vshort {
padding-top: 20px;
}
.p_top_mshort {
padding-top: 10px;
}
/* 荳九↓繝代ョ繧｣繝ｳ繧ｰ繧堤ｩｺ縺代ｋ
----------------------------------------------- */
.p_bottom_long {
padding-bottom: 120px;
}
.p_bottom_middle {
padding-bottom: 80px;
}
.p_bottom_short {
padding-bottom: 40px;
}
.p_bottom_vshort {
padding-bottom: 20px;
}
.p_bottom_mshort {
padding-bottom: 10px;
}
/* 荳｡譁ｹ縺ｫ繝代ョ繧｣繝ｳ繧ｰ繧堤ｩｺ縺代ｋ
----------------------------------------------- */
.row_long {
padding-top: 120px;
padding-bottom: 120px;
}
.row_middle {
padding-top: 80px;
padding-bottom: 80px;
}
.row_short {
padding-top: 40px;
padding-bottom: 40px;
}
.row_vshort {
padding-top: 20px;
padding-bottom: 20px;
}
.row_mshort {
padding-top: 10px;
padding-bottom: 10px;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
/* 荳翫↓繝代ョ繧｣繝ｳ繧ｰ繧堤ｩｺ縺代ｋ
----------------------------------------------- */
.p_top_long {
padding-top: 16vw;
}
.p_top_middle {
padding-top: 12vw;
}
.p_top_short {
padding-top: 8vw;
}
.p_top_vshort {
padding-top: 4vw;
}
.p_top_mshort {
padding-top: 3vw;
}
/* 荳九↓繝代ョ繧｣繝ｳ繧ｰ繧堤ｩｺ縺代ｋ
----------------------------------------------- */
.p_bottom_long {
padding-bottom: 16vw;
}
.p_bottom_middle {
padding-bottom: 12vw;
}
.p_bottom_short {
padding-bottom: 8vw;
}
.p_bottom_vshort {
padding-bottom: 4vw;
}
.p_bottom_mshort {
padding-bottom: 3vw;
}
/* 荳｡譁ｹ縺ｫ繝代ョ繧｣繝ｳ繧ｰ繧堤ｩｺ縺代ｋ
----------------------------------------------- */
.row_long {
padding-top: 16vw;
padding-bottom: 16vw;
}
.row_middle {
padding-top: 12vw;
padding-bottom: 12vw;
}
.row_short {
padding-top: 8vw;
padding-bottom: 8vw;
}
.row_vshort {
padding-top: 4vw;
padding-bottom: 4vw;
}
.row_mshort {
padding-top: 3vw;
padding-bottom: 3vw;
}
/* 閭梧勹濶ｲ繧剃ｼｸ縺ｰ縺�
----------------------------------------------- */
.row_sp {
padding-left: 4vw !important;
padding-right: 4vw !important;
}
}
/* ================================================================================
繧ｫ繝ｩ繝ｼ繝懊ャ繧ｯ繧ｹ
================================================================================ */
.red {
color: #f40c0c;
}
.orange {
color: #f5630d;
}
.blue {
color: #0086ff;
}
.yellow {
color: #f3b00d;
}
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
/* 繧ｫ繝ｩ繝ｼ01 */
.row_c01 {
background: url(../img/spacer.gif) center top / auto auto repeat ,#0c8bfd;
color: #ffffff;
}
/* 繧ｫ繝ｩ繝ｼ02 */
.row_c02 {
background: url(../img/spacer.gif) center top / auto auto repeat ,#f9f9f1;
}
/* 繝懊�繝繝ｼ蝗ｲ縺� */
.box_border {
padding: 40px;
border: 4px solid #f5f5e8;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
/* 繧ｫ繝ｩ繝ｼ01 */
.row_c01 {
background: url(../img/spacer.gif) center top / auto auto repeat ,#0c8bfd;
color: #ffffff;
padding-left: 4vw;
padding-right: 4vw;
}
/* 繧ｫ繝ｩ繝ｼ02 */
.row_c02 {
background: url(../img/spacer.gif) center top / auto auto repeat ,#f9f9f1;
padding-left: 4vw;
padding-right: 4vw;
}
/* 繝懊�繝繝ｼ蝗ｲ縺� */
.box_border {
padding: 8vw 4vw;
border: 1vw solid #f5f5e8;
}
}
/* ================================================================================
隕句�縺�
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
/* h2隕句�縺�
----------------------------------------------- */
.h2_cate {
position: relative;
border-bottom: 3px solid #0086ff;
padding: 0 0 12px 0 !important;
}
.row_c01 .h2_cate {
border-bottom-color: #ffffff;
}
.h2_cate::after {
position: absolute;
content: "";
display: block;
background-color: #83c4ff;
width: 80px;
height: 3px;
bottom: -3px;
left: 50%;
margin-left: -40px;
z-index: 1;
}
.h2_cate h2 {
font-size: 32px;
font-weight: 500;
line-height: 1.4 !important;
text-align: center;
}
/* h3隕句�縺�
----------------------------------------------- */
.h3_cate {
border-bottom: 1px solid #888888;
padding: 0 0 8px 0 !important;
}
.row_c01 .h3_cate {
border-bottom-color: #ffffff;
}
.h3_cate h3 {
font-size: 26px;
font-weight: 500;
line-height: 1.4 !important;
text-align: center;
}
/* 3繧ｫ繝ｩ繝�h3隕句�縺�
----------------------------------------------- */
.h3_col3 {
border-bottom: 1px dotted;
padding: 0 0 8px 0 !important;
}
.h3_col3 h3 {
font-size: 20px;
font-weight: 500;
line-height: 1.4 !important;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
/* h2隕句�縺�
----------------------------------------------- */
.h2_cate {
border-bottom: 3px solid #0086ff;
padding: 0 0 2vw 0 !important;
}
.row_c01 .h2_cate {
border-bottom-color: #ffffff;
}
.h2_cate::after {
position: absolute;
content: "";
display: block;
background-color: #83c4ff;
width: 8vw;
height: 3px;
bottom: -3px;
left: 50%;
margin-left: -4vw;
z-index: 1;
}
.h2_cate h2 {
font-size: 5.5vw;
font-weight: 500;
line-height: 1.4 !important;
text-align: center;
}
/* h3隕句�縺�
----------------------------------------------- */
.h3_cate {
border-bottom: 1px solid #888888;
padding: 0 0 1.5vw 0 !important;
}
.row_c01 .h3_cate {
border-bottom-color: #ffffff;
}
.h3_cate h3 {
font-size: 4.5vw;
font-weight: 500;
line-height: 1.4 !important;
text-align: center;
}
/* 3繧ｫ繝ｩ繝�h3隕句�縺�
----------------------------------------------- */
.h3_col3 {
border-bottom: 1px dotted;
padding: 0 0 1vw 0 !important;
}
.h3_col3 h3 {
font-size: 4vw;
font-weight: 500;
line-height: 1.4 !important;
}
}
/* ================================================================================
蜈ｱ騾壹�繧ｿ繝ｳ
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
/* 繝ｪ繝ｳ繧ｯ
----------------------------------------------- */
.link_common {
}
.link_common2 {
margin-top: 20px;
}
.link_common ul {
font-size: 0;
letter-spacing: -0.4em;
text-align: center;
}
.link_common ul li {
display: inline-block;
font-size: 22px;
letter-spacing: 0;
}
.link_common ul li:not(:first-child) {
margin-left: 20px;
}
.link_common ul li a {
position: relative;
display: block;
width: 320px;
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
color: #ffffff;
letter-spacing: 0.05em;
text-indent: 0.05em;
line-height: 1.3;
padding: 0.8em 0 0.9em;
}
.link_common ul li a::after {
position: absolute;
content: "";
display: block;
background: url(../img/arrow.png) center top / contain no-repeat;
width: 18px;
height: 18px;
top: 50%;
margin-top: -9px;
right: 10px;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
/* 繝ｪ繝ｳ繧ｯ
----------------------------------------------- */
.link_common {
}
.link_common2 {
margin-top: 2vw;
}
.link_common ul {
text-align: center;
}
.link_common ul li {
display: block;
font-size: 4vw;
}
.link_common ul li:not(:first-child) {
margin-top: 2vw;
}
.link_common ul li a {
position: relative;
display: block;
width: 80vw;
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
color: #ffffff;
font-size: 4vw;
font-weight: 600;
letter-spacing: 0.05em;
text-indent: 0.05em;
line-height: 1.3;
padding: 0.8em 0 0.9em;
margin-left: auto;
margin-right: auto;
}
.link_common ul li a::after {
position: absolute;
content: "";
display: block;
background: url(../img/arrow.png) center top / contain no-repeat;
width: 5vw;
height: 5vw;
top: 50%;
margin-top: -2.5vw;
right: 3vw;
}
}
/* 笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��
縺薙％縺九ｉ蜷�崋螳壹�繝ｼ繧ｸ
笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘��笘�� */
/* ================================================================================
螳溽ｸｾ邏ｹ莉矩Κ蛻�
================================================================================ */
/* 繧ｫ繝�ざ繝ｪ繧｢繧､繧ｳ繝ｳ濶ｲ */
.works_icon span {
background-color: #222222;
color: #ffffff;
}
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
.works_wrap {
position: relative;
width: 1000px;
margin:0 auto;
}
.works_wrap ul {
font-size: 0;
text-align: center;
}
.works_wrap > ul > li {
position: relative;
display: inline-block;
vertical-align: top;
text-align: left;
width: 320px;
margin-left: 20px;
font-size: 16px;
}
.works_wrap > ul > li:nth-of-type(3n+1) {
margin-left: 0;
}
/* 繧ｫ繝�ざ繝ｪ繧｢繧､繧ｳ繝ｳ */
.works_icon {
position: absolute;
top: 16px;
left: 0px;
z-index: 1;
}
.works_icon span,
.works_icon a {
position: relative;
display: inline-block;
padding: 0 0.5em 0.1em;
}
/* 繧ｵ繝�繝阪う繝ｫ逕ｻ蜒� */
.works_thumb img {
width: 100%;
height: 213px;
object-fit: cover;
font-family: 'object-fit: cover;'; /* IE蟇ｾ遲� */
}
/* 謚慕ｨｿ險倅ｺ玖ｦ句�縺� */
.works_title a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
padding: 0.3em 0.5em;
font-size: 18px;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
.works_wrap {
position: relative;
margin: 0 auto;
}
.works_wrap > ul {
}
.works_wrap > ul > li {
position: relative;
padding: 0;
}
.works_wrap > ul > li:not(:first-child) {
margin-top: 6vw;
}
.works_wrap > ul > li > a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
border: 1px solid #cccccc;
}
/* 繧ｫ繝�ざ繝ｪ繧｢繧､繧ｳ繝ｳ */
.works_icon {
position: absolute;
top: 4vw;
left: 0px;
z-index: 1;
}
.works_icon span,
.works_icon a {
display: inline-block;
padding: 0 0.5em 0.1em;
}
/* 繧ｵ繝�繝阪う繝ｫ逕ｻ蜒� */
.works_thumb img {
max-width: 100%;
width: 100%;
height: 62vw;
object-fit: cover;
font-family: 'object-fit: cover;';
}
/* 謚慕ｨｿ險倅ｺ玖ｦ句�縺� */
.works_title a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
padding: 0.3em 0.5em;
font-size: 4vw;
}
}
/* ================================================================================
繧ｬ繧ｽ繝ｪ繝ｳ繧ｹ繧ｿ繝ｳ繝�
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
.cam_box {
background-color: #ffffff;
color: #000000;
padding: 60px;
text-align: center;
}
.cam_box_h3 h3 {
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
-webkit-background-clip: text;
color: transparent;
font-size: 30px;
font-weight: 900;
letter-spacing: 0.05em;
line-height: 1.4 !important;
text-indent: 0.05em;
padding-bottom: 1px;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
.cam_box {
background-color: #ffffff;
color: #000000;
padding: 8vw 6vw;
text-align: center;
}
.cam_box_h3 h3 {
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
-webkit-background-clip: text;
color: transparent;
font-size: 5vw;
font-weight: 900;
letter-spacing: 0.05em;
line-height: 1.4 !important;
text-indent: 0.05em;
padding-bottom: 1px;
text-align: center;
}
}
/* ================================================================================
轣ｯ豐ｹ繝ｻ霆ｽ豐ｹ驟埼＃
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
}
/* ================================================================================
LP繧ｬ繧ｹ雋ｩ螢ｲ
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
/* 繝ｪ繝ｳ繧ｯ
----------------------------------------------- */
.link_lp ul {
font-size: 0;
letter-spacing: -0.4em;
text-align: center;
}
.link_lp ul li {
display: inline-block;
font-size: 20px;
letter-spacing: 0;
}
.link_lp ul li a {
position: relative;
display: block;
width: 1000px;
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
color: #ffffff;
letter-spacing: 0.05em;
text-indent: 0.05em;
line-height: 1.3;
padding: 0.8em 0 0.9em;
font-weight: 900;
}
.link_lp ul li a::after {
position: absolute;
content: "";
display: block;
background: url(../img/arrow.png) center top / contain no-repeat;
width: 18px;
height: 18px;
top: 50%;
margin-top: -9px;
right: 10px;
}
.lp_text {
font-size: 16px;
text-align: left;
font-weight: 700;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
/* 繝ｪ繝ｳ繧ｯ
----------------------------------------------- */
.link_lp ul {
text-align: center;
}
.link_lp ul li {
display: block;
font-size: 4vw;
}
.link_lp ul li:not(:first-child) {
margin-top: 2vw;
}
.link_lp ul li a {
position: relative;
display: block;
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
color: #ffffff;
font-size: 3.7vw;
font-weight: 600;
letter-spacing: 0.05em;
text-indent: 0.05em;
line-height: 1.3;
padding: 1em 0 1.1em;
margin-left: auto;
margin-right: auto;
}
.link_lp ul li a::after {
position: absolute;
content: "";
display: block;
background: url(../img/arrow.png) center top / contain no-repeat;
width: 5vw;
height: 5vw;
top: 50%;
margin-top: -2.5vw;
right: 3vw;
}
.lp_text {
text-align: left;
font-weight: 700;
}
}
/* ================================================================================
繧ｬ繧ｹ讖溷勣繝ｻ逵√お繝肴ｩ溷勣雋ｩ螢ｲ
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
.gas_flow {
background-color: #ffffff;
padding: 60px;
text-align: center;
}
.gas_flow_h3 h3 {
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
-webkit-background-clip: text;
color: transparent;
font-size: 30px;
font-weight: 900;
letter-spacing: 0.05em;
text-indent: 0.05em;
padding-bottom: 1px;
}
.gas_flow_text {
color: #000000;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
.gas_flow {
background-color: #ffffff;
padding: 8vw 6vw;
}
.gas_flow_h3 h3 {
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
-webkit-background-clip: text;
color: transparent;
font-size: 5vw;
font-weight: 900;
letter-spacing: 0.05em;
text-indent: 0.05em;
padding-bottom: 1px;
text-align: center;
}
.gas_flow_text {
color: #000000;
}
}
/* ================================================================================
YSP豐ｼ豢･縺ｫ縺､縺�※
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
.y_point {
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
text-align: center;
border-radius: 20px;
color: #ffffff;
font-size: 28px;
padding: 30px 20px;
font-weight: 700;
min-height: 140px;
line-height: 1.4;
}
.y_point01 {
margin-right: 20px;
}
.y_point02 {
margin: 0 10px;
}
.y_point03 {
margin-left: 20px;
}
.p01:before {
content: '01';
position: absolute;
color: #a6d6ff;
font-weight: 900;
text-align: center;
font-size: 50px;
left: 0;
margin-left: 30px;
top: -38px;
}
.p02:before {
content: '02';
position: absolute;
color: #a6d6ff;
font-weight: 900;
text-align: center;
font-size: 50px;
left: 0;
margin-left: 30px;
top: -38px;
}
.p03:before {
content: '03';
position: absolute;
color: #a6d6ff;
font-weight: 900;
text-align: center;
font-size: 50px;
left: 0;
margin-left: 30px;
top: -38px;
}
.ysp_h3 h3 {
font-size: 35px;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
background-clip: border-box;
-webkit-background-clip: text;
color: transparent;
font-weight: 900;
text-align: center;
padding-bottom: 1px;
}
.y_point .text{
text-align: left;
font-size: 16px;
font-weight: 400;
line-height: 1.7;
letter-spacing: 0;
}
.ysp_text {
text-align: center;
}
.ysp_sns a {
font-size: 25px;
color: #ffffff;
}
.y_a_box a {
color: #ffffff;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
.y_point {
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
text-align: center;
border-radius: 4vw;
color: #ffffff;
font-size: 6vw;
padding: 6vw;
font-weight: 700;
min-height: 27vw;
line-height: 1.4;
}
.y_point02,
.y_point03 {
margin-top: 6vw;
}
.p01:before {
content: '01';
position: absolute;
color: #a6d6ff;
font-weight: 900;
text-align: center;
font-size: 10vw;
left: 0;
margin-left: 4vw;
top: -6.5vw;
}
.p02:before {
content: '02';
position: absolute;
color: #a6d6ff;
font-weight: 900;
text-align: center;
font-size: 10vw;
left: 0;
margin-left: 4vw;
top: -6.5vw;
}
.p03:before {
content: '03';
position: absolute;
color: #a6d6ff;
font-weight: 900;
text-align: center;
font-size: 10vw;
left: 0;
margin-left: 4vw;
top: -6.5vw;
}
.ysp_h3 h3 {
font-size: 6vw;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
background-clip: border-box;
-webkit-background-clip: text;
color: transparent;
font-weight: 900;
text-align: center;
padding-bottom: 1px;
line-height: 1.4;
}
.y_point .text{
text-align: left;
font-size: 3.5vw;
font-weight: 400;
line-height: 1.7;
letter-spacing: 0;
}
.ysp_text {
text-align: center;
}
.ysp_sns a {
font-size: 25px;
color: #ffffff;
}
.y_a_box a {
color: #ffffff;
}
}
/* ================================================================================
Q&A
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
/* 繝ｪ繝ｳ繧ｯ
----------------------------------------------- */
.link_qa {
}
.link_qa ul {
font-size: 0;
letter-spacing: -0.4em;
text-align: center;
}
.link_qa ul li {
display: inline-block;
font-size: 20px;
letter-spacing: 0;
}
.link_qa ul li:nth-child(odd) {
margin-right: 20px;
}
.link_qa ul li:nth-of-type(3),
.link_qa ul li:nth-of-type(4) {
margin-top: 20px;
}
.link_qa ul li a {
position: relative;
display: block;
width: 490px;
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
color: #ffffff;
letter-spacing: 0.05em;
text-indent: 0.05em;
line-height: 1.3;
padding: 0.8em 0 0.9em;
}
.link_qa ul li a::after {
position: absolute;
content: "";
display: block;
background: url(../img/arrow.png) center top / contain no-repeat;
width: 18px;
height: 18px;
top: 50%;
margin-top: -9px;
right: 10px;
}
/* 雉ｪ蝠�
----------------------------------------------- */
.qa_tab .elementor-toggle .elementor-tab-title {
position: relative;
font-size: 20px;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
color: #ffffff;
padding: 25px 30px 25px 67px;
font-weight: 700;
}
.qa_tab .elementor-toggle .elementor-tab-title a:hover {
opacity: 1;
}
.qa_tab .elementor-toggle .elementor-tab-title::before {
position: absolute;
content: "Q.";
display: block;
left: 30px;
top: 21px;
font-size: 25px;
font-weight: bold;
}
/* 蝗樒ｭ�
----------------------------------------------- */
.qa_tab .elementor-toggle .elementor-tab-content {
position: relative;
font-size: 20px;
padding: 20px 30px 20px 67px;
border-bottom: none;
}
.qa_tab .elementor-toggle .elementor-tab-content p {
position: relative;
}
.qa_tab .elementor-toggle .elementor-tab-content p:first-of-type::before {
position: absolute;
content: "A.";
display: block;
left: -33px;
top: -5px;
font-size: 25px;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
background-clip: border-box;
-webkit-background-clip: text;
color: transparent;
font-weight: 900;
letter-spacing: 0.05em;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
/* 繝ｪ繝ｳ繧ｯ
----------------------------------------------- */
.link_qa ul {
text-align: center;
}
.link_qa ul li {
display: block;
font-size: 4vw;
}
.link_qa ul li:not(:first-child) {
margin-top: 2vw;
}
.link_qa ul li a {
position: relative;
display: block;
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
color: #ffffff;
font-size: 3.7vw;
font-weight: 600;
letter-spacing: 0.05em;
text-indent: 0.05em;
line-height: 1.3;
padding: 1em 0 1.1em;
margin-left: auto;
margin-right: auto;
}
.link_qa ul li a::after {
position: absolute;
content: "";
display: block;
background: url(../img/arrow.png) center top / contain no-repeat;
width: 5vw;
height: 5vw;
top: 50%;
margin-top: -2.5vw;
right: 3vw;
}
/* 雉ｪ蝠�
----------------------------------------------- */
.qa_tab .elementor-toggle .elementor-tab-title {
position: relative;
font-size: 4vw;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
color: #ffffff;
padding: 5vw 4vw 5vw 10vw;
font-weight: 700;
line-height: 1.4;
}
.qa_tab .elementor-toggle .elementor-tab-title a:hover {
opacity: 1;
}
.qa_tab .elementor-toggle .elementor-tab-title::before {
position: absolute;
content: "Q.";
display: block;
left: 3vw;
top: 4.3vw;
font-size: 5vw;
font-weight: bold;
}
/* 蝗樒ｭ�
----------------------------------------------- */
.qa_tab .elementor-toggle .elementor-tab-content {
position: relative;
font-size: 4vw;
padding: 5vw 4vw 5vw 10vw;
border-bottom: none;
}
.qa_tab .elementor-toggle .elementor-tab-content p {
position: relative;
}
.qa_tab .elementor-toggle .elementor-tab-content p:first-of-type::before {
position: absolute;
content: "A.";
display: block;
left: -6.9vw;
top: -1vw;
font-size: 5vw;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
background-clip: border-box;
-webkit-background-clip: text;
color: transparent;
font-weight: 900;
letter-spacing: 0.05em;
}
}
/* ================================================================================
謗｡逕ｨ諠��ｱ
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
.recruit_h2 h2 {
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
background-clip: border-box;
-webkit-background-clip: text;
color: transparent;
font-weight: 900;
letter-spacing: 0.05em;
text-indent: 0.05em;
font-size: 54px;
text-align: center;
line-height: 1.4;
}
.recruit_text {
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
background-clip: border-box;
-webkit-background-clip: text;
color: transparent;
font-weight: 700;
letter-spacing: 0.05em;
text-indent: 0.05em;
font-size: 25px;
text-align: center;
line-height: 1.4;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
.recruit_h2 h2 {
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
background-clip: border-box;
-webkit-background-clip: text;
color: transparent;
font-weight: 900;
letter-spacing: 0.05em;
text-indent: 0.05em;
font-size: 6vw;
text-align: center;
line-height: 1.4;
}
.recruit_text {
background: #0086ff;
background: linear-gradient( to right, #0086ff 0%, #60acf0 100% );
background-clip: border-box;
-webkit-background-clip: text;
color: transparent;
font-weight: 700;
letter-spacing: 0.05em;
text-indent: 0.05em;
font-size: 4vw;
text-align: center;
line-height: 1.4;
}
}
/* ================================================================================
繧｢繧ｯ繧ｻ繧ｹ繝壹�繧ｸ
================================================================================ */
.map_box a {
width: 100%;
height: 450px;
display: block;
z-index: 1;
position: absolute;
}
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
}
/* ================================================================================
縺雁撫縺�粋繧上○
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
.row_contact {
background-color: #52adff;
padding: 60px 0;
}
/* 隕句�縺� */
.title02 {
text-align: center;
}
.title02 h2 {
font-size: 40px;
font-weight: 600;
letter-spacing: 0.05em;
text-indent: 0.05em;
color: #ffffff;
}
/* 隕句�縺嶺ｸ九ユ繧ｭ繧ｹ繝� */
.row_contact .text {
text-align: center;
font-size: 18px;
color: #ffffff;
margin-top: 40px;
}
/* 逋ｽ縺��繝�け繧ｹ */
.row_contact_in {
background-color: #ffffff;
padding: 30px 0;
margin-top: 40px;
}
.row_contact_in .left {
width: 50% !important;
}
.row_contact_in .right {
width: 50% !important;
padding: 0 80px 0 40px;
}
/* TEL */
.tel_box {
text-align: center;
}
.tel_box_a {
}
.tel_box_a a {
pointer-events: none;
color: #0086ff;
font-size: 50px;
font-weight: 600;
line-height: 1;
}
.tel_box_a a span {
font-size: 0.5em;
}
.tel_box p {
margin-top: 0.5em;
font-size: 18px;
}
/* 縺雁撫縺�粋繧上○ */
.row_contact_in .right .link_common ul li {
width: 100%;
}
.row_contact_in .right .link_common ul li a {
width: 100%;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
.row_contact {
background-color: #52adff;
padding: 16vw 4vw;
}
/* 隕句�縺� */
.title02 {
text-align: center;
}
.title02 h2 {
font-size: 6.875vw;
font-weight: 600;
letter-spacing: 0.05em;
text-indent: 0.05em;
line-height: 1.4 !important;
color: #ffffff;
}
/* 隕句�縺嶺ｸ九ユ繧ｭ繧ｹ繝� */
.row_contact .text {
text-align: center;
font-size: 3.5vw;
color: #ffffff;
margin-top: 6vw;
}
/* 逋ｽ縺��繝�け繧ｹ */
.row_contact_in {
background-color: #ffffff;
padding: 4vw;
margin-top: 6vw;
}
.row_contact_in .left {
}
.row_contact_in .right {
margin-top: 3vw;
}
/* TEL */
.tel_box {
text-align: center;
}
.tel_box_a {
}
.tel_box_a a {
color: #0086ff;
font-size: 6.875vw;
font-weight: 600;
line-height: 1;
}
.tel_box_a a span {
font-size: 0.5em;
}
.tel_box p {
margin-top: 0.5em;
font-size: 3.5vw;
}
/* 縺雁撫縺�粋繧上○ */
.row_contact_in .right .link_common {
margin-top: 0;
}
.row_contact_in .right .link_common ul li {
width: 100%;
}
.row_contact_in .right .link_common ul li a {
width: 100%;
}
}