@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Lato:400,700|Montserrat:400,500,700&display=swap");

@import url("additional_common.css");

/*------------------- reset ---------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/

html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline; }



/* HTML5 display-role reset for older browsers */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block; }



body {

  line-height: 1; }



ol,

ul {

  list-style: none; }



blockquote,

q {

  quotes: none; }



blockquote:before,

blockquote:after,

q:before,

q:after {

  content: '';

  content: none; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



/*--------------- form ------------------*/

button {

  transition: 0.3s ease; }



button,

input,

select,

textarea {

  font-family: inherit;

  font-size: 100%; }



input[type='checkbox'],

input[type='radio'] {

  margin: 0;

  padding: 0;

  background: none;

  border: none;

  border-radius: 0;

  outline: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none; }



label {

  position: relative;

  display: block;

  word-break: break-all; }



label input[type='checkbox'] + span,

label input[type='radio'] + span {

  position: relative;

  padding-left: 15px; }



label input[type='radio'] + span {

  padding-right: 15px;

  padding-left: 0; }



/*--- checkbox --*/

label input[type='checkbox'] + span::before {

  border-color: #6a3906; }



label input[type='checkbox']:checked + span::before {

  background-color: #6a3906; }



label span {

  display: inline-block; }



label input[type='checkbox'] {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  width: 1px; }



label input[type='checkbox'] + span::before,

label input[type='checkbox'] + span::after {

  position: absolute;

  top: 7px;

  left: 0;

  display: inline-block;

  content: '';

  box-sizing: border-box; }



label input[type='checkbox'] + span::before {

  z-index: 0;

  background-color: transparent;

  width: 12px;

  height: 12px;

  border: 1px #313131 solid; }



label input[type='checkbox'] + span::after {

  z-index: 1;

  margin: 2px 4px;

  width: 6px;

  height: 9px; }



label input[type='checkbox']:checked + span::before {

  background-color: #fff; }



label input[type='checkbox']:checked + span::after {

  border: 2px solid #313131;

  border-width: 0 2px 2px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg); }



/*--- radio ----*/

label input[type='radio'] + span::before {

  border-color: #6a3906; }



label span {

  display: inline-block; }



label input[type='radio'] {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  width: 1px; }



label input[type='radio'] + span::before {

  position: absolute;

  display: inline-block;

  content: '';

  box-sizing: border-box;

  border: 1px solid #668dd4;

  border-radius: 50%; }



label input[type='radio'] + span::before {

  z-index: 0;

  top: 5px;

  right: 0;

  background-color: transparent;

  width: 14px;

  height: 14px; }



/*label input[type="radio"]:checked + span::before {

  border: 4px solid #668dd4;

}*/

label input[type='radio']:checked + span::after {

  position: absolute;

  display: inline-block;

  content: '';

  box-sizing: border-box;

  background-color: #668dd4;

  border-radius: 50%;

  z-index: 0;

  top: 7px;

  right: 2px;

  width: 10px;

  height: 10px; }



/*-------- text email tel ---------*/

input[type='text'],

input[type='email'],

input[type='tel'],

textarea,

select,

input[type='button'],

input[type='submit'],

button[type='submit'],

input[type='reset'] {

  margin: 0;

  padding: 0;

  background: none;

  border: none;

  border-radius: 0;

  outline: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  padding: 5px;

  background-color: #fff;

  border: 1px solid #dbd6d0;

  border-radius: 0; }



/*-------- select ------------*/

select {

  width: 200px;

  background-image: url(../images/contact_select_arr.png);

  background-repeat: no-repeat;

  background-position: 92% center;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  font-weight: bold; }



select::-ms-expand {

  display: none; }



input[type='text'],

input[type='email'],

input[type='tel'],

textarea {

  width: 100%;

  max-width: 100%; }



textarea {

  resize: vertical;

  overflow: auto;

  height: 160px; }



input[type='button'],

input[type='submit'] {

  padding: 10px 40px;

  font-size: 1.2em;

  background-color: #6a3906;

  color: #fff;

  border-style: none; }



@media screen and (max-width: 767px) {

  input[type='text'],

  input[type='email'],

  input[type='tel'],

  textarea {

    width: 100%;

    font-size: 1.6rem !important; } }



::placeholder {

  color: #999999; }



/*----------------------------------------------*/

/*--------------- common -----------------------*/

body {

  font-size: 100%;

  background-color: #fff;

  color: #000;

  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;

  -webkit-text-size-adjust: 100%; }



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: normal;

  margin: 0;

  padding: 0; }



.clearfix::after {

  content: ' ';

  display: block;

  clear: both; }



.clr {

  clear: both; }



.fr {

  float: right; }



.fl {

  float: left; }



img {

  display: block; }



*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -o-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box; }



html,

body {

  width: 100%; }



html {

  font-size: 62.5%; }



body {

  font-size: 1rem;

  line-height: 1.75;

  position: relative;

  font-weight: 500; }



.mincho {

  font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif; }



.en {

  font-family: 'Montserrat', sans-serif; }



.en02 {

  font-family: 'Lato', sans-serif; }



.tab,

.sp,

.ip {

  display: none; }



.wrap {

  width: 1280px;

  max-width: 100%;

  margin: auto; }



.wrap.inn {

  width: 1000px; }



.wrap img {

  display: block;

  max-width: 100%;

  margin: auto; }



a {

  text-decoration: none;

  outline: none;

  transition: 0.3s ease;

  /*	color: #3E3A39;*/ }



a:hover {

  text-decoration: none; }



a:hover img {

  opacity: 0.7; }



a:hover {

  opacity: 0.7; }



.switch {

  display: none; }



.flex {

  display: flex; }



/*------------------ general----------------*/

.mt0 {

  margin-top: 0px !important; }



.mt5 {

  margin-top: 5px !important; }



.mt10 {

  margin-top: 10px !important; }



.mt15 {

  margin-top: 15px !important; }



.mt20 {

  margin-top: 20px !important; }



.mt25 {

  margin-top: 25px !important; }



.mt30 {

  margin-top: 30px !important; }



.mt35 {

  margin-top: 35px !important; }



.mt40 {

  margin-top: 40px !important; }



.mt45 {

  margin-top: 45px !important; }



.mt50 {

  margin-top: 50px !important; }



.mb0 {

  margin-bottom: 0px !important; }



.mb10 {

  margin-bottom: 10px !important; }



.mb15 {

  margin-bottom: 15px !important; }



.mb20 {

  margin-bottom: 20px !important; }



.mb25 {

  margin-bottom: 25px !important; }



.mb30 {

  margin-bottom: 30px !important; }



.mb35 {

  margin-bottom: 35px !important; }



.mb50 {

  margin-bottom: 50px !important; }



.mb60 {

  margin-bottom: 60px !important; }



.mr0 {

  margin-right: 0px !important; }



.mr10 {

  margin-right: 10px !important; }



.mr20 {

  margin-right: 20px !important; }



.mr30 {

  margin-right: 30px !important; }



.mr40 {

  margin-right: 40px !important; }



.pl0 {

  padding-left: 0px !important; }



.pl10 {

  padding-left: 10px !important; }



.pl20 {

  padding-left: 20px !important; }



.pl30 {

  padding-left: 30px !important; }



.pl40 {

  padding-left: 40px !important; }



.pl50 {

  padding-left: 50px !important; }



.pb0 {

  padding-bottom: 0px !important; }



.pb10 {

  padding-bottom: 10px !important; }



.pb20 {

  padding-bottom: 20px !important; }



.pb30 {

  padding-bottom: 30px !important; }



.pb40 {

  padding-bottom: 40px !important; }



.pr0 {

  padding-right: 0px !important; }



.pr10 {

  padding-right: 10px !important; }



.pr15 {

  padding-right: 15px !important; }



.pr20 {

  padding-right: 20px !important; }



.pr30 {

  padding-right: 30px !important; }



.pr40 {

  padding-right: 40px !important; }



.pt0 {

  padding-top: 0 !important; }



.pt10 {

  padding-top: 10px !important; }



.pt20 {

  padding-top: 20px !important; }



.pt30 {

  padding-top: 30px !important; }



.pt40 {

  padding-top: 40px !important; }



/*---------------- tab-------------------*/

@media screen and (max-width: 1024px) {

  .tab {

    display: block; } }



/*---------------- sp-------------------*/

@media screen and (max-width: 767px) {

  .sp {

    display: block; }

  .pc {

    display: none; }

  .wrap {

    width: 100%;

    padding: 0; } }



/*--------------- parts ---------------*/

.ggmap {

  position: relative;

  padding-bottom: 54.18%;

  height: 0;

  overflow: hidden; }



.ggmap iframe,

.ggmap object,

.ggmap embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%; }



/*------------------- IE11 -------------------*/

_:-ms-lang(x)::-ms-backdrop,

#aaa {

  margin-top: 25px; }



/*------------------ safari -------------------*/

_::-webkit-full-page-media,

_:future,

:root #aaa {

  width: 106px; }



/*---------------------- main -----------------------*/

/*body:not(.index) #main {

  padding-top: 0; }*/



#mv.only-amp,

#mv-amp.only-amp {

  display: none; }



