@charset "utf-8";



/*

Theme Name: 投資詐欺解決24時用テーマ

Author: YF

Description: 投資詐欺解決24時用テーマです。

Version： 0.0.1

*/



/*cssのリセット*/

html,

body,

div,

span,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

abbr,

address,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

samp,

small,

strong,

sub,

sup,

var,

b,

i,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary,

time,

mark,

audio,

video {

  font-size: 100%;

  margin: 0;

  padding: 0;

  vertical-align: baseline;

  border: 0;

  outline: 0;

  background: transparent;

}



*{

  box-sizing: border-box;

  overflow-wrap: anywhere;

}



body {

  line-height: 1;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block;

}



nav ul {

  list-style: none;

}



blockquote,

q {

  quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

  content: "";

  content: none;

}



a {

  font-size: 100%;

  margin: 0;

  padding: 0;

  vertical-align: baseline;

  background: transparent;

}



ins {

  text-decoration: none;

  color: #000;

  background-color: #ff9;

}



mark {

  font-weight: bold;

  font-style: italic;

  color: #000;

  background-color: #ff9;

}



del {

  text-decoration: line-through;

}



abbr[title],

dfn[title] {

  cursor: help;

  border-bottom: 1px dotted;

}



table {

  border-spacing: 0;

  border-collapse: collapse;

}



hr {

  display: block;

  height: 1px;

  margin: 1em 0;

  padding: 0;

  border: 0;

  border-top: 1px solid #ccc;

}



/*サイト全体の基準となるCSSを記述*/

html {

  font-size: 16px;

}



body {

  font-family: "Noto Sans JP", sans-serif;/*フォントの指定*/

  line-height: 1.4;/*行間の指定*/

  margin: 0;

  padding: 0;

  color: #333;/*サイトのデフォルトとなる文字の色を指定*/

}



/*見出しを全て太字で表示 + 文字色を黒に*/

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: bold;

  color: #000;

}



img {

  max-width: 100%;

  height: auto;

}





/*コンテンツのサイズ指定*/

.header-inner,

.footer-inner,

.container {

  max-width: 1080px;

  margin-right: auto;

  margin-left: auto;

  padding-right: 1.5rem;

  padding-left: 1.5rem;

}



.container {

  padding-top: 0;

  padding-bottom: 4rem;

}



/*PCレイアウト*/

@media (min-width: 1024px) {

  .two-columns {

    display: flex;

    flex-direction: row;



    gap: 2.5rem;

  }



  .two-columns .contents {

    flex: 1 1 auto;

  }



  .two-columns .sidebar {

    flex: 0 0 15.625rem;

  }

}



/*タブレットレイアウト*/

@media (max-width: 820px) {

  .two-columns .contents {

    margin-bottom: 4rem;

  }

}



/*スマホレイアウト*/

@media (max-width: 480px) {

  html {

    font-size: 15px;

  }



  .container {

    padding-top: 1.4rem;

  }

}





.site-title a img {

  height: 3rem;

}



/*ヘッダー*/

.header {

  border-bottom: 1px solid #ddd;

}



.header-inner {

  position: relative;

  padding-top: 1.25rem;

  padding-bottom: 1.25rem;

}



.site-title {

  line-height: 1;

  display: flex;

}



.site-title a {

  display: flex;

  align-items: center;

  text-decoration: none;

  font-size:20px;

}



/*タイトルを画像にする場合*/

.site-title a img {

  display: block;

  width: auto;

  height: 3rem;

  padding-right:4px;

}



/*タイトルを文字列にする場合*/

.site-title a {

  font-weight: bold;

  height: 1.75rem;

  color: #000;

}



.header-nav li a {

  display: block;

  text-decoration: none;

}



@media(min-width: 821px) {

  .navbutton {

    display: none;

  }



  .header-nav-wrap {

    position: absolute;

    top: 50%;

    right: 1.5rem;

    margin-left: 15rem;/*タイトル分の余白をあけておく*/

    transform: translateY(-50%);

  }



  .header-nav {

    font-size: 0;

  }



  .header-nav li {

    font-size: 1rem;

    display: inline-block;

    margin-left: 1.5rem;

    padding: .25rem 0;

  }



  .header-nav li a {

    font-weight: 500;

    color: #000;

  }



  .header-nav li a:hover {

    opacity: .6;

  }

}



@media(max-width: 820px) {

  .navbutton {

    position: absolute;

    z-index: 10;

    top: 50%;

    right: 1.5rem;

    display: block;

    cursor: pointer;

    transform: translateY(-50%);

    border: 0;

    background-color: transparent;

  }



  .navbutton:focus {

    outline: 0;

  }



  .navbutton::after {

    font-family: "Material Symbols Outlined";

    font-size: 2.5rem;

    content: "\e5d2";

    color: #000;

  }



  .menu-active .navbutton::after {

    content: "\e5cd";

    color: #fff;

  }



  .header-nav-wrap {

    position: fixed;

    z-index: 9;

    top: 0;

    left: 0;

    display: none;

    overflow-y: auto;

    width: 100%;

    height: 100vh;

    background-color: rgb(50 50 50 / 80%);

  }



  .header-nav {

    padding: 6rem 0;

  }



  .header-nav li a {

    font-weight: 400;

    padding: 1.5rem;

    text-align: center;

    color: #fff;

  }

}



/*フッター*/

.footer {

  background-color: #000;

}



