@charset 'UTF-8';

/*-----------------------
 reset
-----------------------*/
.hanyou_ttl *,
.hanyou_block *,
.hanyou_column * {
max-height: 100%;
margin: 0px;
padding: 0px;
word-break: normal !important;
word-wrap: break-word;
font-size: inherit;
text-align: inherit;
line-break:normal;
border: 0;
outline: 0;
box-sizing: border-box;
}
.hanyou_block a:not(.link01,.link02),
.hanyou_column a:not(.link01,.link02) {
color: inherit;
}
.hanyou_block a:not(.link01,.link02):hover,
.hanyou_column a:not(.link01,.link02):hover {
opacity: 0.5;
transition: all .5s;
}
.hanyou_block img,
.hanyou_column img {
display: block;
max-width: 100%;
width: auto;
height: auto;
margin-right: auto;
margin-left: auto;
}
.hanyou_block a:hover img,
.hanyou_column a:hover img {
opacity: 0.5;
transition: all .5s;
}
.hanyou_block table,
.hanyou_column table {
border-collapse: collapse;
border-spacing: 0;
}
.hanyou_block ol,
.hanyou_column ol,
.hanyou_block ul,
.hanyou_column ul {
list-style: none;
}

/*-----------------------
 共通設定
-----------------------*/
/* 汎用大枠 */
.hanyou {
padding: 100px 30px;
}
.hanyou_wrap {
max-width: 1050px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width:767px) {
  .hanyou {
  padding: 50px 15px;
  }
}

/* 汎用ブロック */
.hanyou_ttl,
.hanyou_block,
.hanyou_column {
z-index: 1;
position: relative;
}
.hanyou_ttl::after,
.hanyou_block::after,
.hanyou_column::after {
content: "";
clear: both;
display: block;
}
.hanyou_block {
margin-bottom: 3em;
}
.hanyou_column {
margin-bottom: calc(3em - 40px);
}
.hanyou_block img,
.hanyou_column img {
display: block;
max-width: 100%;
width: auto;
height: auto;
margin-right: auto;
margin-left: auto;
}
.hanyou_ttl a,
.hanyou_block a,
.hanyou_column a {
z-index: +1;
position: relative;
}
@media screen and (max-width:767px) {
  .hanyou_block {
  margin-bottom: 2em;
  }
  .hanyou_column {
  margin-bottom: calc(2em - 30px);
  }
}

/* aリンクに下線 */
.hanyou_block a:not(.link01,.link02),
.hanyou_column a:not(.link01,.link02) {
text-decoration: underline;
}
.hanyou_block a:not(.link01,.link02):hover,
.hanyou_column a:not(.link01,.link02):hover {
color: inherit;
}

/*-----------------------
 h3～h6タイトル
-----------------------*/
/* 共通 */
.hanyou_ttl h3,
.hanyou_ttl h4 {
line-height: 1.4;
}
.hanyou_ttl h3,
.hanyou_ttl h4,
.hanyou_ttl h5,
.hanyou_ttl h6 {
font-weight: bold;
}
@media screen and (min-width:768px) {
  h3.hanyou_ttl,
  h4.hanyou_ttl,
  h5.hanyou_ttl,
  h6.hanyou_ttl {
  letter-spacing: 2px;
  }
}

/* 大見出し */
.low_h3 {
margin-top: 8em;
margin-bottom: 3em;
}
.low_h3:first-of-type {
margin-top: 0;
}
.low_h3_ttl {
font-size: 2.8rem;
}
.low_h3_txt {
font-family: "arial",sans-serif;
letter-spacing: 2px;
color: #b29b7a;
}
.low_h3_01 {
text-align: center;
}
.low_h3_01_ttl {
margin-bottom: 5px;
}
.low_h3_02 {
}
.low_h3_02::after {
content: "";
clear: both;
display: block;
}
.low_h3_02_ttl ,
.low_h3_02_txt {
display: inline-block;
table-layout: fixed;
vertical-align: middle;
float: none;
}
.low_h3_02_ttl {
}
.low_h3_02_txt {
margin-left: 1em;
}
@media screen and (max-width:767px) {
  .low_h3 {
  margin-top: 6em;
  margin-bottom: 2em;
  }
  .low_h3_ttl {
  font-size: 2.2rem;
  }
  .low_h3_txt {
  letter-spacing: 1px;
  }
}

/* 中見出し */
.low_h4 {
margin-top: 4em;
margin-bottom: 2em;
}
.low_h4:first-of-type {
margin-top: 0;
}
.low_h4_ttl {
font-size: 2.5rem;
letter-spacing: 0.1em;
}
.low_h4_01_ttl {
padding: 10px 20px;
color: #fff;
background-color: #b29b7a;
border-radius: 4px;
}
.low_h4_02 {
}
.low_h3_txt_point,
.low_h4_02_ttl {
display: inline-block;
table-layout: fixed;
vertical-align: middle;
float: none;
}
.low_h3_txt_point {
margin-right: 1em;
padding: 10px 20px;
font-size: 1.8rem;
letter-spacing: 1px;
line-height: 1;
color: #fff;
background-color: #b29b7a;
border-radius: 100px;
}
.low_h4_03 {
}
.low_h4_03_ttl {
padding-bottom: 8px;
border-bottom: 4px solid #b29b7a;
}
.low_h4_date {
padding-top: 10px;
font-family: "arial",sans-serif;
font-size: 1.2rem;
letter-spacing: 1px;
text-align: right;
}
@media screen and (max-width:767px) {
  .low_h4 {
  margin-top: 3em;
  margin-bottom: 1.5em;
  }
  .low_h4_ttl {
  font-size: 2.0rem;
  }
  .low_h4_01_ttl {
  padding: 8px 13px;
  }
  .low_h3_txt_point {
  margin-right: .5em;
  padding: 8px 15px;
  font-size: 1.6rem;
  }
  .low_h4_03_ttl {
  padding-bottom: 5px;
  border-bottom-width: 3px;
  }
  .low_h4_date {
  padding-top: 5px;
  }
}

