@charset "UTF-8";
/* ----------------------------------------------------------------
* reset
* base
* header
* modal
* hero
* self_analysis
* tool
* start_analysis
* method
* faq
* article
* sns
* top_btn
* footer
---------------------------------------------------------------- */
/* ----------------------------------------------------------------
* reset
---------------------------------------------------------------- */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
margin:0;
padding:0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size:100%;
font-weight:normal;
}

ol,
ul {
list-style:none;
}

button,
input,
select,
textarea {
margin:0;
}

html {
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

*,
*:before,
*:after {
-webkit-box-sizing:inherit;
box-sizing:inherit;
}
/* ----------------------------------------------------------------
* base
---------------------------------------------------------------- */
body {
overflow-y:scroll;
width:100%;
color:#222;
font-family:Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
font-size:100%;
font-weight:400;
line-height:1;
text-size-adjust:100%;
-webkit-text-size-adjust:100%;

-moz-text-size-adjust:100%;
-ms-text-size-adjust:100%;
-webkit-print-color-adjust:exact;
-webkit-font-smoothing:antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight:700;
}

a {
color:#0087e6;
text-decoration:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
a img {
border:0;
}
img {
vertical-align:top;
}
#smp.is_hidden {
display:none;
}
#pc.is_hidden {
display:none;
}
/* ----------------------------------------------------------------
* header
---------------------------------------------------------------- */
.smp_header {
height:49px;
border-bottom:1px solid #0068b7;
}
.smp_header img {
margin:8px 0 0 10px;
}
.smp_main {
text-align:center;
}
.pc_header {
height:75px;
border-bottom:1px solid #0068b7;
}
.pc_header_inner {
width:980px;
margin-right:auto;
margin-left:auto;
}
.pc_header_inner img {
margin-top:16px;
}
.pc_main {
text-align:center;
}
/* ----------------------------------------------------------------
* modal
---------------------------------------------------------------- */
.smp_modal {
display:none;
position:fixed;
z-index:1;
top:0;
right:0;
bottom:0;
left:0;
background-color:rgba(0, 0, 0, 0.7);
}
.smp_modal_inner {
position:fixed;
z-index:2;
top:50%;
left:50%;
width:345px;
height:406px;
background-color:#fff;
text-align:center;
transform:translate(-50%, -50%);
}
.smp_modal_close {
position:relative;
float:right;
float:right;
width:30px;
height:30px;
background-color:#aaa;
}
.smp_modal_close::before,
.smp_modal_close::after {
position:absolute;
top:15px;
right:-6px;
width:20px;
height:1px;
background-color:#fff;
content:"";
}
.smp_modal_close::before {
transform:translate(-50%,-50%) rotate(45deg);
}
.smp_modal_close::after {
transform:translate(-50%,-50%) rotate(-45deg);
}
.smp_modal_title {
padding:40px 0 16px;
font-size:16px;
font-weight:bold;
text-align:center;
}
.smp_modal_step {
display:block;
margin:0 auto 14px;
}
.smp_modal_text {
margin-bottom:3px;
padding-left:8px;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:1.3;
}
.smp_modal_notes {
font-size:10px;
line-height:1.4;
}
.smp_modal_notes span {
font-weight:bold;
}
.smp_modal_content {
display:flex;
justify-content:center;
}
.smp_modal_content_inner {
margin:11px 7px;
}
.smp_modal_content_inner_text {
position:relative;
margin-bottom:5px;
padding-left:15px;
font-size:12px;
}
.smp_modal_content_inner_text::before {
display:inline-block;
position:absolute;
top:2px;
margin-left:-15px;
border-width:8px 6px 0 6px;
border-style:solid;
border-color:#aaa transparent transparent transparent;
content:"";
}
.smp_modal_btn_regist {
display:flex;
justify-content:center;
-webkit-justify-content:center;
align-items:center;
box-sizing:border-box;
width:150px;
height:46px;
margin-bottom:10px;
border:2px solid #ff9422;
border-radius:4px;
background:#ff9422;
box-shadow:0 1px 2px 0 rgb(0 0 0 / 30%);
color:#fff;
font-size:14px;
text-align:center;
line-height:1;

-ms-justify-content:center;
}
.smp_modal_btn_login {
display:flex;
justify-content:center;
-webkit-justify-content:center;
align-items:center;
box-sizing:border-box;
width:150px;
height:46px;
border:2px solid #0087e6;
border-radius:4px;
background-color:#fff;
box-shadow:0 1px 2px 0 rgb(0 0 0 / 30%);
color:#0087e6;
font-size:14px;
text-align:center;
line-height:1;

-ms-justify-content:center;
}
.pc_modal {
display:none;
position:fixed;
z-index:1;
top:0;
right:0;
bottom:0;
left:0;
background-color:rgba(0, 0, 0, 0.7);
}
.pc_modal_background_fixed {
position:fixed;
width:100%;
}
.pc_modal_inner {
position:fixed;
z-index:2;
top:50%;
left:50%;
width:600px;
height:580px;
background-color:#fff;
text-align:center;
transform:translate(-50%, -50%);
}
.pc_modal_close {
position:relative;
float:right;
width:40px;
height:40px;
background-color:#aaa;
cursor:pointer;
}
.pc_modal_close::before,
.pc_modal_close::after {
position:absolute;
top:19px;
right:-7px;
width:27px;
height:1px;
background-color:#fff;
content:"";
}
.pc_modal_close::before {
transform:translate(-50%,-50%) rotate(45deg);
}
.pc_modal_close::after {
transform:translate(-50%,-50%) rotate(-45deg);
}
.pc_modal_close:hover {
background-color:#ccc;
}
.pc_modal_title {
padding:62px 0 26px;
font-size:24px;
font-weight:bold;
text-align:center;
}
.pc_modal_step {
display:block;
margin:0 auto 18px;
}
.pc_modal_text {
margin-bottom:5px;
padding-left:10px;
font-size:18px;
font-weight:bold;
text-align:center;
line-height:1.4;
}
.pc_modal_notes {
margin-bottom:19px;
font-size:14px;
line-height:1.4;
}
.pc_modal_notes span {
font-weight:bold;
}
.pc_modal_content {
display:flex;
justify-content:space-around;
padding:0 40px 0;
}
.pc_modal_content_inner_text {
position:relative;
margin-bottom:7px;
padding-left:15px;
font-size:14px;
}
.pc_modal_content_inner_text::before {
display:inline-block;
position:absolute;
top:2px;
margin-left:-15px;
border-width:8px 6px 0 6px;
border-style:solid;
border-color:#aaa transparent transparent transparent;
content:"";
}
.pc_modal_btn_regist {
display:flex;
justify-content:center;
-webkit-justify-content:center;
align-items:center;
box-sizing:border-box;
width:241px;
height:55px;
margin-bottom:11px;
padding-top:2px;
border-radius:4px;
background:#ff9422;
box-shadow:0 1px 2px 0 rgb(0 0 0 / 30%);
color:#fff;
font-size:18px;
text-align:center;
line-height:1.2;

-ms-justify-content:center;
}
.pc_modal_btn_regist:hover {
background:#ffbf7a;
}
.pc_modal_btn_login {
display:flex;
justify-content:center;
-webkit-justify-content:center;
align-items:center;
box-sizing:border-box;
width:241px;
height:55px;
padding-top:2px;
border:solid 3px;
border:4px solid #0087e6;
border-radius:4px;
background-color:#fff;
box-shadow:0 1px 2px 0 rgb(0 0 0 / 30%);
color:#0087e6;
font-size:18px;
text-align:center;
line-height:1.2;

-ms-justify-content:center;
}
.pc_modal_btn_login:hover {
background:#0087e6;
color:#fff;
}
/* ----------------------------------------------------------------
* hero
---------------------------------------------------------------- */
.smp_hero {
padding:15px 0 30px;
background:#e9f2f8 url("/media/jikobunseki-tool/img/smp_mv.png") no-repeat center / 400px 566px;
}
.smp_hero_catch {
position:relative;
margin-bottom:7px;
}
.smp_hero_catch_text {
position:absolute;
top:15px;
left:50%;
width:100%;
color:#fff;
font-size:12px;
font-weight:bold;
transform:translate(-50%, -50%);
}
.smp_hero_logo {
margin-bottom:17px;
}
.smp_hero_cards {
display:flex;
justify-content:center;
flex-wrap:wrap;
margin-bottom:20px;
font-size:0;
}
.smp_hero_cards img {
margin:3px 5px 6px;
}
.smp_start_analysis_btn {
display:flex;
justify-content:center;
align-items:center;
position:relative;
width:330px;
height:55px;
margin:0 auto;
padding-top:2px;
border-radius:46px;
background:#ff9422;
box-shadow:0 1px 1px rgb(0 0 0 / 30%);
color:#fff;
font-size:16px;
font-weight:bold;
line-height:1;
cursor:pointer;
}
.smp_start_analysis_btn::after {
position:absolute;
top:19px;
right:20px;
width:10px;
height:16px;
background:url("/media/jikobunseki-tool/img/smp_icon_arrow.png") no-repeat left top / 100%;
content:"";
}
.pc_hero {
min-width:980px;
height:716px;
padding:50px 0 36px;
background:#e9f2f8 url("/media/jikobunseki-tool/img/pc_mv.png") no-repeat center;
}
.pc_hero_catch {
position:relative;
min-width:980px;
height:43px;
margin-bottom:28px;
}
.pc_hero_catch_text {
position:absolute;
top:50%;
left:50%;
min-width:720px;
color:#fff;
font-size:25px;
font-weight:bold;
transform:translate(-50%, -50%);
}
.pc_hero_logo {
margin-bottom:27px;
}
.pc_hero_cards {
min-width:1020px;
margin-bottom:30px;
margin-left:10px;
font-size:0;
}
.pc_hero_cards img {
margin-right:10px;
}
.pc_hero_cards img:nth-child(5) {
margin-right:0;
}
.pc_start_analysis_btn {
display:flex;
justify-content:center;
align-items:center;
position:relative;
width:480px;
height:62px;
margin:0 auto;
padding-top:2px;
border-radius:46px;
background:#ff9422;
box-shadow:0 1px 1px rgb(0 0 0 / 30%);
color:#fff;
font-size:21px;
font-weight:bold;
line-height:1;
cursor:pointer;
}
.pc_start_analysis_btn:hover {
background:#ffbf7a;
}
.pc_start_analysis_btn::after {
position:absolute;
top:20px;
right:31px;
width:12px;
height:21px;
background:url("/media/jikobunseki-tool/img/pc_icon_arrow.png") no-repeat left top / 100%;
content:"";
}
/* ----------------------------------------------------------------
* self_analysis
---------------------------------------------------------------- */
.smp_self_analysis {
padding:42px 0 40px;
background-color:#0068b7;
}
.smp_self_analysis_title {
position:relative;
margin-bottom:20px;
color:#fff;
font-size:20px;
line-height:0.9;
}
.smp_self_analysis_title img {
margin:-2px 3px 0 5px;
}
.smp_title_accent {
margin-left:-8px;
color:#fff100;
}
.smp_self_analysis_desc {
margin:0 20px;
padding-bottom:28px;
border-radius:6px;
background-color:#fff;
}
.smp_self_analysis_text {
margin:0 auto;
padding:25px 20px 13px;
font-size:13px;
text-align:left;
line-height:1.9;
}
.smp_self_analysis_Link {
margin-left:7px;
color:#0068b7;
font-size:14px;
font-weight:bold;
cursor:pointer;
}
.smp_self_analysis_Link img {
margin-right:-2px;
}
.pc_self_analysis {
min-width:980px;
height:493px;
padding:62px 0 0;
background-color:#0068b7;
}
.pc_self_analysis_title {
margin-bottom:35px;
color:#fff;
font-size:34px;
font-weight:bold;
}
.pc_self_analysis_title img {
margin:2px 0 0 10px;
}
.pc_title_accent {
color:#fff100;
}
.pc_self_analysis_desc {
width:850px;
margin:0 auto;
padding-bottom:48px;
border-radius:8px;
background-color:#fff;
}
.pc_self_analysis_text {
margin:0 auto;
padding:45px 0 32px;
font-size:18px;
line-height:1.78;
}
.pc_self_analysis_Link {
color:#0068b7;
font-size:16px;
font-weight:bold;
cursor:pointer;
}
.pc_self_analysis_desc a:hover {
text-decoration:underline;
}
/* ----------------------------------------------------------------
* tool
---------------------------------------------------------------- */
.smp_tool {
padding:42px 10px 16px;
background-color:#e9f2f8;
}
.smp_content_tool_title {
position:relative;
padding-left:24px;
color:#0068b7;
font-size:20px;
font-weight:bold;
}
.smp_content_tool_title img {
margin:-2px -4px 0 -24px;
}
.smp_tool_text {
margin:9px 0 25px;
font-size:13px;
line-height:1.5;
}
.smp_tool_list_content {
position:relative;
margin:0 auto 20px;
padding-bottom:30px;
background-color:#fff;
}
.smp_tool_list_content::before,
.smp_tool_list_content::after {
display:inline-block;
position:absolute;
width:36px;
height:36px;
content:"";
}
.smp_tool_list_content::before {
top:0;
left:0;
border-top:solid 3px #0068b7;
border-left:solid 3px #0068b7;
}
.smp_tool_list_content::after {
right:0;
bottom:0;
border-right:solid 3px #0068b7;
border-bottom:solid 3px #0068b7;
}
.smp_tool_list_content_number {
margin:24px 0 13px;
}
.smp_tool_list_content_heading {
color:#0068b7;
font-size:23px;
font-weight:bold;
}
.smp_tool_list_content:nth-child(3) .smp_tool_cta_btn_area {
margin-bottom:0;
}
.smp_tool_list_body {
margin-bottom:18px;
}
.smp_tool_list_body_wrap {
padding:19px 14px 1px;
text-align:left;
}
.smp_tool_list_body_wrap_inner {
margin-bottom:13px;
}
.smp_tool_list_catch {
margin-bottom:5px;
color:#0068b7;
font-size:16px;
font-weight:bold;
line-height:1.4;
}
.smp_tool_list_text {
font-size:12px;
line-height:1.59;
}
.smp_tool_cta_area_text {
display:inline-block;
position:relative;
margin:0 0.3em 10px;
padding:0 1em;
color:#0068b7;
font-size:12px;
text-align:center;
line-height:1.4;
word-break:break-all;
}
.smp_tool_cta_area_text::before,
.smp_tool_cta_area_text::after {
display:inline-block;
position:absolute;
top:calc(50% - 0.5em);
width:1px;
height:1em;
background-color:#0068b7;
background-repeat:no-repeat;
background-position:0 0;
content:"";
}
.smp_tool_cta_area_text::before {
left:0;
transform:rotate(-36deg);
}
.smp_tool_cta_area_text::after {
right:0;
transform:rotate(36deg);
}
.smp_tool_cta_btn_area {
display:flex;
justify-content:center;
margin-bottom:10px;
}
.smp_tool_cta_btn {
display:block;
width:159px;
height:46px;
margin:0 5px;
padding-top:9px;
border-radius:4px;
background:#ff9422;
box-shadow:0 2px 4px rgb(0 0 0 / 30%);
color:#fff;
font-size:14px;
text-align:center;
cursor:pointer;
}
.smp_tool_cta_btn:hover {
background:#ffbf7a;
}
.smp_tool_cta_btn_disabled {
background:#aaa;
pointer-events:none;
}
.smp_tool_cta_btn_text {
font-size:10px;
}
.pc_tool {
min-width:980px;
padding:72px 0 20px;
background:#e9f2f8 url("/media/jikobunseki-tool/img/pc_tool_bg.png") no-repeat center;
}
.pc_content_title {
color:#0068b7;
font-size:34px;
font-weight:bold;
}
.pc_content_title img {
margin-top:2px;
}
.pc_tool_text {
margin:16px 0 48px;
padding-left:10px;
}
.pc_tool_list_content {
position:relative;
width:980px;
margin:0 auto 50px;
padding-bottom:60px;
background-color:#fff;
}
.pc_tool_list_content::before,
.pc_tool_list_content::after {
display:inline-block;
position:absolute;
width:100px;
height:100px;
content:"";
}
.pc_tool_list_content::before {
top:0;
left:0;
border-top:solid 8px #0068b7;
border-left:solid 8px #0068b7;
}
.pc_tool_list_content::after {
right:0;
bottom:0;
border-right:solid 8px #0068b7;
border-bottom:solid 8px #0068b7;
}
.pc_tool_list_content:nth-child(3) .pc_tool_cta_btn_area {
margin-bottom:0;
}
.pc_tool_list_content_number {
margin:39px 0 22px;
}
.pc_tool_list_content_heading {
margin-bottom:42px;
color:#0068b7;
font-size:40px;
font-weight:bold;
}
.pc_tool_list_body {
display:flex;
margin-bottom:26px;
}
.pc_tool_list_body_left {
width:440px;
margin-left:70px;
text-align:left;
}
.pc_tool_list_body_left_inner:first-child {
margin-bottom:31px;
}
.pc_tool_list_body img {
margin:3px 0 0  40px;
}
.pc_tool_list_catch {
margin-bottom:8px;
color:#0068b7;
font-size:20px;
font-weight:bold;
line-height:1.4;
}
.pc_tool_list_text {
line-height:1.63;
}
.pc_tool_cta_area_text {
display:inline-block;
position:relative;
margin:0 0.3em 10px;
padding:0 1em;
color:#0068b7;
text-align:center;
line-height:1.4;
word-break:break-all;
}
.pc_tool_cta_area_text::before,
.pc_tool_cta_area_text::after {
display:inline-block;
position:absolute;
width:1px;
height:24px;
background-color:#0068b7;
background-repeat:no-repeat;
background-position:0 0;
content:"";
}
.pc_tool_cta_area_text::before {
left:0;
transform:rotate(-36deg);
}
.pc_tool_cta_area_text::after {
right:0;
transform:rotate(36deg);
}
.pc_tool_cta_btn_area {
display:flex;
justify-content:center;
margin-bottom:20px;
}
.pc_tool_cta_btn {
display:block;
width:320px;
height:56px;
margin:0 15px;
padding-top:20px;
border-radius:4px;
background:#ff9422;
box-shadow:0 2px 4px rgb(0 0 0 / 30%);
color:#fff;
font-size:18px;
text-align:center;
cursor:pointer;
}
.pc_tool_cta_btn:hover {
background:#ffbf7a;
}
.pc_tool_cta_btn_disabled {
background:#aaa;
pointer-events:none;
}
.pc_tool_cta_btn_text {
font-size:10px;
}
/* ----------------------------------------------------------------
* start_analysis
---------------------------------------------------------------- */
.smp_start_analysis_area {
padding:34px 0 36px;
background-color:#0068b7;
}
.smp_start_analysis_text {
display:inline-block;
position:relative;
margin-bottom:10px;
padding:0 0.4em;
color:#fff;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:1.4;
word-break:break-all;
}
.smp_start_analysis_text::before,
.smp_start_analysis_text::after {
display:inline-block;
position:absolute;
top:calc(50% - 0.5em);
width:1px;
height:1.4em;
background-color:#fff;
background-repeat:no-repeat;
background-position:0 0;
content:"";
}
.smp_start_analysis_text::before {
left:0;
transform:rotate(-36deg);
}
.smp_start_analysis_text::after {
right:0;
transform:rotate(36deg);
}
.pc_start_analysis_area {
min-width:980px;
height:222px;
padding-top:58px;
background-color:#0068b7;
}
.pc_start_analysis_text {
display:inline-block;
position:relative;
margin:0 0.3em 14px;
padding:0 0.6em;
color:#fff;
font-size:20px;
font-weight:bold;
text-align:center;
line-height:1.4;
word-break:break-all;
}
.pc_start_analysis_text::before,
.pc_start_analysis_text::after {
display:inline-block;
position:absolute;
top:calc(50% - 0.5em);
width:2px;
height:1.4em;
background-color:#fff;
background-repeat:no-repeat;
background-position:0 0;
content:"";
}
.pc_start_analysis_text::before {
left:0;
transform:rotate(-36deg);
}
.pc_start_analysis_text::after {
right:0;
transform:rotate(36deg);
}
/* ----------------------------------------------------------------
* method
---------------------------------------------------------------- */
.smp_method {
padding:35px 0 10px;
}
.smp_content_title {
margin-bottom:24px;
color:#0068b7;
font-size:20px;
font-weight:bold;
}
.smp_method_list {
margin:0 auto;
}
.smp_method_list_content {
margin-bottom:20px;
}
.smp_method_list_heading {
display:flex;
justify-content:center;
align-items:center;
height:30px;
margin:0 10px;
padding-top:2px;
border-radius:40px;
background:#0068b7;
color:#fff;
font-size:16px;
font-weight:bold;
}
.smp_method_list_text {
margin:13px 25px 9px;
font-size:14px;
text-align:left;
line-height:1.61;
}
.smp_method_list_wrap {
margin-bottom:24px;
}
.smp_method_list_wrap_innner {
position:relative;
width:300px;
height:97px;
margin:0 auto 16px;
padding-left:99px;
background-color:#e9f2f8;
text-align:left;
}
.smp_method_list_wrap_innner img {
position:absolute;
top:10px;
left:10px;
}
.smp_method_list_wrap_desc {
padding-top:30px;
color:#0068b7;
font-size:13px;
font-weight:bold;
}
.smp_method_list_wrap_text {
padding-top:8px;
color:#0068b7;
font-size:22px;
font-weight:bold;
}
.pc_method {
min-width:980px;
padding:72px 0 18px;
}
.pc_method_title {
margin-bottom:35px;
color:#0068b7;
font-size:34px;
font-weight:bold;
}
.pc_method_list {
width:762px;
margin:0 auto;
}
.pc_method_list_content {
margin-bottom:48px;
}
.pc_method_list_heading {
display:flex;
justify-content:center;
align-items:center;
width:760px;
height:43px;
margin:0 auto;
padding-top:2px;
border-radius:40px;
background:#0068b7;
color:#fff;
font-size:24px;
font-weight:bold;
}
.pc_method_list_text {
margin:25px 20px 27px;
font-size:16px;
text-align:left;
line-height:1.62;
}
.pc_method_list_wrap {
display:flex;
justify-content:center;
}
.pc_method_list_wrap_innner {
position:relative;
width:350px;
height:114px;
padding-left:111px;
background-color:#e9f2f8;
text-align:left;
cursor:pointer;
}
.pc_method_list_wrap_innner:nth-child(2) {
margin-left:20px;
}
.pc_method_list_wrap_innner img {
position:absolute;
top:11px;
left:12px;
}
.pc_method_list_wrap_desc {
padding-top:33px;
color:#0068b7;
font-size:15px;
font-weight:bold;
}
.pc_method_list_wrap_text {
padding-top:9px;
color:#0068b7;
font-size:26px;
font-weight:bold;
}
/* ----------------------------------------------------------------
* faq
---------------------------------------------------------------- */
.smp_faq {
margin-bottom:41px;
padding:40px 15px 10px;
}
.smp_faq_title {
margin-bottom:23px;
color:#0068b7;
font-size:20px;
font-weight:bold;
}
.smp_faq_accordion {
display:none;
}
.smp_faq_question {
background:url("/media/jikobunseki-tool/img/smp_action_open.png") no-repeat right 5px top 0 / 12px;
}
.smp_faq_list {
overflow:hidden;
text-align:left;
}
.smp_faq_list_question_icon {
margin:0 11px 0 16px;
}
.smp_faq_list_answer_icon {
margin:4px 15px 0 10px;
}
.smp_faq_list_inner {
margin:0 auto;
padding-top:18px;
border-bottom:1px solid #cce1f1;
}
.smp_faq_list_inner:nth-child(1) {
border-top:1px solid #cce1f1;
}
.smp_faq_list_heading {
display:block;
width:100%;
padding-bottom:17px;
font-size:14px;
font-weight:bold;
}
.smp_faq_accordion:checked + .smp_faq_question {
background:url("/media/jikobunseki-tool/img/smp_action_close.png") no-repeat right 5px top 0 / 12px;
}
.smp_faq_accordion:checked + .smp_faq_question + .smp_faq_list_answer_area {
display:block;
}
.smp_faq_list_answer_area {
display:none;
margin-bottom:15px;
border:solid 2px transparent;
background-color:#eff7fd;
}
.smp_faq_list_answer {
display:flex;
margin-bottom:11px;
padding:14px 20px 0 4px;
font-size:13px;
font-weight:bold;
line-height:1.6;
}
.smp_faq_list_answer_text_area {
margin-bottom:-4px;
padding:0 25px 0 40px;
font-size:12px;
line-height:1.57;
}
.smp_faq_list_answer_text {
padding-bottom:20px;
}
.pc_faq {
min-width:980px;
padding:72px 0 70px;
}
.pc_faq_accordion {
display:none;
}
.pc_faq_question {
background:url("/media/jikobunseki-tool/img/pc_action_open.png") no-repeat right 29px top 31px / 16px;
}
.pc_faq_list {
overflow:hidden;
margin-top:46px;
text-align:left;
}
.pc_faq_list_icon {
margin:0 50px 0 48px;
}
.pc_faq_list_inner {
width:880px;
margin:0 auto;
border-bottom:2px solid #cce1f1;
}
.pc_faq_list_inner:nth-child(1) {
border-top:2px solid #cce1f1;
}
.pc_faq_list_heading {
display:block;
width:100%;
padding:31px 0 24px;
font-size:24px;
font-weight:bold;
cursor:pointer;
}
.pc_faq_list_heading img {
margin:-3px 43px 0 49px;
}
.pc_faq_accordion:checked + .pc_faq_question {
background:url("/media/jikobunseki-tool/img/pc_action_close.png") no-repeat right 29px top 38px / 16px 3px;
}
.pc_faq_accordion:checked + .pc_faq_question + .pc_faq_list_answer_area {
display:block;
}
.pc_faq_list_answer_area {
display:none;
margin-bottom:31px;
padding:38px 84px 10px 0;
background-color:#eff7fd;
}
.pc_faq_list_answer {
display:flex;
margin-bottom:20px;
font-size:18px;
font-weight:bold;
line-height:1.32;
}
.pc_faq_list_answer img {
margin:2px 50px 0 49px;
}
.pc_faq_list_answer_text_area {
margin-left:116px;
line-height:1.5;
}
.pc_faq_list_answer_text {
padding-bottom:25px;
}
/* ----------------------------------------------------------------
* article
---------------------------------------------------------------- */
.smp_article {
padding-bottom:23px;
}
.smp_article_title {
margin-bottom:19px;
color:#0068b7;
font-size:20px;
font-weight:bold;
}
.smp_article_list {
padding:0 20px 0;
text-align:left;
line-height:1.5;
}
.smp_article_list_heading {
margin-bottom:10px;
color:#0087e6;
font-size:12px;
text-decoration:underline;
line-height:1.4;
}
.smp_article_list_heading img {
margin:0 -2px;
vertical-align:middle;
}
.smp_article_list_text {
margin-bottom:24px;
color:#000;
font-size:11px;
line-height:1.48;
}
.pc_article {
min-width:980px;
margin-bottom:38px;
}
.pc_article_title {
margin-bottom:39px;
color:#0068b7;
font-size:34px;
font-weight:bold;
}
.pc_article_list {
display:flex;
flex-wrap:wrap;
width:960px;
margin:0 auto;
text-align:left;
line-height:1.5;
}
.pc_article_list_content {
width:400px;
margin:0 40px 38px;
}
.pc_article_list_content:hover .pc_article_list_heading {
text-decoration:underline;
}
.pc_article_list_heading {
margin-bottom:12px;
color:#0087e6;
font-size:16px;
font-weight:bold;
line-height:1.64;
}
.pc_article_list_heading img {
margin:0 1px;
vertical-align:middle;
}
.pc_article_list_text {
color:#000;
font-size:14px;
line-height:1.7;
}
/* ----------------------------------------------------------------
* sns
---------------------------------------------------------------- */
.smp_sns {
margin-bottom:53px;
}
.smp_sns_text {
margin-bottom:13px;
color:#0068b7;
font-size:17px;
font-weight:bold;
}
.smp_sns img {
margin:0 13px;
}
.pc_sns {
min-width:980px;
margin-bottom:99px;
color:#0068b7;
font-size:24px;
font-weight:bold;
}
.pc_sns_text {
margin-bottom:26px;
}
.pc_sns img {
margin:0 13px 0 19px;
}
.pc_sns img:hover {
opacity:60%;
}
/* ----------------------------------------------------------------
* top_btn
---------------------------------------------------------------- */
.smp_top_btn {
display:none;
position:fixed;
right:10px;
bottom:186px;
width:44px;
height:44px;
background-color:#aaa;
}
.smp_top_btn::after {
position:absolute;
top:60%;
left:49%;
width:13px;
height:13px;
border-top:1px solid #fff;
border-left:1px solid #fff;
content:"";
transform:translate(-50%, -50%) rotate(45deg);
}
.pc_top_btn {
display:flex;
position:fixed;
right:39px;
bottom:53px;
width:80px;
height:80px;
background-color:#aaa;
}
.pc_top_btn::after {
position:absolute;
top:60%;
left:49%;
width:24px;
height:24px;
border-top:2px solid #fff;
border-left:2px solid #fff;
content:"";
transform:translate(-50%, -50%) rotate(45deg);
}
.pc_top_btn:hover {
background-color:#ccc;
}
/* ----------------------------------------------------------------
* footer
---------------------------------------------------------------- */
.smp_footer {
border-top:solid 2px #0068b7;
font-size:14px;
line-height:1.2;
}
.smp_footer_inner {
padding:14px 0 23px;
}
.smp_footer_tbt {
padding:0 36px 0;
text-align:center;
}
.smp_footer_col {
margin-bottom:14px;
}
.smp_footer_copyright {
height:28px;
}
.smp_footer_col_r {
font-size:10px;
}
.smp_footer_link_area_title {
margin:2px 0 8px;
font-size:12px;
}
.smp_footer_link_area_list {
display:flex;
justify-content:center;
flex-wrap:wrap;
font-size:8px;
line-height:1;
}
.smp_footer_link_area_list li::after {
color:#ddd;
content:"｜";
}
.smp_footer_link_area_list li:last-child::after {
content:"";
}
.smp_footer_link_area_list a:link {
color:#0087e6;
text-decoration:none;
}
.smp_footer_tbl_cell {
margin-left:10px;
}
.pc_footer {
min-width:980px;
border-top:solid 2px #0068b7;
font-size:14px;
line-height:1.2;
}
.pc_footer_inner {
width:980px;
margin-right:auto;
margin-left:auto;
padding:18px 0 32px 0;
}
.pc_footer_tbl {
display:table;
table-layout:fixed;
border-collapse:collapse;
}
.pc_footer_tbl_cell_left {
display:table-cell;
vertical-align:top;
}
.pc_footer_copyright {
margin-top:2px;
}
.pc_footer_col_r {
font-size:10px;
}
.pc_footer_col_r_list {
float:right;
margin-left:162px;
text-align:right;
line-height:2.4;
}
.pc_footer_col_r_list li {
display:inline-block;
padding-right:15px;
}
.pc_footer_col_r_list li:not(:first-child) {
padding-left:7px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAP0lEQVQYV2OsWvfqf6WPMAMPKxMDo037/f+CgkIMU0PZIZy7734zKAuxQjhaolwM9WGiDIzrr7z/H6AtwAACAOIrFTmgwvelAAAAAElFTkSuQmCC) no-repeat left 50%;
}
.pc_footer_col_r_list a:link {
color:#0087e6;
text-decoration:none;
}
.pc_footer_col_r_list a:hover {
text-decoration:underline;
}
.pc_footer_col_r_list a:visited {
color:#63c;
}