.footer-nav-wrap {

  padding: .75rem 1rem;

  background-color: #f5f5f5;

}



.footer-nav ul {

  font-size: 0;

  text-align: center;

}



.footer-nav ul li {

  font-size: .875rem;

  display: inline-block;

  margin-right: 1rem;

  padding: .25rem 0;

}



.footer-nav ul li:last-child {

  margin-right: 0;

}



.footer-nav ul li a {

  text-decoration: none;

  color: #333;

}



.copyright {

  padding: 1rem;

  text-align: center;

}



.copyright p {

  font-size: .875rem;

  color: #fff;

}





/*投稿*/

.article-head .article-info {

  margin-bottom: .5rem;

}



.article-head .article-info .article-cat {

  display: inline-block;

  vertical-align: middle;

}



.article-head .article-info .article-cat a {

  font-size: .875rem;

  line-height: 1;

  display: inline-block;

  margin-right: .5rem;

  padding: .375rem .5rem;

  text-decoration: none;

  color: #fff;

  background-color: #191970;

}



.article-head .article-info .article-date {

  font-size: 1rem;

  display: inline-block;

  vertical-align: middle;

  color: #4F5764;

}



.article-head .article-info .article-date i {

  font-size: 1.25rem;

  position: relative;

  top: .25rem;

}



.article-head h1 {

  font-size: 2.125rem;

  margin: 0 0 2rem;

  letter-spacing: 1px;

}



.article-head .article-img {

  margin-bottom: 2rem;

  border:1px solid #ccc;

}



.article-head .article-img img {

  display: block;

  width: 100%;

}



.article-foot .article-tag {

  margin-bottom: 1rem;

  text-align: right;

}



.article-foot .article-tag ul {

  list-style: none;

}



.article-foot .article-tag ul li {

  font-size: .9rem;

  display: inline-block;

  margin-right: .5rem;

  vertical-align: middle;

}



.article-foot .article-tag ul li:last-child {

  margin-right: 0;

}



.article-foot .article-tag ul li a {

  line-height: 1;

  display: block;

  padding: .25rem .5rem;

  text-decoration: none;

  color: #000;

  border: 1px solid #000;

}



.article-foot .article-tag ul li a:hover {

  opacity: .6;

}



.article-foot .article-author {

  font-weight: 500;

  line-height: 1;

  text-align: right;

  vertical-align: middle;

}



.article-foot .article-author i {

  font-size: 1.25rem;

  position: relative;

  top: .25rem;

}



@media(max-width: 480px) {

  .article-head h1 {

    font-size: 1.75rem;

  }

}



/*エディタコンテンツ*/

.editor-content p code,

.editor-content p img,

.editor-content p iframe,

.editor-content p object,

.editor-content figure img,

.editor-content figure iframe,

.editor-content figure video,

.editor-content figure audio,

.editor-content pre code {

  margin-bottom: 0;

}



.editor-content th,

.editor-content td {

  border-color: #ddd;

}



.editor-content p,

.editor-content ul,

.editor-content ol,

.editor-content table,

.editor-content dl,

.editor-content blockquote,

.editor-content pre,

.editor-content code,

.editor-content img,

.editor-content picture img,

.editor-content figure,

.editor-content iframe,

.editor-content object,

.editor-content hr,

.editor-content video,

.editor-content audio {

  margin-bottom: 2.5em;

  letter-spacing: 1px;

}



.editor-content b,

.editor-content strong {

  font-weight: bold;

}



.editor-content a {

  text-decoration: underline;

}



.editor-content ul:not([class]) {

  padding-left: 1.25em;

  list-style: disc;

}



.editor-content ol:not([class]) {

  padding-left: 1.875em;

  list-style: decimal;

}



.editor-content table {

  width: 100%;

}

.editor-content table thead {

  border: none;

}

.editor-content table th,

.editor-content table td {

  box-sizing: border-box;

  padding: .625em;

  text-align: left;

  vertical-align: middle;

  border: 1px solid #ddd;

}

.editor-content img,

.editor-content iframe,

.editor-content object,

.editor-content video,

.editor-content audio {

  line-height: 1;

}

.editor-content figure {

  max-width: 100%;

}



.editor-content iframe,

.editor-content object {

  width: 100%;

}



.editor-content blockquote {

  line-height: 1.5;

  position: relative;

  padding: 3.125em 1.875em .625em;

  color: #555;

  background-color: #f1f4f4;

}



.editor-content blockquote::before {

  font-family: "Material Symbols Outlined";

  font-size: 1.875em;

  font-weight: 900;

  position: absolute;

  top: .3125em;

  left: .9375em;

  content: "\e244";

  color: #ccc;

}



.editor-content blockquote p,

.editor-content blockquote cite {

  margin-bottom: 1em;

}



.editor-content blockquote p cite {

  margin-bottom: 0;

}

.editor-content blockquote cite {

  font-size: .6125em;

  display: block;

  text-align: right;

}



.editor-content h2,

.editor-content h3,

.editor-content h4,

.editor-content h5 {

  line-height: 1.4;

  margin: 3rem 0 2rem;

  letter-spacing: 1px;

}



.editor-content h2 {

  font-size: 1.875rem;

  padding: .75rem 0;

  border-bottom: solid 5px #191970;

}



.editor-content h3 {

  font-size: 1.5rem;

  padding: 0 1rem;

  border-left: solid .375rem #191970;

  background: transparent;

}