/* 小見出し */
.low_h5 {
margin-top: 3em;
margin-bottom: 1em;
}
.low_h5_ttl {
font-size: 2.0rem;
}
.low_h5_01_ttl {
padding-bottom: 3px;
border-bottom: 4px double #b29b7a;
}
.low_h5_02_ttl {
position: relative;
padding-left: 1.3em;
}
.low_h5_02_ttl::before {
position: absolute;
content: "";
width: 15px;
height: 2px;
top: 15px;
left: 0;
background-color: #b29b7a;
}
@media screen and (max-width:767px) {
  .low_h5 {
  margin-top: 2em;
  }
  .low_h5_ttl {
  font-size: 1.8rem;
  }
  .low_h5_01_ttl {
  border-bottom-width: 3px;
  }
  .low_h5_02_ttl {
  padding-left: 1em;
  }
  .low_h5_02_ttl::before {
  width: 12px;
  top: 13px;
  }
}

/* 極小見出し */
.low_h6 {
margin-top: 2em;
margin-bottom: 1em;
}
.low_h6_ttl {
/*font-size: 1.7rem;*/
font-size: 2.2rem;
}
.low_h6_01_ttl {
position: relative;
padding-left: 1.3em;
}
.low_h6_01_ttl::before {
position: absolute;
content: "";
width: 0;
height: 0;
top: 5px;
left: 2px;
border: solid 8px transparent;
border-left-color: #b29b7a;
}
.low_h6_02 {
padding: 3px 15px;
background-color: #f1f1f1;
}
.low_h6_02_ttl {
}
@media screen and (max-width:767px) {
  low_h6 {
  margin-top: 1em;
  }
  .low_h6_ttl {
  font-size: 1.8rem;
  }
  .low_h6_01_ttl {
  padding-left: 1.5em;
  }
  .low_h6_01_ttl::before {
  top: 5px !important;
  border-width: 6px !important;
  }
  .low_h6_02 {
  padding: 3px 12px;
  }
}

/*-----------------------
 テキスト
-----------------------*/
/* ノーマルテキスト */
.hanyou_txt_01 {
}
.hanyou_txt_01_right {
text-align: right;
}
.hanyou_txt_01_center {
text-align: center;
}

/* 文字大 */
.hanyou_txt_l {
letter-spacing: -.4em;
}
.hanyou_txt_l::after {
content: "";
clear: both;
display: block;
}
.hanyou_txt_l_p1,
.hanyou_txt_l_p2 {
display: inline-block;
table-layout: fixed;
vertical-align: middle;
float: none;
letter-spacing: normal !important;
}
.hanyou_txt_l_p1 {
font-size: 2.6rem;
font-weight: bold;
}
.hanyou_txt_l_p2 {
font-size: 2.0rem;
}
@media screen and (max-width:767px) {
  .hanyou_txt_l_p1 {
  font-size: 2.0rem;
  }
  .hanyou_txt_l_p2 {
  font-size: 1.8rem;
  }
}

/* 背景色（薄） */
.hanyou_txt_bg01 {
}
.hanyou_txt_bg01_p,
.hanyou_txt_bg01_icon_p {
padding: 25px 30px;
background-color: #f1f1f1;
}
.hanyou_txt_bg01_icon {
}
@media screen and (max-width:767px) {
  .hanyou_txt_bg01_p,
  .hanyou_txt_bg01_icon_p {
  padding: 20px;
  }
}

/* 背景色（薄）＋エクスクラメーションアイコン */
.hanyou_txt_bg01_icon_p {
position: relative;
}
.hanyou_txt_bg01_icon_p::before {
position: absolute;
content: '!';
width: 40px;
height: 40px;
top: -10px;
left: -10px;
font-size: 30px;
font-weight: 700;
text-align: center;
line-height: 40px;
background-color: #ffcc04;
border-radius: 50%;
transform: rotate(-15deg);
}
@media screen and (max-width:767px) {
  .hanyou_txt_bg01_icon_p::before {
  width: 30px;
  height: 30px;
  top: -5px;
  left: -5px;
  font-size: 24px;
  line-height: 30px;
  }
}

/* 背景色（濃） */
.hanyou_txt_bg02 {
}
.hanyou_txt_bg02_p,
.hanyou_txt_bg02_arrow_p {
padding: 25px 30px;
color: #fff;
background-color: #b29b7a;
}
@media screen and (max-width:767px) {
  .hanyou_txt_bg02_p,
  .hanyou_txt_bg02_arrow_p {
  padding: 20px;
  }
}

/* 背景色（濃）＋下矢印 */
.hanyou_txt_bg02_arrow {
}
.hanyou_txt_bg02_arrow_p {
}
.hanyou_txt_bg02_arrow_p::before {
position: absolute;
content: "";
width: 50px;
height: 10px;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
background-color: #b29b7a;
}
.hanyou_txt_bg02_arrow_p::after {
position: absolute;
content: "";
width: 0;
height: 0;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
border-style: solid;
border-color: transparent;
border-width: 20px 40px 0;
border-top-color: #b29b7a;
}

/* 囲み枠 */
.hanyou_txt_waku01 {
}
.hanyou_txt_waku01_p {
padding: 25px 30px;
border: 2px solid #b29b7a;
}
@media screen and (max-width:767px) {
  .hanyou_txt_waku01_p {
  padding: 20px;
  }
}

/* 囲み枠＋タイトル */
.hanyou_txt_waku02 {
position: relative;
padding-top: 20px;
}
.hanyou_txt_waku02_wrap {
padding: 30px 30px 25px 30px;
border: 2px solid #ccc;
}
.hanyou_txt_waku02_p1 {
display: inline-block;
position: absolute;
top: 0;
left: 15px;
padding: 10px 30px;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.2;
color: #fff;
background-color: #b29b7a;
border-radius: 100px;
}
@media screen and (max-width:767px) {
  .hanyou_txt_waku02 {
  padding-top: 18px;
  }
  .hanyou_txt_waku02_wrap {
  padding: 25px 20px 20px 20px;
  }
  .hanyou_txt_waku02_p1 {
  padding: 8px 20px;
  font-size: 1.6rem;
  }
}