#link_toi {

  padding: 80px 0 160px; }



#link_toi .link_toi {

  width: 570px;

  height: 100px;

  display: block;

  margin: auto;

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);

  background-color: #006cc9;

  color: #fff;

  font-size: 1.8rem;

  font-weight: bold;

  display: flex;

  align-items: center;

  justify-content: center;

  max-width: 100%; }



#link_toi .link_toi::before {

  content: '';

  width: 32px;

  height: 25px;

  background-image: url("../images/link_toi@2x.png");

  background-repeat: no-repeat;

  background-size: contain;

  margin-right: 22px; }



/*------------------------- footer --------------------*/

#footer {

  background-image: url("../images/footer_bg@2x.png");

  background-size: cover;

  background-repeat: no-repeat;

  color: #fff;

  padding: 75px 0 60px; }



#footer a {

  color: #fff; }



#footer .wrap {

  box-sizing: border-box;

  display: flex;

  justify-content: space-between;

  width: 1200px;

  max-width: 100%; }

  @media only screen and (max-width: 1200px) {

    #footer .wrap {

      padding: 0 5%; } }



#footer .f_logo {

  font-size: 2.2rem;

  font-weight: 500;

  letter-spacing: 0.15em;

  margin: 10px 0 0; }



#footer .f_logo_txt {

  font-size: 1.2rem;

  letter-spacing: 0.05em;

  font-weight: 500; }