.editor-content h4 {

  font-size: 1.25rem;

}



.editor-content h5 {

  font-size: 1.125rem;

}



@media (max-width: 480px) {

  .editor-content p,

  .editor-content ul,

  .editor-content ol,

  .editor-content table,

  .editor-content dl,

  .editor-content blockquote,

  .editor-content pre,

  .editor-content code,

  .editor-content img,

  .editor-content picture img,

  .editor-content figure,

  .editor-content iframe,

  .editor-content object,

  .editor-content hr,

  .editor-content video,

  .editor-content audio {

    margin-bottom: 1.5em;

  }



  .editor-content th,

  .editor-content td {

    padding: .625em;

  }



  .editor-content blockquote {

    padding: 2.5em 1.875em 1.875em;

  }



  .editor-content blockquote::before

  .editor-content blockquote::after {

    font-size: 1.25em;

  }



  .editor-content blockquote p,

  .editor-content blockquote cite {

    margin-bottom: .625em;

  }



  .editor-content h2,

  .editor-content h3,

  .editor-content h4,

  .editor-content h5 {

    margin: 2rem 0;

  }



  .editor-content h2 {

    font-size: 1.5rem;

  }

  .editor-content h3 {

    font-size: 1.375rem;

  }

  .editor-content h4 {

    font-size: 1.25rem;

  }

  .editor-content h5 {

    font-size: 1rem;

  }

  .editor-content h6 {

    font-size: .9375rem;

  }

}





@media (max-width: 332px) {

  .editor-content h2 {

    font-size: 1.25rem;

  }

  .editor-content h3 {

    font-size: 1.125rem;

  }

  .editor-content h4 {

    font-size: 1rem;

  }

  .editor-content h5 {

    font-size: .9375rem;

  }

  .editor-content h6 {

    font-size: .875rem;

  }

}



/*サイドバーウィジェット*/

.sidebar-wrapper {

  margin-bottom: 2rem;

}



.sidebar .sidebar-title,

.sidebar .wp-block-heading {

  font-size: 1.125rem;

  font-weight: 600;

  line-height: 1.4;

  margin: 0 0 1rem;

  padding: .375rem;

  letter-spacing: 1px;

  border: 0;

  border-bottom: .1875rem solid #191970;

}



.sidebar a {

  text-decoration: none;

  color: #333;

}



.sidebar ul {

  list-style: none;

}



.sidebar li {

  border-bottom: 1px solid #ddd;

}



.sidebar li a {

  display: block;

  padding: .5rem;

}



.sidebar select {

  display: block;

  width: 100%;

  padding: .5rem;

  border: 1px solid #ddd;

}



/*ページタイトル*/

.page-title-wrap {

  background-color: #191970;

}



.page-title-wrap .page-title {

  position: relative;

  max-width: 1080px;

  height: 22rem;

  margin: 0 auto 2rem;

  padding: 0 1.5rem;

}



.page-title-wrap .page-title .text-warp {

  position: absolute;

  top: 50%;

  left: 1.5rem;

  width: calc(100% - 3rem);

  transform: translateY(-50%);

  text-align: center;

}



.page-title-wrap .page-title .text-warp h1 {

  font-size: 3rem;

  font-weight: 400;

  letter-spacing: 1px;

  color: #fff;

}



@media(max-width: 820px) {

  .page-title-wrap .page-title {

    height: 20rem;

    margin-bottom: 1rem;

  }



  .page-title-wrap .page-title .text-warp h1 {

    font-size: 2.75rem;

  }

}



@media(max-width: 480px) {

  .page-title-wrap .page-title {

    height: 12rem;

    margin-bottom: 0;

  }



  .page-title-wrap .page-title .text-warp h1 {

    font-size: 2rem;

  }

}



/*記事アーカイブ*/

.article-list {

  display: grid;



  gap: 2rem;

  grid-template-columns: repeat(2, 1fr);

}



.article-list .article-item {

  position: relative;

  z-index: 1;

  border: 1px solid #ddd;
background-color:#fff;

}



.article-list .article-item a {

  display: block;

  text-decoration: none;

  color: #333;

}



.article-list .article-item img {

  display: block;

  width: 100%;



  aspect-ratio: 3/2;

  object-fit: cover;

}



.article-list .article-item .text-wrap {

  padding: 1rem;

}



.article-list .article-item .article-cat {

  font-size: .875rem;

  line-height: 1;

  display: inline-block;

  margin-right: .5rem;

  padding: .25rem .5rem;

  vertical-align: middle;

  text-decoration: none;

  color: #fff;

  background-color: #191970;

}



.article-list .article-item .article-date {

  font-size: .875rem;

  display: inline-block;

  vertical-align: middle;

  color: #4F5764;

}



.article-list .article-item .article-date i {

  font-size: 1rem;

  position: relative;

  top: .1875rem;

  margin-right: .125rem;

}



.article-list .article-item .text-wrap h2 {

  font-size: 1rem;

  font-weight: 500;

  margin-top: .5rem;

}



@media(max-width: 480px) {

  .article-list {

    display: block;



    gap: none;

    grid-template-columns: none;

  }



  .article-list .article-item {

    margin-bottom: 2rem;

  }

}





/*ページネーション*/

.pagination {

  margin: 4rem 0;

  text-align: center;

}



.pagination ul {

  font-size: 0;

}