/*-----------------------
 FAQ
-----------------------*/
.hanyou_faq_wrap {
padding: 20px;
border: 2px solid #ccc;
}
.hanyou_faq_q {
cursor: pointer;
position: relative;
padding-left: 50px;
padding-right: 30px;
font-size: 1.8rem;
font-weight: bold;
}
.hanyou_faq_q::before,
.hanyou_faq_a::before {
position: absolute;
width: 30px;
height: 30px;
top: 0;
left: 0;
font-family: "arial",sans-serif;
font-size: 2.0rem;
font-weight: normal;
text-align: center;
line-height: 32px;
border: 2px solid #b29b7a;
border-radius: 4px;
}
.hanyou_faq_q::before {
content: "Q";
color: #fff;
background-color: #b29b7a;
}
.hanyou_faq_a::before {
content: "A";
color: #b29b7a;
}
.hanyou_faq_q::after {
position: absolute;
content: "";
width: 10px;
height: 10px;
top: 5px;
right: 0;
border-style: solid;
border-color: #b29b7a;
border-width: 0 4px 4px 0;
transform: rotate(45deg);
}
.hanyou_faq_q.open::after {
border-width: 4px 0 0 4px;
}
.hanyou_faq_q:hover {
opacity: 0.5;
transition: all .5s;
}
.hanyou_faq_a {
position: relative;
margin-top: 1.5em;
padding-left: 50px;
animation-name: opacity_slow;
animation-duration: 1s;
}
@keyframes opacity_slow {
  0% {
  opacity: 0;
  }
}
.hanyou_faq_img_a {
}
.hanyou_faq_img_a::after {
content:" ";
display:block;
clear:both;
}
.hanyou_faq_a_txt {
}
.hanyou_faq_a_img {
float: right;
max-width: 330px;
margin-left: 30px;
}
@media screen and (max-width:767px) {
  .hanyou_faq_q {
  padding-left: 40px;
  padding-right: 20px;
  font-size: 1.6rem;
  }
  .hanyou_faq_q::before,
  .hanyou_faq_a::before {
  width: 24px;
  height: 24px;
  font-size: 1.8rem;
  line-height: 26px;
  }
  .hanyou_faq_q::after {
  width: 8px;
  height: 8px;
  top: 5px;
  border-width: 0 3px 3px 0;
  }
  .hanyou_faq_q.open::after {
  border-width: 3px 0 0 3px;
  }
  .hanyou_faq_q:hover {
  opacity: 0.5;
  transition: all .5s;
  }
  .hanyou_faq_a {
  padding-left: 40px;
  }
  .hanyou_faq_a_txt {
  }
  .hanyou_faq_a_img {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  }
}

/*-----------------------
 タブコンテンツ
-----------------------*/
.hanyou_tab {
}
.hanyou_tab_wrap {
}
.hanyou_tab_nav {
letter-spacing: -.4em !important;
}
.hanyou_tab_nav::after {
content: "";
clear: both;
display: block;
}
.hanyou_tab_nav_li {
cursor: pointer;
z-index: 9;
position: relative;
display: inline-block;
table-layout: fixed;
vertical-align: top;
float: none;
margin-right: 5px;
padding: 10px 20px;
font-weight: bold;
line-height: 1.4;
letter-spacing: normal !important;
background-color: #f1f1f1;
border: 2px solid #ccc;
border-radius: 6px 6px 0 0;
}
.hanyou_tab_nav_li.current {
background-color: #fff;
}
.hanyou_tab_nav_li.current::before {
position: absolute;
content: "";
width: 100%;
height: 3px;
bottom: -3px;
left: 0;
right: 0;
margin: auto;
background-color: #fff;
}
.hanyou_tab_nav_li:not(.current):hover {
background-color: #fff;
transition: all .5s;
}
.hanyou_tab_cnt {
position: relative;
}
.hanyou_tab_cnt_box {
opacity: 0;
width: 100%;
margin-top: -2px;
padding: 20px;
background-color: #fff;
border: 2px solid #ccc;
}
.hanyou_tab_cnt_box.current {
z-index: 5;
opacity: 1;
}
body[class*="wc"] .hanyou_tab_cnt {
height: auto !important;
counter-reset: number 0;
}
body[class*="wc"] .hanyou_tab_cnt_box {
position: relative !important;
opacity: 1 !important;
border: 2px solid #ccc;
}
body[class*="wc"] .hanyou_tab_cnt_box::before {
counter-increment: number 1; 
content: "【ナビ"counter(number)"の内容】";
color: red;
}
@media screen and (max-width:767px) {
  .hanyou_tab_nav_li {
  padding: 8px 15px;
  }
}

/*-----------------------
 画像
-----------------------*/
.hanyou_img {
}
.hanyou_img_full {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}

/*-----------------------
 画像＋重ねたテキストレイアウト
-----------------------*/
.hanyou_imgtxt_left {
}
.hanyou_imgtxt_right {
}
.hanyou_imgtxt_left_wrap,
.hanyou_imgtxt_right_wrap {
display: flex;
align-items: center;
}
.hanyou_imgtxt_right_wrap {
flex-direction: row-reverse;
}
.hanyou_imgtxt_left_img,
.hanyou_imgtxt_right_img {
display: inline-block;
width: calc(50% + 100px);
}
.hanyou_imgtxt_left_img img,
.hanyou_imgtxt_right_img img{
width: 100%;
}
.hanyou_imgtxt_left_txt,
.hanyou_imgtxt_right_txt {
z-index: 1;
display: inline-block;
width: 50%;
padding: 50px 30px;
background-color: rgba(255,255,255,0.9);
}
.hanyou_imgtxt_left_txt {
margin-left: -100px;
}
.hanyou_imgtxt_right_txt {
margin-right: -100px;
}
@media screen and (max-width:767px) {
  .hanyou_imgtxt_left_wrap,
  .hanyou_imgtxt_right_wrap {
  display: block;
  }
  .hanyou_imgtxt_left_img,
  .hanyou_imgtxt_right_img {
  display: block;
  width: 100%;
  margin-bottom: .5em;
  }
  .hanyou_imgtxt_left_txt,
  .hanyou_imgtxt_right_txt {
  display: block;
  width: 100%;
  padding: 0;
  background-color: transparent;
  }
  .hanyou_imgtxt_left_txt {
  margin-left: 0;
  }
  .hanyou_imgtxt_right_txt {
  margin-right: 0;
  }
}