#footer .f_logo_txt + .f_logo {

  margin-top: 0;

  font-size: 1.8rem; }



#footer .f_tel {

  font-size: 4.6rem;

  font-weight: 500;

  letter-spacing: 0.1em;

  line-height: 1;

  margin: 6px 0 8px; }



#footer .f_add {

  font-size: 1.4rem;

  line-height: 1.57; }



#footer .f_add .tellink {

  margin-right: 25px; }



#footer .f_nav {

  flex: 0 1 750px; }



#footer .f_sitemap_wrapper {

  display: flex;

  justify-content: flex-start; }

  @media only screen and (max-width: 767px) {

    #footer .f_sitemap_wrapper {

      display: block;

      padding-right: 5%;

      padding-left: 5%; } }



#footer .f_sitemap {

  flex: 0 1 167px;

  display: block;

  margin: 0 0 0 2.33333%; }

  #footer .f_sitemap:first-child {

    margin-left: 0; }

    @media only screen and (max-width: 767px) {

      #footer .f_sitemap:first-child li:first-child {

        border-top: 1px solid rgba(255, 255, 255, 0.3); } }

  @media only screen and (max-width: 767px) {

    #footer .f_sitemap {

      margin-left: 0; } }

  #footer .f_sitemap > li {

    font-size: 1.4rem;

    font-weight: bold; }

    #footer .f_sitemap > li:first-child > a {

      padding-top: 0;

      background-position: top 0.6em left 0; }

      @media only screen and (max-width: 767px) {

        #footer .f_sitemap > li:first-child > a {

          padding-top: 13px;

          background-position: center left; } }

    @media only screen and (max-width: 767px) {

      #footer .f_sitemap > li.__has-child > a {

        background-image: url("../images/menu_open@2x.png");

        background-position: center right;

        background-size: 16px; } }

    @media only screen and (max-width: 767px) {

      #footer .f_sitemap > li.__has-child[data-state='open'] > a {

        background-image: url("../images/menu_close@2x.png"); } }

    #footer .f_sitemap > li > a {

      display: block;

      padding: 13px 0 14px 12px;

      border-bottom: 1px solid rgba(255, 255, 255, 0.3);

      background-image: url("../images/f_arr@2x.png");

      background-position: center left;

      background-repeat: no-repeat;

      background-size: 5px; }

      @media only screen and (max-width: 767px) {

        #footer .f_sitemap > li > a {

          padding-left: 0;

          background-image: none; } }

  #footer .f_sitemap .f_sitemap_sub {

    margin: 10px 0 0; }

    @media only screen and (max-width: 767px) {

      #footer .f_sitemap .f_sitemap_sub {

        display: none;

        margin: 15px 0 0; } }

    #footer .f_sitemap .f_sitemap_sub > li {

      margin: 0.5em 0 0;

      font-size: 1.2rem;

      font-weight: normal; }

      #footer .f_sitemap .f_sitemap_sub > li:first-child {

        margin-top: 0; }

      @media only screen and (max-width: 767px) {

        #footer .f_sitemap .f_sitemap_sub > li {

          margin-top: 1.5em; } }

      #footer .f_sitemap .f_sitemap_sub > li > a {

        padding: 0; }

        #footer .f_sitemap .f_sitemap_sub > li > a::before {

          content: '-'; }