.pagination ul li {

  font-size: 1rem;

  display: inline-block;

  margin-right: .5rem;

}



.pagination ul li:last-child {

  margin-right: 0;

  border: 0;

}



.pagination ul li a,

.pagination ul li .current {

  font-weight: 600;

  line-height: 1;

  display: block;

  padding: .75rem .875rem;

  border: 1px solid #ddd;

}



.pagination ul li a {

  text-decoration: none;

  color: #555;

}



.pagination ul li .current {

  color: #fff;

  background-color: #191970;

}



.pagination ul li .prev,

.pagination ul li .next {

  padding: .75rem .5rem;

  border: 0;

}



.pagination ul li i {

  font-size: 1rem;

  color: #191970;

}



@media(max-width: 480px) {

  .pagination {

    margin: 3rem 0;

  }



  .pagination ul li a {

    padding: .5rem;

  }

}



/*home*/

.home-fv-wrap {

  margin-bottom: 0;

  padding-top: 1.75rem;

  padding-bottom: 1.75rem;

  background-size: cover;

}



.home-fv-wrap img {

  display: block;

  width: 100%;

  height: min(31.25rem, 46.5vw);



  object-fit: cover;

}



.home-fv-wrap h2{

  font-size: 3.75rem;

  color:#fff;

  margin-bottom: 1.75rem;

  text-shadow: 2px 2px 2px #00000029;

}



.home-fv-wrap p{

  font-size: 2.75rem;

  font-weight: bold;

  margin-bottom: 1.75rem;

  color:#fff;

  text-shadow: 2px 2px 2px #00000029;

}



.home-fv-wrap ul{

  list-style: none;

  font-size: 2rem;

  font-weight: bold;

  color:#ffec20;

  text-shadow: 0px 2px #333;

}



.home-fv-wrap .top_mail {

  padding:10px 4px;

  border-radius: 10px;

  background-color:orange;

  color:#fff;

  font-size:2.75rem;

    height: 100%;

    justify-content: center;

    justify-items: center;

    align-items: center;

    display: flex;

    flex-flow: column;

}



@media(max-width: 480px) {

  .home-fv-wrap .top_mail {

    font-size:1.75rem;

  }

}





.home-fv-wrap-inner{

  background-repeat: no-repeat;

  background-position: right top;

  background-size: contain;

}



@media(max-width: 1024px) {

  .home-fv-wrap-inner{

    background-position: right 20%;

    background-size: 60%;

  }

}

.top_mail span.a_24{

  display: block;

  font-size: 1.75rem;

}






@media(max-width: 1024px) {

  .home-fv-wrap h2{

    font-size: 2rem;

  }

  .home-fv-wrap p{

    font-size: 1.5rem;

  }

  .home-fv-wrap ul{

    font-size: 1.5rem;

  }

  .top_mail span{

    font-size: 1.5rem;

  }

}



.home-fv-wrap > div{

  max-width: 1080px;

    margin-right: auto;

    margin-left: auto;

    padding-right: 1.5rem;

    padding-left: 1.5rem;

  margin:0 auto;

}





.support_box{

  width: 100%;

  border: 0px solid #fff10d00;

    padding: 1rem 0.5rem;

    margin-top: 1.75rem;

    border-radius: 10px;

    text-align: center;

    background-color:#fff;

    margin-right: 0.875rem

}

.support_box p{

  margin-bottom: 0rem;

  color:#191970;

}

.support_box a{

  display: block;

  text-decoration: none;

  color:#cf2e2e;

  font-size: 3rem;

  font-weight: bold;

  margin-bottom: 0rem;

}



@media(max-width: 480px) {

  .support_box a{

    font-size: 2.25rem;

  }

}



.editor-content .support_box a{

  font-size: 2rem;

}



.support_box2{

  width: 100%;

  border: 0px solid #fff10d00;

    margin-top: 1.75rem;

    border-radius: 10px;

    text-align: center;

    margin-left: 0.875rem

}

.support_box2 p{

  margin-bottom: 0rem;

  color:#191970;

}

.support_box2 a{

  display: block;

  text-decoration: none;

  color:#191970;

  font-size: 36px;

  font-weight: bold;

  margin-bottom: 0rem;

}



@media(max-width: 1024px) {

  .support_box{

    margin-right: unset;

  }

  .support_box2{

    margin-left: unset;

  }

}

.top_tel{

  color:orange;

}

.p16{

  font-size: 16px!important;

}

@media(min-width: 1921px) {

  .home-fv-wrap img {

    height: auto;

  }

}



@media(min-width: 821px) {

  .home-article-list {

    grid-template-columns: repeat(3, 1fr);

  }

}

.breadcrumbs{

    max-width: 1080px;

    margin-right: auto;

    margin-left: auto;

    padding: 1.5rem;

    letter-spacing: 1px;

}



.breadcrumbs a{

  color:#333;

}



.breadcrumbs .current-item{

  color:#191970;

}



.contents ul{

  list-style-position: inside;

}



textarea{

  width: 100%;

}





.sp_only{

  display: none;

}

.pc_only{

  display: block;

}

@media(max-width: 480px) {

  .sp_only{

    display: block;

  }

  .pc_only{

    display: none;

  }

}



.support_flex{

  display: flex;

  flex-wrap: nowrap;

  flex-flow: row;

}