/*-----------------------
 多列カラム
-----------------------*/
.hanyou_col_wrap {
letter-spacing: -.4em !important;
margin: 0 -15px;
}
.hanyou_col_wrap::after {
content: "";
clear: both;
display: block;
}
.hanyou_2col_box,
.hanyou_3col_box,
.hanyou_4col_box,
.hanyou_5col_box {
display: inline-block;
table-layout: fixed;
vertical-align: top;
float: none;
margin: 0 15px 40px 15px;
letter-spacing: normal !important;
}
.hanyou_2col_box {
width: calc(50% - 30px);
}
.hanyou_3col_box {
width: calc(33.3333% - 30px);
}
.hanyou_4col_box {
width: calc(25% - 30px);
}
.hanyou_5col_box {
width: calc(20% - 30px);
}
.hanyou_col_img {
}
body[class*="wcarea"] .hanyou_col_img img {
width: 100%;
}
.hanyou_col_ttl {
font-size: 1.8rem;
font-weight: bold;
}
.hanyou_col_txt {
}
.hanyou_col_img + .hanyou_col_ttl,
.hanyou_col_img + .hanyou_col_txt,
.hanyou_col_img + .hanyou_col_tbl,
.hanyou_col_ttl + .hanyou_col_txt,
.hanyou_col_ttl + .hanyou_col_tbl,
.hanyou_col_txt + .hanyou_col_tbl {
margin-top: 1em;
}
@media screen and (max-width:767px) {
  .hanyou_col_wrap {
  margin: 0 -10px;
  }
  .hanyou_2col_box,
  .hanyou_3col_box,
  .hanyou_4col_box,
  .hanyou_5col_box {
  width: calc(50% - 20px);
  margin: 0 10px 30px 10px;
  }
  .hanyou_col_ttl {
  font-size: 1.6rem;
  }
  .hanyou_col_img + .hanyou_col_ttl,
  .hanyou_col_img + .hanyou_col_txt,
  .hanyou_col_img + .hanyou_col_tbl,
  .hanyou_col_ttl + .hanyou_col_txt,
  .hanyou_col_ttl + .hanyou_col_tbl,
  .hanyou_col_txt + .hanyou_col_tbl {
  margin-top: .5em;
  }
}
@media screen and (max-width:400px) {
  .hanyou_col_wrap {
  margin: 0;
  }
  .hanyou_2col_box,
  .hanyou_3col_box,
  .hanyou_4col_box,
  .hanyou_5col_box {
  width: 100%;
  margin: 0 0 30px 0;
  }
  .hanyou_2col_box .hanyou_col_img img,
  .hanyou_3col_box .hanyou_col_img img,
  .hanyou_4col_box .hanyou_col_img img,
  .hanyou_5col_box .hanyou_col_img img {
  max-width: 330px;
  }
}

/*-----------------------
 画像＋文章ブロックレイアウト
-----------------------*/
/* 画像＋文章ブロック */
.hanyou_layout01_l_left {
}
.hanyou_layout01_l_right {
}
.hanyou_layout01_m_left {
}
.hanyou_layout01_m_right {
}
.hanyou_layout01_s_left {
}
.hanyou_layout01_s_right {
}
.hanyou_layout01_l_right .hanyou_layout01_l_imgarea,
.hanyou_layout01_m_right .hanyou_layout01_m_imgarea,
.hanyou_layout01_s_right .hanyou_layout01_s_imgarea {
float: right
}
.hanyou_layout01_l_right .hanyou_layout01_l_txtarea,
.hanyou_layout01_m_right .hanyou_layout01_m_txtarea,
.hanyou_layout01_s_right .hanyou_layout01_s_txtarea {
float: left;
}
.hanyou_layout01_l_imgarea,
.hanyou_layout01_m_imgarea,
.hanyou_layout01_s_imgarea,
.hanyou_layout01_l_txtarea,
.hanyou_layout01_m_txtarea,
.hanyou_layout01_s_txtarea {
display: inline-block;
table-layout: fixed;
vertical-align: top;
float: none;
margin: 0 15px 40px 15px;
letter-spacing: normal !important;
}
.hanyou_layout01_l_imgarea,
.hanyou_layout01_l_txtarea {
width: calc(50% - 30px);
}
.hanyou_layout01_m_imgarea {
width: calc(33.3333% - 30px);
}
.hanyou_layout01_m_txtarea {
width: calc(66.6667% - 30px);
}
.hanyou_layout01_s_imgarea {
width: calc(25% - 30px);
}
.hanyou_layout01_s_txtarea {
width: calc(75% - 30px);
}
@media screen and (max-width:767px) {
  .hanyou_layout01_l_right .hanyou_layout01_l_imgarea,
  .hanyou_layout01_m_right .hanyou_layout01_m_imgarea,
  .hanyou_layout01_s_right .hanyou_layout01_s_imgarea,
  .hanyou_layout01_l_right .hanyou_layout01_l_txtarea,
  .hanyou_layout01_m_right .hanyou_layout01_m_txtarea,
  .hanyou_layout01_s_right .hanyou_layout01_s_txtarea {
  float: none;
  }
  .hanyou_layout01_l_imgarea,
  .hanyou_layout01_m_imgarea,
  .hanyou_layout01_s_imgarea {
  display: block;
  margin: 0 0 .5em 0;
  }
  .hanyou_layout01_l_txtarea,
  .hanyou_layout01_m_txtarea,
  .hanyou_layout01_s_txtarea {
  display: block;
  margin: 0 0 30px 0;
  }
  .hanyou_layout01_l_imgarea,
  .hanyou_layout01_l_txtarea,
  .hanyou_layout01_m_imgarea,
  .hanyou_layout01_m_txtarea,
  .hanyou_layout01_s_imgarea,
  .hanyou_layout01_s_txtarea {
  width: 100%;
  }
}