#footer .f_sign {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  padding: 22px 0 0; }

  @media only screen and (max-width: 767px) {

    #footer .f_sign {

      display: block; } }

  #footer .f_sign .f_utility_link {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    flex-wrap: wrap;

    gap:  8px 40px;

    justify-content: flex-start; }

    #footer .f_sign .f_utility_link li, #footer .f_sign .f_utility_link dt, #footer .f_sign .f_utility_link dd {

      display: block;

      margin: 0;

      padding: 0; }

    @media only screen and (max-width: 767px) {

      #footer .f_sign .f_utility_link {

        display: block;

        padding: 0 5%; } }

    /* #footer .f_sign .f_utility_link li {

      margin: 0 0 0 40px; } */

      /* #footer .f_sign .f_utility_link li:first-child {

        margin: 0; } */

      @media only screen and (max-width: 767px) {

        #footer .f_sign .f_utility_link li {

          margin: 2em 0 0; } }

      #footer .f_sign .f_utility_link li a {

        padding: 0 0 0 15px;

        background: transparent url("../images/f_arr@2x.png") left center no-repeat;

        background-size: 5px;

        font-size: 1.4rem; }



#footer .f_privacy {

  font-size: 1.4rem;

  font-weight: 500; }



#footer .cpy {
  flex-shrink: 0;

  white-space: nowrap;

  font-size: 1.2rem;

  font-weight: 500;

  letter-spacing: 0.05em; }

  @media only screen and (max-width: 767px) {

    #footer .cpy {

      margin: 30px 0 0;

      padding: 5px 5%;

      background: #fff;

      text-align: center;

      color: #000; } }



#page_top {

  right: 0;

  width: 140px;

  height: 70px; }