@media(max-width: 1024px) {

  .support_flex{

    display: flex;

    flex-wrap: wrap;

    flex-flow: column;

  }

}



.color_yellow{

  color: yellow;

}

.article_support{

  margin-bottom: 1.5em;

}

.article_support h2{

  font-size: 2rem;

}



.article_support p,

.article_support .top_mail,

.article_support ul{

  font-size: 1.75rem;

}

.article_support  .home-fv-wrap-inner {

  background-position: right 10%;

}



@media(max-width: 480px) {

  .article_support h2{

    font-size: 1.5rem;

  }

  .article_support p,

  .article_support .top_mail,

  .article_support ul{

    font-size: 1.25rem;

  }

  .article_support a{

    font-size: 1.75rem;

  }

  .article_support  .home-fv-wrap-inner {

    background-position: right 22%;

  }

}



.support_text{

  background-color: #fff;

  border-radius: 0 0 10px 10px;

  padding:1.75rem;

  border:1px solid #ccc;

  border-top:unset;

  letter-spacing: 1px;

}



.support_text p,

.support_text ul{

  color:#333;

  font-size: 1rem;

  text-align: center;

  

}

.support_text ul{

  list-style: none;

}



.support_text .top_mail {

  padding:10px 4px;

  border-radius: 10px;

  background-color:orange;

  color:#fff;

  font-size:2.75rem;

    height: 100%;

    justify-content: center;

    justify-items: center;

    align-items: center;

    display: flex;

    flex-flow: column;

}



.support_text .top_mail{

  font-size: 1.75rem;

}



.support_text .support_box2 {

  margin-left:unset

}

@media(max-width: 480px) {

  .support_text .top_mail {

    font-size:1.75rem;

  }

  .support_text .top_mail{

    font-size: 1.25rem;

  }

}



.support_text_title{

  padding:10px;

  text-align: center;

  border-radius: 100px;

  top: calc(-1.75rem - 20px);

    position: relative;

    background-color: #ffec20;

    margin-bottom: -1.75rem;

    color:#096840;

    font-size:1.5rem;

}



@media(max-width: 480px) {

  .support_text_title{

  font-size:1rem;

  }

}



.article_support .home-fv-wrap{

  margin-bottom: 0;

  padding-bottom: 2.75rem;

  letter-spacing: 1px;

}



.article_before{

  margin-bottom: 1.5em;

  letter-spacing: 1px;

}



.article_support  .pr{

  text-align:center;

  font-size: 1rem;

  border:1px solid #ccc;

  border-bottom: unset;

  border-radius: 10px 10px 0 0;

  padding: 0.5rem 1rem;

}



.article_before_h2{

font-size: 1.875rem;

    padding: .75rem 0;

    border-bottom: solid 5px #191970;

    line-height: 1.4;

    margin: 3rem 0 2rem;

    letter-spacing: 1px;

}



.sagi_info{

  display: flex;

  flex-wrap: wrap;

}



.sagi_info dt{

  width: calc(25% - 1rem);

  display: flex;

  background-color: #191970;

  border-radius: 10px;

  margin:0 1rem 1rem 0;

  padding:1rem;

  color:#fff;

  font-weight: bold;

  align-items: center;

}



.sagi_info dd{

  width: 75%;

  display: flex;

  align-items: center;

    margin-bottom: 1rem;

    padding:1rem;

    border-radius: 10px;

    border:2px solid #191970;

}



@media(max-width: 480px) {

  .sagi_info{

    flex-flow: column;

  }

  .sagi_info dt,

  .sagi_info dd{

    width: 100%;

    align-items: center;

    justify-content: center;

  }

}



.g-recaptcha > div{

  margin:1rem auto;

}



.submit_button{

  width: 50%;margin: 0 auto;display: block;

  padding:1.25rem;

  color:#fff;

  background-color: #191970;

  font-weight: bold;

  box-shadow: 0px 2px 2px #ccc;

  margin-bottom: 1.75rem;

  border:1px solid #191970!important;

}



.submit_button:hover{

  color:#191970;

  background-color: #fff;

  box-shadow:unset;

  transition: background-color 0.5s;

}



@media(max-width: 480px) {

  .submit_button{

    width: 100%;

  }

}



.commentlist{

  list-style: none;

}



.commentlist li{

  border:1px solid #ccc;

  border-radius: 10px;

  padding:1rem;

  margin-bottom:1rem;

}



.commentlist .commdata{

  display: block;

  margin-bottom: 1rem;

}



.commentlist a{

  color:#333;

}



.article_index{

  padding: 1rem;

  border:1px dotted #ccc;

  margin-bottom:1.75rem;

}

.article_index ul{

  margin-left: 1.75rem;

  list-style: decimal-leading-zero;

  list-style-position: outside;

  color:#191970;

}

.article_index li{

  margin-bottom: 1rem;

  padding-left: 0.5rem;

}

.article_index a{

  color:#191970;

}



.article_index p{

  margin-bottom: 1.25rem;

  font-size:1.25rem;

  font-weight: bold;

  color:#191970;

}



aside .editor-content ul{

  list-style: none!important;

  padding: 0!important;

}



aside .editor-content li{

  padding: 0.5rem 1rem!important;

}



.home_postlist_title{

  font-size: 1.875rem;

  padding: .75rem 0;

  border-bottom: solid 5px #191970;

  line-height: 1.4;

  margin: 0 0 2rem;

  letter-spacing: 1px;

}