/* 2つ並び画像＋テキスト */
.hanyou_layout02_left {
}
.hanyou_layout02_right {
}
.hanyou_layout02_wrap {
letter-spacing: -.4em !important;
}
.hanyou_layout02_wrap::after {
content: "";
clear: both;
display: block;
}
.hanyou_layout02_imgarea,
.hanyou_layout02_txtarea {
width: 50%;
display: inline-block;
table-layout: fixed;
vertical-align: top;
float: none;
letter-spacing: normal !important;
}
.hanyou_layout02_imgarea {
letter-spacing: -.4em !important;
}
.hanyou_layout02_right .hanyou_layout02_imgarea {
float: right;
}
.hanyou_layout02_left .hanyou_layout02_imgarea {
padding-right: 15px;
}
.hanyou_layout02_right .hanyou_layout02_imgarea {
padding-left: 15px;
}
.hanyou_layout02_imgarea::after {
content: "";
clear: both;
display: block;
}
.hanyou_layout02_imgarea_img {
width: 50%;
display: inline-block;
table-layout: fixed;
vertical-align: top;
float: none;
letter-spacing: normal !important;
}
.hanyou_layout02_imgarea_img:nth-of-type(1) {
padding-right: 15px;
}
.hanyou_layout02_imgarea_img:nth-of-type(2) {
padding-left: 15px;
}
.hanyou_layout02_txtarea {
}
.hanyou_layout02_left .hanyou_layout02_txtarea {
padding-left: 15px;
}
.hanyou_layout02_right .hanyou_layout02_txtarea {
float: left;
padding-right: 15px;
}
@media screen and (max-width:767px) {
  .hanyou_layout02_imgarea,
  .hanyou_layout02_txtarea {
  display: block;
  width: 100%;
  }
  .hanyou_layout02_right .hanyou_layout02_imgarea {
  float: none;
  }
  .hanyou_layout02_left .hanyou_layout02_imgarea {
  padding-right: 0;
  }
  .hanyou_layout02_right .hanyou_layout02_imgarea {
  padding-left: 0;
  }
  .hanyou_layout02_imgarea {
  max-width: 670px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: .5em;
  }
  .hanyou_layout02_imgarea_img:nth-of-type(1) {
  padding-right: 5px;
  }
  .hanyou_layout02_imgarea_img:nth-of-type(2) {
  padding-left: 5px;
  }
  .hanyou_layout02_left .hanyou_layout02_txtarea {
  padding-left: 0px;
  }
  .hanyou_layout02_right .hanyou_layout02_txtarea {
  float: none;
  padding-right: 0px;
  }
}

/*-----------------------
 吹き出し付き画像
-----------------------*/
.hanyou_hukidashi_left {
}
.hanyou_hukidashi_right {
}
.hanyou_hukidashi_wrap {
display: flex;
align-items: center;
}
.hanyou_hukidashi_right .hanyou_hukidashi_wrap {
flex-direction: row-reverse;
}
.hanyou_hukidashi_img,
.hanyou_hukidashi_txt {
display: inline-block;
}
.hanyou_hukidashi_img {
width: 186px;
}
.hanyou_hukidashi_txt {
position: relative;
width: calc(100% - 186px - 30px);
padding: 20px;
background-color: #f1f1f1;
border-radius: 6px;
}
.hanyou_hukidashi_left .hanyou_hukidashi_txt {
margin-left: 30px;
}
.hanyou_hukidashi_right .hanyou_hukidashi_txt {
margin-right: 30px;
}
.hanyou_hukidashi_txt::before {
pointer-events: none;
position: absolute;
content: "";
width: 0;
height: 0;
top: 50%;
transform: translateY(-50%);
border: 10px solid transparent;
}
.hanyou_hukidashi_left .hanyou_hukidashi_txt::before {
right: 100%;
border-right-color: #f1f1f1;
}
.hanyou_hukidashi_right .hanyou_hukidashi_txt::before {
left: 100%;
border-left-color: #f1f1f1;
}
@media screen and (max-width:767px) {
  .hanyou_hukidashi_wrap {
  display: block;
  }
  .hanyou_hukidashi_img,
  .hanyou_hukidashi_txt {
  display: block;
  }
  .hanyou_hukidashi_img {
  width: inherit;
  }
  .hanyou_hukidashi_txt {
  width: 100%;
  padding: 20px;
  background-color: #f1f1f1;
  border-radius: 6px;
  }
  .hanyou_hukidashi_left .hanyou_hukidashi_txt {
  margin-top: 20px;
  margin-left: 0;
  }
  .hanyou_hukidashi_right .hanyou_hukidashi_txt {
  margin-top: 20px;
  margin-right: 0;
  }
  .hanyou_hukidashi_left .hanyou_hukidashi_txt::before,
  .hanyou_hukidashi_right .hanyou_hukidashi_txt::before {
  top: -20px;
  left: 50%;
  transform: initial;
  transform: translateX(-50%);
  border: 10px solid transparent;
  border-color: transparent;
  border-bottom-color: #f1f1f1;
  }
}

/*-----------------------
 リンクボタン
-----------------------*/
.hanyou_link_left {
}
.hanyou_link_right {
text-align: right;
}
.hanyou_link_center {
text-align: center;
}
a.link01,
a.link02 {
display: inline-block;
white-space: nowrap;
padding: 10px 40px 10px 30px;
text-align: center;
text-decoration: none !important;
line-height: 1.4;
color: #fff;
background-color: #b29b7a;
border: 2px solid #b29b7a;
border-radius: 100px;
}
body[class*="wcedit"] a.link01,
body[class*="wcedit"] a.link02 {
display: inline !important;
color: #b29b7a;
background-color: transparent;
}
a.link02 {
margin-left: 50%;
transform: translateX(-50%);
}
a.link01::after,
a.link02::after {
position: absolute;
vertical-align: middle;
content: "\0bb";
width: 15px;
height: 16px;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
right: 18px;
font-family: "arial",sans-serif;
font-size: 3rem;
line-height: 10px;
}
a.link01:hover,
a.link02:hover {
color: #b29b7a;
background-color: #fff;
transition: all .5s;
}
@media screen and (max-width:767px) {
  a.link01,
  a.link02 {
  padding: 6px 40px 6px 30px;
  }
  a.link01::after,
  a.link02::after {
  width: 15px;
  height: 15px;
  right: 10px;
  font-size: 2.5rem;
  line-height: 10px;
  }
  a.link01:hover,
  a.link02:hover {
  color: #b29b7a;
  background-color: #fff;
  transition: all .5s;
  }
}