#page_top a {

  width: 100%;

  height: 100%;

  display: block;

  color: #000;

  font-size: 1.2rem;

  font-weight: bold;

  text-align: center;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  letter-spacing: 0.1em;

  background-color: #e5ebf3; }



#page_top a::before {

  content: '';

  width: 23px;

  height: 11px;

  background-image: url("../images/pagetop@2x.png");

  background-size: contain;

  background-repeat: no-repeat;

  margin-bottom: 2px; }



/*------------------------------- tab ----------------------------*/

@media screen and (max-width: 1024px) {

  #footer .wrap.inn {

    padding: 0 5%; }

  #footer .f_box {

    width: 50%; }

  #footer .f_tel {

    font-size: 5vw; } }



/*------------------------------- sp ----------------------------*/

@media screen and (max-width: 767px) {

  body:not(.index) #main {

    padding-top: 80px; }

  #link_toi {

    padding: 10vw 0 0;

    padding-bottom: calc(10vw + 70px); }

  #link_toi .wrap {

    padding: 0 5%; }

  #link_toi .link_toi {

    height: 80px;

    font-size: 1.6rem; }

  #link_toi .link_toi::before {

    width: 39px;

    height: 24px;

    margin-right: 16px; }

  #footer {

    padding: 6vw 0 0;

    background-image: url("../images/footer_bg_sp@2x.png"); }

  #footer .wrap.inn {

    padding: 0; }

  #footer .wrap {

    display: block; }

  #footer .f_box {

    width: 100%;

    max-width: 100%;

    margin: auto; }

  #footer .f_box:nth-of-type(1) {

    width: 337px;

    max-width: 90%; } }

  @media only screen and (max-width: 767px) and (max-width: 767px) {

    #footer .f_box:nth-of-type(1) {

      width: auto;

      max-width: none;

      padding-right: 5%;

      padding-left: 5%; } }



@media screen and (max-width: 767px) {

  #footer .f_box + .f_box {

    margin-top: 18px; }

  #footer .f_tel {

    font-size: 3.4rem;

    margin: 13px 0 13px; }

  #footer .f_add {

    font-size: 1.2rem;

    line-height: 1.8; }

  #page_top {

    width: 80px; }

  #page_top a {

    font-size: 1rem; } }



@media screen and (max-width: 767px) {

  #main {

    padding-top: 40px; } }



/*-------------------------------　under ------------------------------------*/

.pankz {

  padding: 18px 0 9px; }



.pankz ul {

  display: flex; }



.pankz ul li + li::before {

  content: '>';

  display: inline-block;

  margin: 0 12px; }



.pankz ul li a,

.pankz ul li span {

  font-size: 1.2rem;

  font-weight: 500;

  color: #000; }



.pankz ul li span {

  color: #006cc9; }



.pankz ul li a:hover {

  opacity: 1;

  color: #006cc9; }



#mv .mv_img {

  width: 100%; }



.cnt_area .wrap.inn {

  background-color: #fff;

  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.05);

  padding: 55px 75px 0;

  margin-top: -170px;

  position: relative; }



.page_ttl {

  font-size: 4rem;

  font-weight: 500;

  text-align: center;

  letter-spacing: 0.15em; }



.page_ttl_en {

  font-size: 1.2rem;

  font-weight: bold;

  color: #006cc9;

  text-align: center;

  letter-spacing: 0.2em;

  line-height: 1; }



.page_ttl_en::after {

  content: '';

  width: 120px;

  height: 1px;

  background-color: #006cc9;

  display: block;

  margin: 35px auto auto; }



.cnt_area .txt {

  font-size: 1.6rem;

  line-height: 1.5; }



#main .ac_cnt {

  display: none; }



/*------------------------------- tab ----------------------------*/