.newslist ul{

  list-style: none;

}



.newslist li{

  padding:1rem;

  border-bottom:1px solid #ccc;

}

.newslist a{

  margin-left:0.5rem;

  text-decoration: none;

  color:#191970;

}



.newslist h2{

  display: inline-block;

}



.more_button{

  display: block;

  margin: 2rem auto;

  width: 50%;

  text-align: center;

  padding:1rem;

  border-radius: 10px;

  text-decoration: none;

  background-color: #191970;

  color: #fff;

  font-weight: bold;

}



.comment_box{

  border:1px solid #ccc;

  padding:1.75rem;

  margin-bottom:1.75rem;

  display: flex;

  flex-flow: wrap;

  flex-direction:column;

  text-decoration: none;

  text-decoration: none;

  color: #333;

}

.comment_flexbox{

  display: grid;

  gap: 2rem;

  grid-template-columns: repeat(3, 1fr);

  color: #333;

}



.comment_flexbox .article-date{

font-size: .875rem;

    display: inline-block;

    vertical-align: middle;

    color: #4F5764;

}



.comment_flexbox .article-date i {

  font-size: 1rem;

  position: relative;

  top: .1875rem;

  margin-right: .125rem;

}



.comment_flexbox h2 {

  font-size: 1rem;

  font-weight: 500;

  margin-top: .5rem;

  color: #191970;

  padding-bottom:1rem;

  border-bottom:1px solid #ccc;

}



.comment_flexbox p{

  padding-top:.5rem;

  margin-top:.5rem;

  margin-bottom:.5rem;

}



.comment_sum{

  display: flex;

  margin-top: 0.5rem;

  align-items: end;

    width: 100%;

    justify-content: flex-end;

    margin-top: auto;

}



@media(max-width: 480px) {

  .comment_flexbox {

    grid-template-columns: none;

  }

  .comment_box{

    margin-bottom: 0;

    flex-direction: column;

  }

  .more_button{

    width: 100%;

  }

}



.article_index ul .ireko_style{

  list-style: none;

  margin-left: 0;

}



.ocbutton{

  display: none;

  cursor: pointer;

}

.ocbutton + label{

  cursor: pointer;

}

.ocbutton + label:hover{ /* マウスがボタンの上にある時 */

  border-bottom:1px dotted #4F5764 ;

}

.ocbutton + label:before{ /* 非表示時の文字 ※３*/

  content:"[開く]"

}

.ocbutton:checked + label:before{  /* 表示時の文字 ※３ */

  content:"[閉じる]"

}

.oc_content{

  display: none;

}

#b0:checked ~ #b0_content{

  display:block;

}

.oc_content{ /* 表示非表示されるボックスの外観 ※２*/

margin:1em;padding:1em;

}

.ocbutton ~ p:first-of-type{ /* WordPressのみ（自動で付加されるPを非表示）※１ */

display: none;

}



.oc_label{

  font-size: 0.75rem;

  position: relative;

  top: -0.175rem;

}



.article_index p.p_inline{

  display: inline-block;

  margin-right:1rem;

  margin-bottom: 0;

}





/* アイコン付き吹き出し（左側） */

.talk10 {

  margin-top: 1.75rem;

  margin-bottom: 1.75rem;

  }

  

  .talk10 figure img {

  width: 100%;

  height: 100%;

  border: 2px solid #91a0e1; /* 円の線の太さと色の設定 */

  border-radius: 50%;

  margin: 0;

  }

  

  p.talk10-text {

  margin: 0 0 8px;

  }

  

  p.talk10-text:last-child {

  margin-bottom: 0px;

  }

  

  .talk10:after,.talk:before {

  clear: both;

  content: "";

  display: block;

  }

  

  .talk10-img {

  margin-left: 4px;

  margin-top: -1px;

  float: left;

  width: 90px;

  height: 90px;

  }

  

  .talk10-txt {

  color: #444; /* 吹き出し内テキストの色 */

  position: relative;

  margin-left: 120px;

  padding: 0.6em 0.8em 1em 0.8em;

  border: 3px solid #91a0e1; /* 吹き出し線の太さと色の設定 */

  background-color: #fff; /* 吹き出しの背景色 */

  border-radius: 5px; /* 吹き出しの角の丸み */

  }

  

  .talk10-txt:before {

  position: absolute;

  content: '';

  border: 10px solid transparent;

  border-right: 10px solid #91a0e1; /* 吹き出しの三角形の設定（色以外の変更は非推奨） */

  top: 24px;

  left: -20px;

  }

  

  .talk10-txt:after {

  position: absolute;

  content: '';

  border: 10px solid transparent;

  border-right: 10px solid #fff;

  top: 24px;

  left: -16px;

  }



  .talk10-span,

  .talk11-span{

    display: block;

    text-align: center;

    font-size: 0.75rem;

  }



  /* アイコン付き吹き出し（右側） */