/* 分割可変ボタン */
.hanyou_linklist_ul {
margin: 0 -5px;
letter-spacing: -.4em !important;
display: flex;
flex-wrap: wrap;
}
.hanyou_linklist_ul::after {
content: "";
clear: both;
display: block;
}
.hanyou_linklist_li {
display: inline-block;
table-layout: fixed;
vertical-align: top;
float: none;
letter-spacing: normal !important;
width: 100%;
margin-bottom: 10px;
padding: 0 5px;
}
.hanyou_linklist_li .link01 {
white-space: break-spaces;
}
.hanyou_linklist1 .hanyou_linklist_li {
max-width: 100%;
}
.hanyou_linklist2 .hanyou_linklist_li {
max-width: 50%;
}
.hanyou_linklist3 .hanyou_linklist_li,
.hanyou_linklist6 .hanyou_linklist_li {
max-width: 33.333333333333333%;
}
.hanyou_linklist4 .hanyou_linklist_li,
.hanyou_linklist7 .hanyou_linklist_li,
.hanyou_linklist8 .hanyou_linklist_li {
max-width: 25%;
}
.hanyou_linklist5 .hanyou_linklist_li,
.hanyou_linklist9 .hanyou_linklist_li,
.hanyou_linklist10 .hanyou_linklist_li {
max-width: 20%;
}
.hanyou_linklist_li .link01 {
width: 100%;
}
@media screen and (max-width:767px) {
  .hanyou_linklist1 .hanyou_linklist_li,
  .hanyou_linklist2 .hanyou_linklist_li,
  .hanyou_linklist3 .hanyou_linklist_li,
  .hanyou_linklist6 .hanyou_linklist_li,
  .hanyou_linklist4 .hanyou_linklist_li,
  .hanyou_linklist7 .hanyou_linklist_li,
  .hanyou_linklist8 .hanyou_linklist_li,
  .hanyou_linklist5 .hanyou_linklist_li,
  .hanyou_linklist9 .hanyou_linklist_li,
  .hanyou_linklist10 .hanyou_linklist_li {
  max-width: 100%;
  }
}

/* 分割可変ショートカット */
.hanyou_shortcut a::after {
transform: rotate(90deg);
margin-top: -8px;
}

/*-----------------------
 下矢印
-----------------------*/
.hanyou_arrow_p {
position: relative;
height: 20px;
}
.hanyou_arrow_p::after {
position: absolute;
content: "";
width: 0;
height: 0;
top: 0;
left: 50%;
transform: translateX(-50%);
border: solid transparent;
border-width: 20px 40px 0;
border-top-color: #aaa;
}

/*-----------------------
 横方向フローチャート
-----------------------*/
.hanyou_yokoflow {
}
.hanyou_yokoflow .hanyou_col_wrap {
margin: 0 -30px;
}
.hanyou_yokoflow_box {
position: relative;
display: inline-block;
float: none;
width: calc(33.3333% - 60px);
margin: 0 30px 40px 30px;
table-layout: fixed;
vertical-align: top;
letter-spacing: normal !important;
}
.hanyou_yokoflow_box::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
top: 80px;
left: -50px;
border-style: solid;
border-color: #aaa;
border-width: 6px 6px 0 0;
transform: rotate(45deg);
}
.hanyou_yokoflow_box:first-of-type::before {
display: none;
}
@media screen and (max-width:767px) {
  .hanyou_yokoflow .hanyou_col_wrap {
  margin: 0;
  }
  .hanyou_yokoflow_box {
  display: block;
  width: 100%;
  margin: 0 0 40px 0;
  }
  .hanyou_yokoflow_box::before {
  width: 15px;
  height: 15px;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
  margin-left: -10px;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg);
  }
}

/*-----------------------
 ビフォー・アフター
-----------------------*/
.hanyou_beforeafter {
}
.hanyou_beforeafter_wrap {
letter-spacing: -.4em;
}
.hanyou_beforeafter_wrap::after {
content: "";
clear: both;
display: block;
}
.hanyou_beforeafter_box_before,
.hanyou_beforeafter_box_after {
position: relative;
display: inline-block;
float: none;
width: 50%;
table-layout: fixed;
vertical-align: top;
letter-spacing: normal !important;
}
.hanyou_beforeafter_box_before {
padding-right: 40px;
}
.hanyou_beforeafter_box_after {
padding-left: 40px;
}
.hanyou_beforeafter_box_before .hanyou_col_img,
.hanyou_beforeafter_box_after .hanyou_col_img {
position: relative;
background-color: #f1f1f1;
}
.hanyou_beforeafter_img_before,
.hanyou_beforeafter_img_after {
position: absolute;
display: inline-block;
top: 0;
padding: 12px 30px;
font-family: "arial",sans-serif;
font-weight: bold;
line-height: 1;
letter-spacing: 2px;
color: #fff;
}
.hanyou_beforeafter_img_before {
left: 0;
background-color: #888;
}
.hanyou_beforeafter_img_after {
right: 0;
background-color: #b29b7a;
}
.hanyou_beforeafter_box_before::after {
position: absolute;
content: "";
width: 30px;
height: 30px;
top: 130px;
right: -10px;
border-style: solid;
border-color: #aaa;
border-width: 6px 6px 0 0;
transform: rotate(45deg);
}
.hanyou_beforeafter_box_before {
}
.hanyou_beforeafter_box_after {
}
@media screen and (max-width:767px) {
  .hanyou_beforeafter_box_before,
  .hanyou_beforeafter_box_after {
  display: block;
  width: 100%;
  max-width: 510px;
  margin: auto;
  }
  .hanyou_beforeafter_box_before {
  margin-bottom: 40px;
  padding-right: 0;
  }
  .hanyou_beforeafter_box_after {
  padding-left: 0;
  }
  .hanyou_beforeafter_img_before,
  .hanyou_beforeafter_img_after {
  padding: 10px 20px;
  letter-spacing: 1px;
  }
  .hanyou_beforeafter_img_after {
  right: inherit;
  left: 0;
  }
  .hanyou_beforeafter_box_before::after {
  width: 20px;
  height: 20px;
  top: inherit;
  bottom: -22px;
  margin-left: -15px;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
  border-width: 0 0 4px 4px;
  transform: rotate(-45deg);
  }
}

