@charset "UTF-8";
/*_____ font _______________*/
/*_____ color _______________*/
/*_____ font weight _______________*/
/*_____ Mixin _______________*/
/*
  =================================================== for_ PC
*/
/*
  =================================================== for_ SP
*/
/*
  =================================================== for_ Site
*/
@media screen and (min-width: 769px), print {
  .information_content_detail {
    padding-left: 0;
  }
  .information_content_detail img {
    height: auto;
    max-width: 100%;
  }
  .information_content_detail .box_blog,
  .information_content_detail .box_case {
    font-size: 1.6rem;
    /*リストスタイル*/
    /*数字付きリストスタイル*/
    /*引用スタイル*/
    /*aタグデフォルト色・下線*/
    /*画像　中央揃え*/
    /*画像　右揃え*/
    /*オリジナルレイアウト追加　強調ボックス*/
    /*オリジナルレイアウト追加　囲み枠*/
    /*オリジナルレイアウト追加　囲み（角が四角い）*/
    /*オリジナルレイアウト追加　表（テーブル）のスタイル*/
    /*オリジナルレイアウト追加　カラムレイアウト（2列対応）*/
    /*オリジナルレイアウト追加　ctaボタン */
  }
  .information_content_detail .box_blog h3,
  .information_content_detail .box_case h3 {
    padding: 0;
    font-size: 1.17em;
    color: inherit;
    letter-spacing: normal;
    border-bottom: 0;
  }
  .information_content_detail .box_blog p,
  .information_content_detail .box_case p {
    padding-left: 0;
  }
  .information_content_detail .box_blog ul,
  .information_content_detail .box_case ul {
    font-size: 1.6rem;
    -webkit-padding-start: 40px;
       -moz-padding-start: 40px;
            padding-inline-start: 40px;
  }
  .information_content_detail .box_blog ul li,
  .information_content_detail .box_case ul li {
    font-size: inherit;
    list-style: disc;
  }
  .information_content_detail .box_blog ol,
  .information_content_detail .box_case ol {
    font-size: 1.6rem;
    -webkit-padding-start: 40px;
       -moz-padding-start: 40px;
            padding-inline-start: 40px;
  }
  .information_content_detail .box_blog ol li,
  .information_content_detail .box_case ol li {
    font-size: inherit;
    list-style: decimal;
  }
  .information_content_detail .box_blog blockquote,
  .information_content_detail .box_case blockquote {
    position: relative;
    background: #f9f9f9;
    border-left: 4px solid #ccc;
    margin: 1.5em 0;
    padding: 2em 2.5em 2em 1.5em;
    font-style: italic;
    font-size: 1.6rem;
    color: #555;
  }
  .information_content_detail .box_blog blockquote p,
  .information_content_detail .box_case blockquote p {
    margin-bottom: 0;
  }
  .information_content_detail .box_blog blockquote:before,
  .information_content_detail .box_case blockquote:before {
    content: "“";
    font-size: 3em;
    color: #ccc;
    position: absolute;
    top: 0px;
    left: 10px;
  }
  .information_content_detail .box_blog blockquote:after,
  .information_content_detail .box_case blockquote:after {
    content: "”";
    font-size: 3em;
    color: #ccc;
    position: absolute;
    bottom: -20px;
    right: 30px;
  }
  .information_content_detail .box_blog blockquote cite,
  .information_content_detail .box_case blockquote cite {
    display: block;
    text-align: right;
    font-style: normal;
    margin-top: 0.5em;
    color: #333;
    font-size: 1.4rem;
  }
  .information_content_detail .box_blog blockquote cite:before,
  .information_content_detail .box_case blockquote cite:before {
    content: "ー";
    margin-right: 0.5em;
  }
  .information_content_detail .box_blog a,
  .information_content_detail .box_case a {
    color: #0000ee;
    text-decoration: underline;
  }
  .information_content_detail .box_blog a:hover,
  .information_content_detail .box_case a:hover {
    text-decoration: none;
  }
  .information_content_detail .box_blog .aligncenter,
  .information_content_detail .box_case .aligncenter {
    text-align: center;
  }
  .information_content_detail .box_blog .alignright,
  .information_content_detail .box_case .alignright {
    text-align: right;
  }
  .information_content_detail .box_blog .emphasis-box,
  .information_content_detail .box_case .emphasis-box {
    background-color: #e2edf3;
    padding: 20px 30px;
    margin-bottom: 25px;
  }
  .information_content_detail .box_blog .emphasis-box p,
  .information_content_detail .box_case .emphasis-box p {
    margin-bottom: 0;
  }
  .information_content_detail .box_blog .kakomi-rounded-box,
  .information_content_detail .box_case .kakomi-rounded-box {
    border: 1px solid #005d9a;
    padding: 20px 30px;
    -moz-border-radius: 20px;
         border-radius: 20px;
    margin-bottom: 25px;
  }
  .information_content_detail .box_blog .kakomi-rounded-box p,
  .information_content_detail .box_case .kakomi-rounded-box p {
    margin-bottom: 0;
  }
  .information_content_detail .box_blog .kakomi-box,
  .information_content_detail .box_case .kakomi-box {
    border: 1px solid #005d9a;
    padding: 20px 30px;
    margin-bottom: 25px;
  }
  .information_content_detail .box_blog .kakomi-box p,
  .information_content_detail .box_case .kakomi-box p {
    margin-bottom: 0;
  }
  .information_content_detail .box_blog table.aligncenter,
  .information_content_detail .box_case table.aligncenter {
    margin-left: auto;
    margin-right: auto;
  }
  .information_content_detail .box_blog table.alignleft,
  .information_content_detail .box_case table.alignleft {
    margin-left: 0;
    margin-right: auto;
  }
  .information_content_detail .box_blog table.alignright,
  .information_content_detail .box_case table.alignright {
    margin-left: auto;
    margin-right: 0;
  }
  .information_content_detail .box_blog table tr th *, .information_content_detail .box_blog table tr td *,
  .information_content_detail .box_case table tr th *,
  .information_content_detail .box_case table tr td * {
    font-size: inherit;
  }
  .information_content_detail .box_blog .column2,
  .information_content_detail .box_case .column2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 50px;
  }
  .information_content_detail .box_blog .column2 figure,
  .information_content_detail .box_case .column2 figure {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .information_content_detail .box_blog .column2 figure img,
  .information_content_detail .box_case .column2 figure img {
    width: 100%;
    height: auto;
  }
  .information_content_detail .box_blog .column2 .column2_text,
  .information_content_detail .box_case .column2 .column2_text {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .information_content_detail .box_blog .column2 .column2_text_head,
  .information_content_detail .box_case .column2 .column2_text_head {
    margin-bottom: 20px;
  }
  .information_content_detail .box_blog .cta-button,
  .information_content_detail .box_case .cta-button {
    margin: 40px 0;
    text-align: center;
  }
  .information_content_detail .box_blog .cta-button a,
  .information_content_detail .box_case .cta-button a {
    background-color: #f39c12;
    -moz-border-radius: 5px;
         border-radius: 5px;
    color: #fff;
    padding: 15px 40px;
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: bold;
    display: inline-block;
    border: 0;
    width: 440px;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .information_content_detail .box_blog .cta-button a:hover,
  .information_content_detail .box_case .cta-button a:hover {
    opacity: 0.5;
  }
}

@media screen and (max-width: 768px) {
  .information_content_detail {
    padding-left: 0;
  }
  .information_content_detail img {
    height: auto;
    max-width: 100%;
  }
  .information_content_detail .box_blog,
  .information_content_detail .box_case {
    font-size: 1.6rem;
    /*リストスタイル*/
    /*数字付きリストスタイル*/
    /*引用スタイル*/
    /*aタグデフォルト色・下線*/
    /*画像　中央揃え*/
    /*画像　右揃え*/
    /*オリジナルレイアウト追加　強調ボックス*/
    /*オリジナルレイアウト追加　囲み枠*/
    /*オリジナルレイアウト追加　囲み（角が四角い）*/
    /*オリジナルレイアウト追加　表（テーブル）のスタイル*/
    /*オリジナルレイアウト追加　カラムレイアウト（2列対応）*/
    /*オリジナルレイアウト追加　ctaボタン */
  }
  .information_content_detail .box_blog h3,
  .information_content_detail .box_case h3 {
    padding: 0;
    font-size: 1.17em;
    color: inherit;
    letter-spacing: normal;
    border-bottom: 0;
  }
  .information_content_detail .box_blog p,
  .information_content_detail .box_case p {
    padding-left: 0;
  }
  .information_content_detail .box_blog ul,
  .information_content_detail .box_case ul {
    font-size: 1.5rem;
    -webkit-padding-start: 40px;
       -moz-padding-start: 40px;
            padding-inline-start: 40px;
  }
  .information_content_detail .box_blog ul li,
  .information_content_detail .box_case ul li {
    font-size: inherit;
    list-style: disc;
  }
  .information_content_detail .box_blog ol,
  .information_content_detail .box_case ol {
    font-size: 1.5rem;
    -webkit-padding-start: 40px;
       -moz-padding-start: 40px;
            padding-inline-start: 40px;
  }
  .information_content_detail .box_blog ol li,
  .information_content_detail .box_case ol li {
    font-size: inherit;
    list-style: decimal;
  }
  .information_content_detail .box_blog blockquote,
  .information_content_detail .box_case blockquote {
    position: relative;
    background: #f9f9f9;
    border-left: 4px solid #ccc;
    margin: 1.5em 0;
    padding: 2em 2.5em 2em 1.5em;
    font-style: italic;
    font-size: 1.5rem;
    color: #555;
  }
  .information_content_detail .box_blog blockquote p,
  .information_content_detail .box_case blockquote p {
    margin-bottom: 0;
  }
  .information_content_detail .box_blog blockquote:before,
  .information_content_detail .box_case blockquote:before {
    content: "“";
    font-size: 3em;
    color: #ccc;
    position: absolute;
    top: 0px;
    left: 10px;
  }
  .information_content_detail .box_blog blockquote:after,
  .information_content_detail .box_case blockquote:after {
    content: "”";
    font-size: 3em;
    color: #ccc;
    position: absolute;
    bottom: -20px;
    right: 30px;
  }
  .information_content_detail .box_blog blockquote cite,
  .information_content_detail .box_case blockquote cite {
    display: block;
    text-align: right;
    font-style: normal;
    margin-top: 0.5em;
    color: #333;
    font-size: 1.3rem;
  }
  .information_content_detail .box_blog blockquote cite:before,
  .information_content_detail .box_case blockquote cite:before {
    content: "ー";
    margin-right: 0.5em;
  }
  .information_content_detail .box_blog a,
  .information_content_detail .box_case a {
    color: #0000ee;
    text-decoration: underline;
  }
  .information_content_detail .box_blog a:hover,
  .information_content_detail .box_case a:hover {
    text-decoration: none;
  }
  .information_content_detail .box_blog .aligncenter,
  .information_content_detail .box_case .aligncenter {
    text-align: center;
  }
  .information_content_detail .box_blog .alignright,
  .information_content_detail .box_case .alignright {
    text-align: right;
  }
  .information_content_detail .box_blog img,
  .information_content_detail .box_case img {
    width: 100%;
  }
  .information_content_detail .box_blog .emphasis-box,
  .information_content_detail .box_case .emphasis-box {
    background-color: #e2edf3;
    padding: 20px 30px;
    margin-bottom: 25px;
  }
  .information_content_detail .box_blog .emphasis-box p,
  .information_content_detail .box_case .emphasis-box p {
    margin-bottom: 0;
  }
  .information_content_detail .box_blog .kakomi-rounded-box,
  .information_content_detail .box_case .kakomi-rounded-box {
    border: 1px solid #005d9a;
    padding: 20px 30px;
    -moz-border-radius: 20px;
         border-radius: 20px;
    margin-bottom: 25px;
  }
  .information_content_detail .box_blog .kakomi-rounded-box p,
  .information_content_detail .box_case .kakomi-rounded-box p {
    margin-bottom: 0;
  }
  .information_content_detail .box_blog .kakomi-box,
  .information_content_detail .box_case .kakomi-box {
    border: 1px solid #005d9a;
    padding: 20px 30px;
    margin-bottom: 25px;
  }
  .information_content_detail .box_blog .kakomi-box p,
  .information_content_detail .box_case .kakomi-box p {
    margin-bottom: 0;
  }
  .information_content_detail .box_blog .table-scroll,
  .information_content_detail .box_case .table-scroll {
    width: 100%;
    overflow: auto;
  }
  .information_content_detail .box_blog table.aligncenter,
  .information_content_detail .box_case table.aligncenter {
    margin-left: auto;
    margin-right: auto;
  }
  .information_content_detail .box_blog table.alignleft,
  .information_content_detail .box_case table.alignleft {
    margin-left: 0;
    margin-right: auto;
  }
  .information_content_detail .box_blog table.alignright,
  .information_content_detail .box_case table.alignright {
    margin-left: auto;
    margin-right: 0;
  }
  .information_content_detail .box_blog table tr th *, .information_content_detail .box_blog table tr td *,
  .information_content_detail .box_case table tr th *,
  .information_content_detail .box_case table tr td * {
    font-size: inherit;
  }
  .information_content_detail .box_blog .column2,
  .information_content_detail .box_case .column2 {
    display: block;
  }
  .information_content_detail .box_blog .column2 figure img,
  .information_content_detail .box_case .column2 figure img {
    width: 100%;
    height: auto;
  }
  .information_content_detail .box_blog .column2 .column2_text,
  .information_content_detail .box_case .column2 .column2_text {
    margin-top: 25px;
  }
  .information_content_detail .box_blog .column2 .column2_text_head,
  .information_content_detail .box_case .column2 .column2_text_head {
    margin-bottom: 15px;
  }
  .information_content_detail .box_blog .cta-button,
  .information_content_detail .box_case .cta-button {
    margin: 20px 0;
    text-align: center;
  }
  .information_content_detail .box_blog .cta-button a,
  .information_content_detail .box_case .cta-button a {
    background-color: #f39c12;
    -moz-border-radius: 5px;
         border-radius: 5px;
    color: #fff;
    padding: 15px 40px;
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: bold;
    display: inline-block;
    border: 0;
    min-width: 80%;
    max-width: 100%;
  }
}