@media screen and (max-width: 1024px) {

  .pankz {

    padding: 0 20px; }

  .cnt_area .wrap.inn {

    padding: 10vw 5% 0;

    margin-top: -10vw; } }



/*------------------------------- sp ----------------------------*/

@media screen and (max-width: 767px) {

  .pankz {

    display: none; }

  .cnt_area .wrap.inn {

    margin-top: 0;

    padding: 10vw 5% 0;

    box-shadow: none; }

  .page_ttl {

    font-size: 2.4rem; }

  .page_ttl_en {

    font-size: 1rem;

    margin-top: 10px; } }



[data-aos='new-fade'] {

  opacity: 0;

  -webkit-transform: translateY(50px);

  transform: translateY(50px);

  -webkit-transition: opacity 0.8s ease-out, transform 0.6s ease-out;

  transition: opacity 0.8s ease-out, transform 0.6s ease-out; }



[data-aos='new-fade'].aos-animate {

  opacity: 1;

  -webkit-transform: translateY(0px);

  transform: translateY(0px); }



[data-aos='mv-fade'] {

  opacity: 0;

  -webkit-transition: opacity 0.8s ease-out, transform 0.6s ease-out;

  transition: opacity 0.8s ease-out, transform 0.6s ease-out; }



[data-aos='mv-fade'].aos-animate {

  opacity: 1; }



/*----------------------- additional content area ---------------------*/

.additional_content_area {

  padding-bottom: 210px; }



.additional_content_area_container {

  width: 1028px;

  max-width: 100%;

  margin: 0 auto;

  padding: 0; }



.additional_content_area_container .__banner {

  margin: 30px 0 0;

  padding: 0; }

  .additional_content_area_container .__banner:first-child {

    margin-top: 0; }



.additional_content_area_container .__banner img {

  width: auto;

  max-width: 100%;

  margin: 0 auto; }



.additional_content_area_container .__banner img.__is-pc {

  display: block; }



.additional_content_area_container .__banner img.__is-sp {

  display: none; }



@media only screen and (max-width: 767px) {

  .additional_content_area {

    padding-bottom: 140px; }

  .additional_content_area_container .__banner img.__is-pc {

    display: none; }

  .additional_content_area_container .__banner img.__is-sp {

    display: block; } }



@media only screen and (min-width: 768px) {

  a[href^="tel:"] { pointer-events: none; }

}

/* 2026-04-17 */

.p-cta-banner {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  z-index: 10;
  transition: 0.3s;
}

@media screen and (max-width: 1024px) {
  .p-cta-banner {
    flex-direction: row;
    width: 100%;
    transform: translateY(0);
    top: auto;
    bottom: 0;
    gap: 0.5rem;
    padding: 5px;
  }
}

.p-cta-banner__btn {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-weight: 700;
  font-size: 1.5rem;
  padding: 1rem 2rem;
  height: 27%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1024px) {
  .p-cta-banner__btn {
    font-size: 1.3rem;
    writing-mode: initial;
    width: 50%;
    text-align: center;
    height: auto;
    padding: 1rem;
  }
}

.p-cta-banner__btn--orange {
  background-color: #006cc9;
  color: #ffffff;
  border: 1px solid #fff;
}

.p-cta-banner__btn--white {
  background-color: #f8763c;
  color: #fff;
  border: 1px solid #fff;
}

.p-cta-banner__btn:hover {
  opacity: 0.7;
}


#blog .wrap.inn--blog{
  width: 1280px;
}

/* 共通ブルーボタン */
.blue_btn {
  text-align: center;
}
.blue_btn a {
  font-size: 1.6rem;
  color: #fff;
  font-weight: bold;
  background: #006CC9;
  width: 540px;
  padding: 23.5px 20px;
  border-radius: 6px;
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.1);
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .blue_btn {
    padding: 0 20px;
  }
  .blue_btn a {
    width: 100%;
    font-size: 1.8rem;
    padding: 21px 10px 18px;
    border-radius: 12px;
  }
}