/*-----------------------
 テーブル
-----------------------*/
/* 共通 */
.hanyoutbl {
width: 100%;
}
.hanyoutbl_th,
.hanyoutbl_td {
padding: 10px 15px;
border: 1px solid #ccc;
}
.hanyoutbl_th {
background-color: #f1f1f1;
}
@media screen and (max-width:767px) {
  .hanyoutbl_th,
  .hanyoutbl_td {
  padding: 8px 10px;
  }
}

/* 改行させない */
.text-nowrap {
white-space: nowrap;
}

/* テーブル1・下線のみ */
.hanyou_tbl01_tbl {
width: 100%;
}
.hanyou_tbl01_tr {
border-bottom: 1px solid #ccc;
}
.hanyou_tbl01_th,
.hanyou_tbl01_td {
padding: 12px;
}
@media screen and (max-width:767px) {
  .hanyou_tbl01,
  .hanyou_tbl01_tr,
  .hanyou_tbl01_th,
  .hanyou_tbl01_td {
  display: block;
  }
  .hanyou_tbl01_th {
  padding-bottom: 0;
  }
}

/* テーブル2 */
@media screen and (max-width:767px) {
  .hanyou_tbl02 .hanyoutbl,
  .hanyou_tbl02 tr,
  .hanyou_tbl02 .hanyoutbl_th,
  .hanyou_tbl02 .hanyoutbl_td {
  display: block;
  }
  .hanyou_tbl02 .hanyoutbl_th {
  border-bottom: 0;
  }
  .hanyou_tbl02 tr + tr .hanyoutbl_th {
  border-top: 0;
  }
}

/* 等幅テーブル（横2～4列） */
.hanyou_tbl2col_tbl,
.hanyou_tbl3col_tbl,
.hanyou_tbl4col_tbl {
table-layout: fixed;
}
@media screen and (max-width:767px) {
  .tbl_scroll {
  overflow-y: hidden;
  overflow-x: scroll;
  }
  .tbl_scroll .hanyoutbl {
  width: 767px;
  }
  .tbl_scroll::-webkit-scrollbar {
  height: 8px;
  }
  .tbl_scroll::-webkit-scrollbar-track {
  background: #fff;
  background-color: #f1f1f1;
  }
  .tbl_scroll::-webkit-scrollbar-thumb {
  background: #b1b1b1;
  border-radius: 100px;
  }
}

/*-----------------------
 縦方向フローチャート
-----------------------*/
.hanyou_tateflow {
}
.hanyou_tateflow_ul {
position: relative;
}
.hanyou_tateflow_box {
position: relative;
padding-bottom: 20px;
letter-spacing: -.4em;
}
.hanyou_tateflow_box:last-of-type {
padding-bottom: 0;
}
.hanyou_tateflow_box::before {
z-index: -1;
position: absolute;
content: "";
width: 5px;
height: 100%;
top: 0;
left: 95px;
background-color: #b29b7a;
}
.hanyou_tateflow_box:last-of-type::before {
display: none;
}
.hanyou_tateflow_box::after {
content: "";
clear: both;
display: block;
}
.hanyou_tateflow_ttl,
.hanyou_tateflow_txtarea,
.hanyou_tateflow_txtarea2 {
display: inline-block;
table-layout: fixed;
vertical-align: top;
float: none;
letter-spacing: normal !important;
}
.hanyou_tateflow_ttl {
width: 200px;
padding: 15px 10px;
text-align: center;
color: #fff;
background-color: #b29b7a;
border-radius: 6px;
}
.hanyou_tateflow_txtarea,
.hanyou_tateflow_txtarea2 {
width: calc(100% - 200px);
padding-left: 40px;
}
.hanyou_tateflow_txtarea2 {
letter-spacing: -.4em;
}
.hanyou_tateflow_txtarea2::after {
content: "";
clear: both;
display: block;
}
.hanyou_tateflow_img,
.hanyou_tateflow_txt {
display: inline-block;
table-layout: fixed;
vertical-align: top;
float: none;
letter-spacing: normal !important;
}
.hanyou_tateflow_img {
width: 250px;
float: right;
}
body[class*='wcarea'] .hanyou_tateflow_img img {
width: 100%;
}
.hanyou_tateflow_txt {
width: calc(100% - 250px);
float: left;
padding-right: 20px;
}
@media screen and (max-width:767px) {
  .hanyou_tateflow_box::before {
  width: 5px;
  height: 100%;
  top: 0;
  left: 15px;
  background-color: #b29b7a;
  }
  .hanyou_tateflow_ttl,
  .hanyou_tateflow_txtarea,
  .hanyou_tateflow_txtarea2 {
  display: block;
  }
  .hanyou_tateflow_ttl {
  width: 100%;
  margin-bottom: 10px;
  padding: 8px 10px;
  text-align: left;
  border-radius: 6px;
  }
  .hanyou_tateflow_txtarea,
  .hanyou_tateflow_txtarea2 {
  width: 100%;
  }
  .hanyou_tateflow_img,
  .hanyou_tateflow_txt {
  display: block;
  }
  .hanyou_tateflow_img {
  width: 100%;
  float: none;
  margin-bottom: .5em;
  }
  .hanyou_tateflow_img img {
  }
  .hanyou_tateflow_txt {
  width: 100%;
  float: none;
  padding-right: 0;
  }
}

/*-----------------------
 リスト
-----------------------*/
/* 2つ並びリスト・パターン1 */
.hanyou_list01 {
}
.hanyou_list01_ul,
.hanyou_list02_ul {
}
.hanyou_list01_li,
.hanyou_list02_li {
display: flex;
padding: 15px;
border-bottom: 1px solid #ccc;
}
.hanyou_list01_txt1,
.hanyou_list01_txt2,
.hanyou_list02_txt1,
.hanyou_list02_txt2 {
display: inline-block;
}
.hanyou_list01_txt1,
.hanyou_list02_txt1 {
margin-right: 1em;
}
.hanyou_list01_txt1 {
min-width: 100px;
}
.hanyou_list01_txt2 {
}
@media screen and (max-width:767px) {
  .hanyou_list01_li {
  display: block;
  padding: 10px;
  }
  .hanyou_list01_txt1,
  .hanyou_list01_txt2 {
  display: block;
  }
  .hanyou_list01_txt1 {
  margin-right: 0;
  }
}