.talk11 {

  margin-top: 1.75rem;

  margin-bottom: 1.75rem;

  }

  

  .talk11 figure img {

  width: 100%;

  height: 100%;

  border: 2px solid #88bece; /* 円の線の太さと色の設定 */

  border-radius: 50%;

  margin: 0;

  }

  

  p.talk11-text {

  margin: 0 0 8px;

  }

  

  p.talk11-text:last-child {

  margin-bottom: 0px;

  }

  
  .talk11:after,.talk:before {

  clear: both;

  content: "";

  display: block;

  }

  

  .talk11-img {

  margin-right: 4px;

  margin-top: -1px;

  float: right;

  width: 90px;

  height: 90px;

  }

  

  .talk11-txt {

  position: relative;

  margin-right: 120px;

  padding: 0.6em 0.8em 1em 0.8em;

  border: 3px solid #88bece; /* 吹き出し線の太さと色の設定 */

  background-color: #fff; /* 吹き出しの背景色 */

  border-radius: 5px; /* 吹き出しの角の丸み */

  }

  

  .talk11-txt:before {

  position: absolute;

  content: '';

  border: 10px solid transparent;

  border-left: 10px solid #88bece; /* 吹き出しの三角形の設定（色以外の変更は非推奨） */

  top: 24px;

  right: -23px;

  }

  

  .talk11-txt:after {

  position: absolute;

  content: '';

  border: 10px solid transparent;

  border-left: 10px solid #fff;

  top: 24px;

  right: -19px;

  }



  @media(max-width: 480px) {

    .talk10-img {

      width: 70px;

      height: 70px;

    }

    .talk10-txt {

      margin-left: 100px;

    }

    .talk11-img {

      width: 70px;

      height: 70px;

    }

    .talk11-txt {

      margin-right: 100px;

    }

  }



  .article_flexbox{

    display: flex;

    width: 100%;

    align-items: center;

  }



  .article_flexbox > div{

    width: 50%;

    position: relative;

  }

  .article_flexbox > div:first-child{

    margin-right: 0rem;

  }

  .article_flexbox > div:last-child{

    margin-left: 0.5rem;

    border:3px solid #ccc;

    padding:1rem;

    border-radius: 10px;

  }





  .article_flexbox > div:last-child:before {

    position: absolute;

    content: '';

    border: 20px solid transparent;

    border-right: 20px solid #ccc; /* 吹き出しの三角形の設定（色以外の変更は非推奨） */

    left: -40px;

    top: 50%;

    transform: translateY(-50%);

    }

    

    .article_flexbox > div:last-child:after {

      position: absolute;

      content: '';

      border: 20px solid transparent;

      border-right: 20px solid #fff;

      left: -36px;

      top: 50%;

      transform: translateY(-50%);

    }



  .article_flexbox > div:first-child img,

  .article_flexbox > div:last-child p:last-child{

    margin-bottom: 0;

  }



  @media(max-width: 480px) {

    .article_flexbox{

      flex-direction: column;

    }

    .article_flexbox > div:last-child{

      margin-left: 0rem;

      margin-top:0.5rem;

    }

    .article_flexbox > div{

      width: 100%;

      position: relative;

    }

    .article_flexbox > div:last-child:before {

      position: absolute;

      content: '';

      border: 20px solid transparent;

      border-bottom: 20px solid #ccc; /* 吹き出しの三角形の設定（色以外の変更は非推奨） */

      top: -40px;

      left: 50%;

      transform: translateX(-50%);

      }

      

      .article_flexbox > div:last-child:after {

        position: absolute;

        content: '';

        border: 20px solid transparent;

        border-bottom: 20px solid #fff;

        top: -36px;

        left: 50%;

        transform: translateX(-50%);

      }

  }



  .section_image{

    width: 100%;

  }



  .st_green{

    color: #1d0199;

    background: linear-gradient(to right, #ffc800 0%, #ffff00a6 100%);

    background-repeat: no-repeat;

    background-position: left bottom;

    background-size: 100% 30%;

  }



  .article_support  p.pr2{

    text-align:center;

    font-size: 1rem;

    border:1px solid #ccc;

    border-bottom: unset;

    border-radius: 10px 10px 0 0;

    padding: 0.5rem 1rem;

    margin-bottom:0;

  }



  .article_support  h2.pr_h2{

    padding: 0 1.75rem;

    margin: 0 0 1rem 0;

    border-bottom: unset;

  }



  .article_support div.br10{

    border-radius: 0 0 10px 10px;

    padding-bottom: 1.75rem;

  }



  .article_support  p.pr2_p{

    padding: 0 1.75rem;

    margin: 0;

    border-bottom: unset;

  }



  input, textarea, select {

    font-size: 16px;

  }











  #my-form table {

    border-collapse: collapse;

  }

   

  #my-form p {

    font-size: 16px;

    font-weight: bold;

    text-align: center;

    margin: 60px auto 40px;

  }

   

  #my-form input[type="submit"],

  #my-form input[type="text"],

  #my-form select,

  #my-form textarea,

  #my-form button {

    -moz-appearance: none;

    -webkit-appearance: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    outline: none;

    border: none;

  }

   

   

  #my-form input[type="text"],

  #my-form textarea,

  #my-form select {

    background: #f8f8f8;

    display: block;

    font-size: 16px;

    padding: 12px 15px;

    width: 100%;

    transition: 0.8s;

    border-radius: 0;

  }

   

  #my-form input[type="text"]:focus,

  #my-form textarea:focus {

    background: #e9f5fb;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

  }

   

  #my-form textarea[name="content"] {

    display: inline-block;

    width: 100%;

    height: 200px;

  }

   

  #my-form input::placeholder,

  #my-form textarea::placeholder {

    color: #ccc;

  }

   

  #my-form ::-webkit-input-placeholder {

    color: #ccc;

    opacity: 1;

  }

   

  #my-form ::-moz-placeholder {

    color: #ccc;

    opacity: 1;

  }

   

  #my-form :-ms-input-placeholder {

    color: #ccc;

    opacity: 1;

  }

   

  #my-form .form-table {

    width: 100%;

  }

   

  #my-form .form-table th,

  #my-form .form-table td {

    border-top: 1px solid #d7d7d7;

    border-bottom: 1px solid #d7d7d7;

    padding: 1rem;

  }

   

  #my-form .form-table th {

    background: #eafcff;

    padding-left: 1.75rem;

    position: relative;

    text-align: left;

    width: 300px;

  }



  @media(max-width: 480px) {

  #my-form .form-table th,

  #my-form .form-table td {

  display: block;

  width: 100%;

  border-bottom: none;

}