/* 2つ並びリスト・パターン2 */
.hanyou_list02 {
}
.hanyou_list02_ul {
}
.hanyou_list02_li {
justify-content: space-between;
}
.hanyou_list02_txt2 {
min-width: 150px;
text-align: right;
}
@media screen and (max-width:767px) {
  .hanyou_list02_li {
  padding: 10px;
  }
  .hanyou_list02_txt2 {
  min-width: 100px;
  }
}

/* マーク付きリスト */
.hanyou_marklist {
}
.hanyou_marklist_ul {
}
.hanyou_marklist_li,
.hanyou_checklist_li,
.hanyou_numlist_li {
position: relative;
margin-bottom: 10px;
padding-left: 28px;
}
.hanyou_marklist_li:last-of-type,
.hanyou_checklist_li:last-of-type,
.hanyou_numlist_li:last-of-type {
margin-bottom: 0;
}
.hanyou_marklist_li::before {
position: absolute;
content: "";
width: 12px;
height: 12px;
top: 7px;
left: 0;
background-color: rgba(178,155,122,0.7);
border-radius: 50%;
}
.hanyou_marklist_li::after {
position: absolute;
content: "";
width: 8px;
height: 8px;
top: 13px;
left: 6px;
background-color: rgba(178,155,122,0.7);
border-radius: 50%;
}
@media screen and (max-width:767px) {
  .hanyou_marklist_li,
  .hanyou_checklist_li,
  .hanyou_numlist_li {
  padding-left: 22px;
  }
  .hanyou_marklist_li::before {
  width: 11px;
  height: 11px;
  }
  .hanyou_marklist_li::after {
  width: 6px;
  height: 6px;
  }
}

/* チェック付きリスト */
.hanyou_checklist {
}
.hanyou_checklist_ul {
}
.hanyou_checklist_li {
}
.hanyou_checklist_li::before {
position: absolute;
content: "";
width: 10px;
height: 5px;
top: 10px;
left: 2px;
border-left: 2px solid #b29b7a;
border-bottom: 2px solid #b29b7a;
transform: rotate(-45deg);
}
@media screen and (max-width:767px) {
  .hanyou_checklist_li::before {
  font-size: 1.5rem;
  }
}

/* 番号付きリスト */
.hanyou_numlist {
}
.hanyou_numlist_ul {
counter-reset: number;
}
.hanyou_numlist_li::before {
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
top: 5px;
left: 0;
font-family: "arial",sans-serif;
font-size: 1.5rem;
text-align: center;
line-height: 20px;
background-color: #b29b7a;
border-radius: 50%;
color: #fff;
counter-increment: number;
content: counter(number);
}
@media screen and (max-width:767px) {
  .hanyou_numlist_li::before {
  width: 17px;
  height: 17px;
  top: 5px;
  font-size: 1.4rem;
  line-height: 17px;
  }
}

/*-----------------------
 Google Map・Youtubeレイアウト
-----------------------*/
/* Google Map・Youtube＋テキスト */
.hanyou_gmapyoutube_left {
}
.hanyou_gmapyoutube_right {
}
.hanyou_gmapyoutube_wrap {
letter-spacing: -.4em;
}
.hanyou_gmapyoutube_wrap::after {
content: "";
clear: both;
display: block;
}
.hanyou_gmapyoutube_left_iframewrap,
.hanyou_gmapyoutube_right_iframewrap,
.hanyou_gmapyoutube_left_txt,
.hanyou_gmapyoutube_right_txt {
width: calc(50% - 20px);
display: inline-block;
table-layout: fixed;
vertical-align: top;
float: none;
letter-spacing: normal !important;
}
.hanyou_gmapyoutube_left_iframewrap,
.hanyou_gmapyoutube_right_iframewrap {
height: 400px;
background-color: #f1f1f1;
}
.hanyou_gmapyoutube_left_iframewrap {
margin-right: 20px;
}
.hanyou_gmapyoutube_right_iframewrap {
margin-left: 20px;
float: right;
}
.hanyou_gmapyoutube_left_iframewrap iframe,
.hanyou_gmapyoutube_right_iframewrap iframe {
display: block;
width: 100%;
height: 100%;
}
.hanyou_gmapyoutube_left_txt {
margin-left: 20px;
}
.hanyou_gmapyoutube_right_txt {
margin-right: 20px;
float: left;
}
@media screen and (max-width:767px) {
  .hanyou_gmapyoutube_left_iframewrap,
  .hanyou_gmapyoutube_right_iframewrap,
  .hanyou_gmapyoutube_left_txt,
  .hanyou_gmapyoutube_right_txt {
  width: 100%;
  display: block;
  }
  .hanyou_gmapyoutube_left_iframewrap,
  .hanyou_gmapyoutube_right_iframewrap {
  height: 60vw;
  margin-bottom: .5em;
  }
  .hanyou_gmapyoutube_left_iframewrap {
  margin-right: 0;
  }
  .hanyou_gmapyoutube_right_iframewrap {
  margin-left: 0;
  float: none;
  }
  .hanyou_gmapyoutube_left_txt {
  margin-left: 0;
  }
  .hanyou_gmapyoutube_right_txt {
  margin-right: 0;
  float: none;
  }
}

/* Google Map・Youtubeフルサイズ */
.hanyou_gmapyoutube_full {
}
.hanyou_gmapyoutube_full_iframewrap {
height: 600px;
background-color: #f1f1f1;
}
.hanyou_gmapyoutube_full_iframewrap iframe {
display: block;
width: 100%;
height: 100%;
}
@media screen and (max-width:767px) {
  .hanyou_gmapyoutube_full_iframewrap {
  height: 60vw;
  }
}