#my-form input[type="text"], #my-form textarea ,#my-form select{

  width: 100%;

}

  }



  .Search-form-style{

    display: flex;

    flex-direction: row;

  }



  @media(max-width: 1024px) {

    .Search-form-style{

    flex-direction: column;

    }

  }



  .support_search{

    margin-top:1.75rem!important;

  }



  .support_search input{

   border-radius: 10px;

   border:unset;

   padding: 1.25rem;

   width: 55%;

  }



  .support_search input:focus{

    background: #e9f5fb;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

    outline: 0;

  }



  .support_search button{

    background-color: #1d0199;

    color: #fff;

    border-radius: 10px;

    margin-left: .5rem;

    padding:1.25rem;

    font-weight: bold;

    font-size:1rem;

    width: calc(22.5% - 0.5rem);

    border:unset;

    position: relative;

      }



      .support_search a{

        display: block;

        text-align: center;

        padding:1.25rem;

        font-weight: bold;

        text-decoration: none;

        background-color: #ff1414;

        color:#fff;

        border-radius: 10px;

        margin-left: .5rem;

        width: calc(22.5% - 0.5rem);

      }

    



      @media(max-width: 1024px) {

        .support_search input{

          width: 100%;

        }

        .support_search button{

          margin-left: 0;

          width:100%;

          margin-top:0.5rem;

        }

        .support_search a{

          margin-left: 0;

          width:100%;

          margin-top:0.5rem;

        }

      }





      .support_search button:before {

        position: absolute;

        content: '';

        border: 20px solid transparent;

        border-right: 20px solid #1d0199; /* 吹き出しの三角形の設定（色以外の変更は非推奨） */

        left: -40px;

        top: 50%;

        transform: translateY(-50%);

        }

        

        .support_search button:after {

          position: absolute;

          content: '';

          border: 20px solid transparent;

          border-right: 20px solid #1d0199;

          left: -36px;

          top: 50%;

          transform: translateY(-50%);

        }



        @media(max-width: 1024px) {

          .support_search button:before {

          position: absolute;

          content: '';

          border: 20px solid transparent;

          border-bottom: 20px solid #1d0199; /* 吹き出しの三角形の設定（色以外の変更は非推奨） */

          top: -40px;

          left: 50%;

          transform: translateX(-50%);

          }

          

          .support_search button:after {

            position: absolute;

            content: '';

            border: 20px solid transparent;

            border-bottom: 20px solid #1d0199;

            top: -36px;

            left: 50%;

            transform: translateX(-50%);

          }

        }





.search_p{

  max-width: 1080px;

    margin-right: auto;

    margin-left: auto;

    padding: 0 1.5rem;

    letter-spacing: 1px;

    margin-top:1.5rem;

}



@media(max-width: 480px) {

  .search_p{

  margin-top:1.5rem;

  }

}



.border_gray input{

  border:1px solid #ccc;

}



.footer_fixed{

	position:fixed;

	display:flex;

  flex-direction: column;

	width:100%;

	bottom:0;

	left:0;

	z-index:999;

  background-color: #fff;

  border-top:1px solid #ccc;

  box-shadow: 0px 0 4px #ccc;

}

.footer_fixed p {

  padding:0.25rem;

  text-align: center;

}

.footer_fixed p span{

  font-weight: bold;

  color:#191970;

}

.foter_fixed_inner{

  display:flex;

  flex-direction: row;

	width:100%;

	z-index:999;

}

.footer_fixed a{

	color: #fff;

	text-decoration: none;

  display: inline-flex;

align-items: center;

}

.footer_tel{

	width:50%;

	background:#096840;

	text-align:center;

	padding:10px 0;

}

.footer_contact{

	width:50%;

	background:#ffa500;

	text-align:center;

	padding:10px 0;

}

@media(min-width:480px){

.footer_fixed{

	display: none;

}

}



.vc{

  display: inline-flex;

  align-items: center;



}



.home-fv-wrap .top_mail .icon_fontsize{

  font-size: 2.5rem;

  line-height: 1.5;

}



@media(max-width:1024px){

  .home-fv-wrap .top_mail .icon_fontsize{

    font-size: 1.5rem;

  }

}

.mb20 {

}

.bg_black{
background-color:#131313;
	padding:40px calc(50vw - 50%);
margin: 0 calc(50% - 50vw);
	width: calc(100vw - 0.5rem);
}
@media(max-width:1024px){
.bg_black{
width:100vw;
}
}
.bg_black .article-item{
border:2px solid #fff10d;
}
.bg_black .home_postlist_title{
color:#fff10d;
border-bottom: solid 5px #fff10d;
}