@charset "utf-8";
@font-face {
font-family: "mamelon";
src:url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/font/Mamelon.woff2") format("woff2"),
    url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/font/Mamelon.woff") format("woff"),
    url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/font/Mamelon.ttf") format("truetype");
}

/* ===================================================================
 * CSSリセット
=================================================================== */

* { box-sizing: border-box; font-family: inherit; font-size: inherit; line-height: inherit; }
*:before,*:after { box-sizing: inherit; }

html, body,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}

/*見出し*/
h1, h2, h3, h4, h5, h6,
ol, ul, li, dl, dt, dd,
form, textarea, figure { margin:0; padding:0; font-size:100%; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

html {
    overflow:auto;
    -webkit-text-size-adjust:100%;
    font-size: 62.5%;
    scroll-behavior: smooth;
}

body {
  margin:0; padding:0; font-size: 1.6rem; color:#222; line-height:1.4; font-weight:500;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }


/*画像*/
img { max-width:100%; font-size:0; line-height:0; border-width:0px; vertical-align:bottom; }
video { max-width: 100%; }

/*リスト*/
ol,ul { list-style-type:none; }
ul.disc, ul.square { padding-left:1.2em; }
.disc li { list-style-type:disc; }
.square li { list-style-type:square; }
.decimal li { list-style-type:decimal; }

[hidden] { display: none !important; }
[disabled] { cursor: not-allowed; }
:focus:not(:focus-visible) { outline: none;}


/* ===================================================================
 * 共通
=================================================================== */
/*リンク*/
a { color:#222; text-decoration: none; cursor:pointer; }
a:not(.fade) { -webkit-transition:all .3s; transition:all .3s; }


/*font関連*/
.mamelon { font-family:"mamelon"; }
.sg { font-family: 'Sawarabi Gothic';}
.arial{ font-family:'Arial';}

.t_left   { text-align:left; }
.t_center { text-align:center; }
.t_right  { text-align:right; }

/*flex*/
.flex { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.inline_flex { display: -webkit-flex; display: inline-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flex_between { justify-content:space-between; -webkit-justify-content:space-between; }
.flex_center  { justify-content:center; -webkit-justify-content:center; }
.flex_align  { align-items:center; -webkit-align-items:center; }
.flex_alignTop  { align-items:start; -webkit-align-items:start; }

/*float*/
.f_left  { float:left; }
.f_right { float:right; }

/*clearfix 回り込み解除*/
.clearfix:after { content:""; clear:both; display:block; }

.wrap{ max-width: 1280px; margin: 0 auto; }

/*Btn*/
.MoreBtn { display: block; padding: 3% 0; margin: 0 auto; width: 50%; border-radius: 39px;
 font-size: 1.4vw; text-align: center; letter-spacing: 1px; font-weight: bold;}
.MoreBtnArrow { position: relative; }
.MoreBtnArrow:before,.MoreBtnArrow:after { content: ""; position: absolute; margin: auto; top: 0; bottom: 0;}
.MoreBtnArrow::before{ right: 9%; width: 15px; height: 3px; }
.MoreBtnArrow::after{ right: 9%; width: 9px; height: 9px; transform: rotate(45deg); }

.WhiteOrange { color: #FFF; background: #ee7a20; }
.GreenWhite { color: #39a153; background: #FFF; }
.PinkWhite { color: #f279a6; background: #FFF; }
.BlueWhite { color: #075c9e; background: #FFF; }


/*固定ページ上部共通*/
.page_topV > img { width: 100%; }
.page_topCap { padding: 50px 0; background: #EE7A20; text-align: center; font-family: "mamelon"; font-size: 34px; color: #fff; }
.page_topCap__txt { display: block; margin: 10px 0 0 0; font-size: 16px; line-height: 2; font-family: 'Sawarabi Gothic'; letter-spacing: 1px; }


/* ===================================================================
 * ヘッダー header.php
=================================================================== */
header{ z-index: 100; position: fixed; width: 100%; height: 80px; background: #FFF; font-family: "mamelon"; box-shadow: 0 4px 6px 0 rgba(32, 33, 36, .28); }
nav{ position: relative; width: 100%; height: 80px; background: #FFF; }
nav > a { position: absolute; top: 0; left: 0; width: 260px; height: 260px; box-shadow: 0 8px 6px -6px rgba(32, 33, 36, .28); border-radius: 0 0 10px 10px; }
/*nav > a img{ width: 100%; height: 100%; object-fit: cover; }*/
nav > a:nth-of-type(1) { opacity: 1; }
nav > a:nth-of-type(2) { opacity: 0; height: 60px; box-shadow: initial;}

#top_head.fixed > nav > a:nth-of-type(1) { height: 80px; box-shadow:initial; border-radius: initial; opacity: 0; z-index: -10; }
#top_head.fixed > nav > a:nth-of-type(1) { opacity: 0; z-index: -10; }
#top_head.fixed > nav > a:nth-of-type(1) img { height: 0; }
#top_head.fixed > nav > a:nth-of-type(2) { opacity: 1; z-index: 10; width: 194px; margin: 10px 0 0 10px; box-shadow:0 0 0 0;}




.pc_menu{ position: absolute; top: 0; right: 0;display: flex; align-items: center; padding: 16px 0;}
.pc_menu li { margin: 0 40px 0 0; text-align: center; font-size: 20px; }
.pc_menu li a:hover{ color: #ee7a20;}


/*資料請求 来場予約*/
.pc_menu li:nth-last-child(2) { margin: 0 10px 0 0 ;}
.pc_menu li:last-of-type {}

.pc_menu li:nth-last-child(2) a,.pc_menu li:last-of-type a {
 display: inline-block; width: 140px; padding: 5px 0 8px; color: #FFF; font-size: 20px; border-radius: 25px; border: 2px solid #FFF; }
.pc_menu li:nth-last-child(2) a { background: #39a153; }
.pc_menu li:last-of-type a { background: #075c9e; }

.pc_menu li:nth-last-child(2) a:before,
.pc_menu li:last-of-type a:before{ content: ''; display: inline-block; margin: 0 5px 2px 0; width: 20px; height: 21px; vertical-align: middle; background-size: contain; }
.pc_menu li:nth-last-child(2) a:before { background-image: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/contact_icon.png");}
.pc_menu li:last-of-type a:before { background-image: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/visit_icon.png"); }

.pc_menu li:nth-last-child(2) a:hover { border: 2px solid #39a153; color:#39a153; background: #FFF; }
.pc_menu li:last-of-type a:hover { border: 2px solid #075c9e; color:#075c9e; background: #FFF; }
.pc_menu li:nth-last-child(2) a:hover:before { background-image: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/contact_icon_hover.png"); }
.pc_menu li:last-of-type a:hover:before { background-image: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/visit_icon_hover.png"); }




/* ===================================================================
 * フッター footer.php
=================================================================== */
.F_visit { position: relative; }
.F_visit_wrap { position: relative; display: block; padding: 110px 0; max-height: 560px; overflow: hidden; text-align: center; }
.F_visit h2{ display: block; margin: 0 0 20px 0; font-family: "mamelon"; font-weight: initial; font-size: 40px; }
.F_visit p{ margin: 0 0 60px 0; font-family: 'Sawarabi Gothic'; font-size: 18px; line-height: 1.6; letter-spacing: 2px; }
.F_visit .MoreBtn{ padding: 1% 0; width: 300px; border: 2px solid #FFF; font-size: 16px; letter-spacing: 3px; font-weight: bold; transition: all .3s ease; }
.F_visit .MoreBtn:hover{ color: #ee7a20; border: 2px solid #ee7a20; background: #FFF; transition: all .3s ease;}

/*アニメーション*/
.F_visit .bg_img_pc{ position: absolute; top: 50%; left: 50%; z-index: -1; width: 100%; max-width: 1900px; margin: 0 auto; transform: translate(-50%,-50%);}
.F_visit .bg_img_pc img{ width: 100%; height: auto; object-fit: cover;}
.F_visit .bg_img_pc > canvas{ width: 100% !important;}

/*お問い合わせ*/
.F_contact{ background: #edebe6; }
.F_contact .wrap{ padding: 100px; }
.F_contact .lead{ display: block; margin: 0 auto 60px; width: 380px;
 font-family: 'Sawarabi Gothic'; font-weight: lighter; text-align: center; font-size: 18px; line-height: 1.8; letter-spacing: 2px; }
.F_contact .lead span{ display: block; margin: 0 0 10px 0; font-family: "mamelon"; font-size: 40px; }
.F_contact_box{ position: relative; padding: 3%; width: 46%; background: #FFF; border: 2px solid #000; border-radius: 20px; line-height: 1.2; }
.F_contact_box:before{ content: ''; position: absolute; width: 20px; height: 20px; top: -2px; right: -2px; border-radius: 20px; background: #FFF; }
.F_contact_box:after{ content: ''; position: absolute; width: 20px; height: 20px; bottom: -2px; left: -2px; border-radius: 20px; background: #FFF; }
.F_tel{ font-family: 'Sawarabi Gothic'; text-align: center; font-size: 1.8vw; }
.F_tel span{ font-family: "mamelon"; font-size: 2.2vw; }
.F_tel a{ display: block; margin: 15px 0 5px; font-family: 'Sawarabi Gothic'; font-size: 3.2vw; font-weight: bold; }
.F_tel a span{ font-family: initial; font-size: 2.3vw; }
.F_mail{ text-align: center; }
.F_mail span{ font-family: "mamelon"; font-size: 2.2vw; }
.F_mail a{ padding: 5% 0; margin: 20px auto 0; width: 75%; border: 2px solid #FFF; font-family: initial; font-size: 1.6vw; letter-spacing: 3px; font-weight: bold; transition: all .3s ease;}
.F_mail a:hover{ color: #ee7a20; border: 2px solid #ee7a20; background: #FFF; transition: all .3s ease;}


/*フッターナビゲーション*/
.F_nav .wrap{ padding: 25px 100px;}
.F_nav .wrap ul{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.F_nav .wrap ul li{ width: 25%; border-right: 1px solid #898989;}
.F_nav .wrap ul li:last-of-type{ border-right: initial; }
.F_nav .wrap ul li a{ position: relative; display: block; width: 100%; text-align: center; }

.F_nav .wrap ul li a:hover{ color:#ee7a20; }




.F_nav .wrap ul li a> span{ position: absolute; display: block; background-repeat: no-repeat; background-size: 100%; }
.F_plan_L{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/f_plan_L.png');
width: 17%; padding-top: 17%; bottom: 0; left: 6%;}
.F_plan_R{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/f_plan_R.png');
width: 17%; padding-top: 17%; top: 0; right: 7%;}
.F_loc_L{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/f_loc_L.png');
width: 14%; padding-top: 14%; bottom: 0; left: 9%;}
.F_loc_R{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/f_loc_R.png');
width: 11%; padding-top: 21%; top: 0; right: 8%;}
.F_acc_L{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/f_acc_L.png');
width: 20%; padding-top: 17%; top: 0; left: 6%;}
.F_acc_R{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/f_acc_R.png');
width: 7%; padding-top: 20%; bottom: 0; right: 11%;}
.F_out_L{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/f_out_L.png');
width: 17%; padding-top: 17%; top: 0; left: 6%;}
.F_out_R{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/f_out_R.png');
width: 17%; padding-top: 17%; bottom: 0; right: 6%;}

.F_nav_txt{ display: inline-block; text-align: center; font-size: 1vw; font-weight: bold; }
.F_nav_txt span{ display: block; margin: 0 0 5px 0; font-family: "mamelon"; font-weight: initial; font-size: 1.6vw; }

/*フッター下部*/
.F_bottom{ background: #ee7a20; }
.F_bottom .wrap{ padding: 25px 100px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.F_bottom .casalogo{ width: 110px; }
.F_bottom .casalogo:hover{ opacity: .7; }
.F_bottom small{ margin: 0 0 0 160px; color: #FFF; font-size: 11px; }
.F_bottom ul{ display: flex; justify-content: space-between; align-items: center; width: 300px; }
.F_bottom ul li a{ color: #FFF; font-size: 14px; font-weight: bold; }
.F_bottom ul li a:hover{ opacity: .7; }
.F_bottom ul li img{ width: 31px; }



/* ===================================================================
 * トップ index.php
=================================================================== */
#main{ background: #FFF; }
.Main_catch{ padding: 80px 0 0 0; }

/* トップアニメーション */
.I_catchbox { position: relative; width: 100%; height: 700px; margin: 0 auto; overflow: hidden; }
.fadeSlide { margin: 0 auto; padding: 0; height: auto;}
.fadeSlide .slick-slide{ height: 700px; overflow: hidden;}
.fadeSlide img{ width: 100%; height: 100%; object-fit: cover;}

/*APNG*/
.I_catchbox > div.anibox{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.I_catchbox > div.anibox > span{ position: absolute; display: block; background-repeat: no-repeat; background-size: 100%; }
.I_catchboxani1{ width: 14%; bottom: 0%; left: 0; }
.I_catchboxani2{ width: 13%; top: 25%; left: 15%; }
.I_catchboxani3{ width: 14%; bottom: 0; right: 24%; }
.I_catchboxani4{ width: 14%; top: -8%; right: 4%; }
.I_catchboxani5{ width: 14%; bottom: -4%; right: 0; }

/*down*/
.IndexdownImg{ position: absolute; bottom: 3%; left: 50%; }


/*縦書き*/
.Main_catch_txt{ position: absolute; width: 70px; z-index: 10; 
font-family: "mamelon"; font-size: 37px; line-height: 1.9;  text-indent: 10px;
-ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright;
color: #FFF; background: #ee7a20; border-radius: 20px; }
.Main_catch_txt span{ display: inline-block; height: 30px;
 font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
.txt_position1{ top: 65px; right: 100px; height: auto; }
.txt_position2{ top: 220px; right: 220px; height: auto; }

/*概要*/
.Main_dec{ background: #ee7a20; }
.Main_dec .wrap{ padding: 25px 0; }
.Main_dec .wrap ul{ display: flex; justify-content: space-between; }
.Main_dec .wrap ul li{ width: 25%; color: #FFF; border-right: 1px solid #FFF; font-family: "mamelon"; letter-spacing: 1px; text-align: center;}
.Main_dec .wrap ul li:last-of-type{ border-right: initial; }
.Main_dec_txtbox{ display: inline-block; text-align: center; }
.Main_dec_txtbox span{ display: block; }
.Main_dec_num{ margin: 0 5px; font-size: 3.2vw; color: #ffe200;
 font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }

/*コンテンツ*/
.Main_con ul{ max-width: 1900px; margin: 0 auto; padding: 1% 0 0 0; }
.Main_con ul li{ position: relative; width: 32%; height: 100%; margin: 1% 0 0 1%; padding-top: 32%;/*高さ/幅×100*/ overflow: hidden; border-radius: 20px; }
.Main_con ul li.M_loca2,.Main_con ul li:nth-of-type(5n){ margin: 1% 1% 0 1%;}

/*長項目*/
.Main_con ul li.M_plan2,.Main_con ul li.M_acc2{ width: 65%; margin: 1% 1% 0 1%;}
.Main_con ul li.M_loca1{ width: 65%; margin: 1% 0 0 1%;}

/*項目背景*/
.Main_con ul li > p { position: absolute; top:0; left: 0; width: 100%; height: 100%; overflow: hidden;
border-radius: 20px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.M_plan2 p{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/M_plan2.png'); }
.M_plan3 p{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/M_plan3.png'); }
.M_plan4 p{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/M_plan4.png'); }
.M_plan5 p{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/M_plan5.png'); }
.M_loca1 p{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/M_loca1.png'); }
.M_loca3 p{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/M_loca3.png'); }
.M_loca4 p{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/M_loca4.png'); }
.M_loca5 p{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/M_loca5.png'); }
.M_acc2 p{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/M_acc2.png'); }
.M_acc3 p{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/M_acc3.png'); }
.M_acc4 p{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/M_acc4.png'); }
.M_acc5 p{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/M_acc5.png'); }

/*リンクありコンテンツ*/
.Main_con ul li.M_plan1{ padding: 2%; height: auto; background: #39a153; color: #FFF; }
.Main_con ul li.M_loca2{ padding: 2%; height: auto; background: #f279a6; color: #FFF; }
.Main_con ul li.M_acc1{ padding: 2%; height: auto; background: #075c9e; color: #FFF; }
.M_plan1 div,.M_loca2 div,.M_acc1 div{ display: flex; flex-wrap: wrap; flex-direction: column; align-content: space-around; justify-content: center;
 width: 100%; height: 100%; text-align: center; }
.M_plan1 h2,.M_loca2 h2,.M_acc1 h2{ width: 100%; font-family: "mamelon"; font-weight: initial; font-size: 3vw; }
.M_plan1 span, .M_loca2 span, .M_acc1 span{ display: block; margin: 30px auto;
 font-family: 'Sawarabi Gothic'; font-size: 1.6vw; text-align: center; letter-spacing: 3px; }
.M_plan1 .MoreBtnArrow:before{ background: #39a153; }
.M_plan1 .MoreBtnArrow:after{ border-top: 3px solid #39a153; border-right: 3px solid #39a153; }
.M_loca2 .MoreBtnArrow:before{ background: #f279a6; }
.M_loca2 .MoreBtnArrow:after{  border-top: 3px solid #f279a6; border-right: 3px solid #f279a6; }
.M_acc1 .MoreBtnArrow:before{ background: #075c9e; }
.M_acc1 .MoreBtnArrow:after{  border-top: 3px solid #075c9e; border-right: 3px solid #075c9e; }
.M_plan1 .MoreBtn{ font-family: 'Arial'; border: 2px solid #39a153; transition: all .3s ease; }
.M_loca2 .MoreBtn{ font-family: 'Arial'; border: 2px solid #f279a6; transition: all .3s ease; }
.M_acc1 .MoreBtn{ font-family: 'Arial'; border: 2px solid #075c9e; transition: all .3s ease; }
.M_plan1 .MoreBtn:hover{background: #39a153; border: 2px solid #FFF; color: #FFF; transition: all .3s ease;}
.M_loca2 .MoreBtn:hover{background: #f279a6; border: 2px solid #FFF; color: #FFF; transition: all .3s ease;}
.M_acc1 .MoreBtn:hover{background: #075c9e; border: 2px solid #FFF; color: #FFF; transition: all .3s ease;}


/*アイコンアニメーション*/
.Main_con ul li > div.anibox{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.Main_con ul li > div.anibox > span{ position: absolute; display: block; background-repeat: no-repeat; background-size: 100%; }

.M_plan1ani1{ width: 40%; bottom: 0;left: 0; }
.M_plan1ani2{ width: 40%; top: 0; right: -7%; }
.M_plan1ani3{ width: 40%; bottom: 0;right: 0%; }
.M_plan2ani1{ width: 20%; top: -7%; left: 19%;}
.M_plan2ani2{ width: 20%; bottom: 0; right: 0; }
.M_plan2ani3{ width: 20%; bottom: -3%; left: 14%; }
/*.M_plan2ani4{ width: 20%; bottom: 13%; left: 34%; }
.M_plan2ani5{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/M_plan2_1.png');
width: 27%; padding-top: 28%; bottom: 5%; right: 32%; }
.M_plan2ani6{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/indexapng/top_window1.png');
width: 15%; padding-top: 15%; bottom: 14%; left: 3%; }*/
.M_plan2ani7{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/top_text_01.png');
width: 10%; padding-top: 10%; bottom: 0%; left: 30%; }
.M_plan3ani1{ width: 40%; top: 0%; left: 10%; }
.M_plan3ani2{ width: 40%; bottom: 0%; left: 0%; }
.M_plan3ani3{ width: 40%; top: 0%; right: 0%; }
.M_plan4ani1{ width: 40%; top: 0%; left: 0; }
.M_plan4ani2{ width: 40%; bottom: 0%; right: 0; }
.M_plan5ani1{ width: 40%; top: 0%; left: 0%; }
.M_plan5ani2{ width: 40%; bottom: 0%; left: 5%; }
.M_plan5ani3{ width: 40%; top: 13%; right: 0%; }
.M_plan5ani4{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/top_text_02.png');
width: 40%; padding-top: 20%; bottom: 0; right: 0%; }


.M_loca1ani1{ width: 20%; top: 0; left: 0; }
.M_loca1ani2{ width: 20%; top: 0; left: 35%; }
.M_loca1ani3{ width: 20%; bottom: 0; right: 0; }
.M_loca1ani4{ width: 20%; bottom: 0; left: 0; }
.M_loca1ani5{ width: 20%; top: 0; right: 0; }
.M_loca1ani6{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/top_text_03.png');
width: 20%; padding-top: 10%; bottom: 0; left: 20%; }
.M_loca2ani1{ width: 40%; bottom: 0; left: 0; }
.M_loca2ani2{ width: 40%; top: -16%; right: -8%; }
.M_loca2ani3{ width: 40%; bottom: 0; right: 0; }
.M_loca3ani1{ width: 40%; bottom: 0; left: 0; }
.M_loca3ani2{ width: 50%; bottom: 18%; right: 9%; }
.M_loca4ani1{ width: 40%; bottom: 7%; left: 0; }
.M_loca5ani1{ width: 40%; bottom: 0; left: 0; }
.M_loca5ani2{ width: 40%; top: 0; right: 21%; }
.M_loca5ani3{ width: 40%; bottom: 0; right: 0; }

.M_acc1ani1{ width: 40%; top: -18%; right: 0; }
.M_acc1ani2{ width: 50%; top: 8%; left: -10%; }
.M_acc1ani3{ width: 40%; bottom: -5%; right: -5%; }
.M_acc2ani1{ width: 20%; top: 0; left: 0; }
.M_acc2ani2{ width: 20%; top: 0; left: 40%; }
.M_acc2ani3{ width: 25%; top: 29%; right: 4%; }
.M_acc2ani4{ width: 20%; bottom: -4%; left: 11.8%; }
.M_acc3ani1{ width: 60%; top: 20%; left: 22%; }
.M_acc3ani2{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/top_text_05.png');
width: 13%; padding-top: 25%; top: 38%; left: 12%; }
.M_acc4ani1{ width: 40%; top: 0; left: -5%; }
.M_acc4ani2{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/indexapng/top_window2.png');
width: 10%; padding-top: 40%; top: 48%; right: 1%; }
.M_acc5ani1{ width: 40%; bottom: 2%; left: 0; }
.M_acc5ani2{ width: 40%; bottom: -5%; right: -5%; }
.M_acc5ani3{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/top_text_04.png');
width: 25%; padding-top: 20%; bottom: 15%; left: 3%; }
/*IE*/
.M_plan1ani1 > canvas, .M_plan1ani2 > canvas, .M_plan1ani3 > canvas,
.M_plan2ani1 > canvas, .M_plan2ani2 > canvas, .M_plan2ani3 > canvas, .M_plan2ani4 > canvas,
.M_plan3ani1 > canvas, .M_plan3ani2 > canvas, .M_plan3ani3 > canvas,
.M_plan4ani1 > canvas, .M_plan4ani2 > canvas,
.M_plan5ani1 > canvas, .M_plan5ani2 > canvas, .M_plan5ani3 > canvas,
.M_loca1ani1 > canvas, .M_loca1ani2 > canvas, .M_loca1ani3 > canvas, .M_loca1ani4 > canvas, .M_loca1ani5 > canvas,
.M_loca2ani1 > canvas, .M_loca2ani2 > canvas, .M_loca2ani3 > canvas,
.M_loca3ani1 > canvas, .M_loca3ani2 > canvas,
.M_loca4ani1 > canvas,
.M_loca5ani1 > canvas, .M_loca5ani2 > canvas, .M_loca5ani3 > canvas,
.M_acc1ani1 > canvas, .M_acc1ani2 > canvas, .M_acc1ani3 > canvas,
.M_acc2ani1 > canvas, .M_acc2ani2 > canvas, .M_acc2ani3 > canvas, .M_acc2ani4 > canvas,
.M_acc3ani1 > canvas,
.M_acc4ani1 > canvas,
.M_acc5ani1 > canvas, .M_acc5ani2 > canvas{ width: 100% !important; max-width: 250px;}



/* ===================================================================
 * アクセスページ　Access
=================================================================== */
.page_topCap.access{ position: relative; background: #075c9e; overflow: hidden;}

/*アニメーション
-------------------------------------------- */
.page_topCap.access > div.anibox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.access_ani1,.access_ani2,.access_ani3,.access_ani4{ position: absolute; display: block; max-width: 250px;}
.page_topCap.access > div.anibox > .access_ani1{ width: 14%; top: 45%; left: -2%; transform: translate(0,-50%);}
.page_topCap.access > div.anibox > .access_ani2{ width: 13%; top: 65%; left: 10%; transform: translate(16%,-50%);}
.page_topCap.access > div.anibox > .access_ani3{ width: 13%; top: 45%; right: 15%; transform: translate(16%,-50%);}
.page_topCap.access > div.anibox > .access_ani4{ width: 14%; top: 65%; right: 0; transform: translate(13%,-40%);}
/*IE*/
.page_topCap.access > div.anibox > .access_ani1 > canvas,.page_topCap.access > div.anibox > .access_ani2 > canvas,
.page_topCap.access > div.anibox > .access_ani3 > canvas,.page_topCap.access > div.anibox > .access_ani4 > canvas{ width: 100% !important;}


/*共通*/
.Access_top{ position: relative; width: 100%; max-width: 1280px; margin: 100px auto; padding: 65px 25px 40px; 
background: #38a153; border-radius: 20px; text-align: center; color:#FFF; font-size: 20px; }
.Access_top h2{ position: absolute; top: -30px; left: 50%; min-width: 470px; padding: 16px 21px 13px; font-size: 28px;
 color: #FFF; background: #000; transform: translate(-50%,0); }
.Access_top h2:before {
content: ""; position: absolute; top: 0; right: 100%; width: 0; height: 100%;
border-width: 32px 10px; border-style: solid; border-color: #000000; border-right-color: transparent; transform: rotate(180deg); }
.Access_top h2:after { content: ""; position: absolute; top: 0; left: 100%; width: 0; height: 100%;
 border-width: 32px 10px; border-style: solid; border-color: #000000; border-right-color: transparent; }
.Access_top p{ font-size: 30px; font-weight: bold; }
.Access_dec{ margin: 0 auto 50px; text-align: center; }
.Access_dec h3{ margin: 0 auto 50px; font-size: 34px; }
.Access_dec p{ font-size: 18px; line-height: 2; letter-spacing: 1px; margin: 0 auto 50px; }


/*BusAccess*/
.BusAccess{ margin: 0 auto; }
.BusAccess_qa{ background: #edebe6; }
.BusAccess_qa_wrap{ max-width: 1280px; margin: 0 auto; padding: 60px; }
.BusAccess_qa_wrap ul{ margin: 0 0 60px 0; }
.BusAccess_qa_wrap ul li{ width: 32%; padding: 0 20px 20px; border-right: 2px dashed #b5b6b6; }
.BusAccess_qa_wrap ul li:last-of-type{ border-right:initial; }
.BusAccess_qa_q{ position: relative; margin: 0 0 40px 0; font-size: 20px; font-weight: bold; letter-spacing: 1px; }
.BusAccess_qa_q:before{ content: ''; position: absolute; left: 0; bottom: -15px; display: inline-block; width: 60px; height: 4px; background-color: #075c9e; }
.BusAccess_qa_q span{ margin: 0 10px 0 0; color: #075c9e; }
.BusAccess_qa_a{ padding: 0 0 0px 0; margin: 0 0 10px 0; font-size: 17px; font-weight: bold; letter-spacing: 1px; }
.BusAccess_qa_a span{ margin: 0 10px 0 0; color: #cc3635; }
.BusAccess_qa_txt{ letter-spacing: 1px; line-height: 1.6; }
.busloca{ width: 100%; }
.busloca_L{ width: 30%; padding: 22px; color: #FFF; background: #39a153; border-radius: 20px 0 0 20px; }
.busloca_txt1{ margin: 0 0 17px 0; font-size: 18px; }
.busloca_txt2{ margin: 0 0 17px 0; font-size: 28px; font-weight: bold; }
.busloca_txt3{ margin: 0 0 17px 0; letter-spacing: 1px; line-height: 1.6; }
.busloca_L a{ position: relative; width: 100%; padding: 12px 0; font-size: 15px; font-weight: bold; border-radius: 10px;
 color: #39a153; background: #FFF; border:2px solid #39a153;}
.busloca_L a:before{ content: ""; position: absolute; top: 0; bottom: 0; width: 11px; height: 12px; margin: auto 0 auto -1.6em;
background: url(/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/access_buslo.png) no-repeat center / 100%; }

.busloca_L a:hover{ position: relative; color: #FFF; background: #39a153; border:2px solid #FFF;}
.busloca_L a:hover:before{ content: ""; position: absolute; top: 0; bottom: 0; width: 11px; height: 12px; margin: auto 0 auto -1.6em;
background: url(/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/access_buslow.png) no-repeat center / 100%; }


.busloca figure{ position: relative; overflow: hidden; width: 70%; border-radius: 0 20px 20px 0; }
.busloca figure img{ position: absolute; top: 50%; left:0; width: 100%;  height: 100%; transform: translate(0, -50%); object-fit: cover; }



/*TrainAccess*/
.TrainAccess .Access_top{ background: #075c9e;}
.TrainAccess .Access_dec{ margin: 0 auto 80px; }
.TrainAccess_sta { margin: 0 auto 100px; }
.TrainAccess_sta ul{ max-width: 1280px; width: 100%; margin: 0 auto; }
.TrainAccess_sta ul > li { position: relative; width: 31%; border-radius: 20px; }
.TrainAccess_sta ul > li:not(:nth-child(3n+1)) { margin-left: 3.3%; }
.TrainAccess_sta ul > li > div{ position: absolute; top: 0; left: 0; padding: 5px; border-radius: 15px 0 15px 0; color: #FFF; }
.osaka_sta{ background: #075c9e; }
.kyoto_sta{ background: #39a153; }
.sinosaka_sta{ background: #ee7a20; }
.staname { display: inline-block; padding: 5px 15px 0; font-size: 27px; font-weight: bold; line-height: 1.1; }
.staname span{ display: block; margin: 3px 0 0 -3px; font-size: 12px; text-align: left; font-weight: initial; }
.osaka_sta .staname,.kyoto_sta .staname{ margin: 0 0 20px 0; }
.osaka_sta .staname span,.kyoto_sta .staname span{ margin: 10px 0 0 0; }
.statime{ margin: 0 10px 0 0; font-size: 12px; text-align: right; }
.statime span{ font-family:'Arial'; font-size: 40px; font-weight: bold; }



/* ===================================================================
 * プランページ
=================================================================== */
.page_topCap.plan{ position: relative; background: #39a153; overflow: hidden;}
.page_topCap.plan > div.anibox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.plan_ani1,.plan_ani2,.plan_ani3,.plan_ani4{ position: absolute; display: block;}
.page_topCap.plan > div.anibox > .plan_ani1{ width: 17%; top: 55%; left: 0; transform: translate(0, -50%); }
.page_topCap.plan > div.anibox > .plan_ani2{ width: 17%; top: 40%; left: 18%; transform: translate(0, -50%); }
.page_topCap.plan > div.anibox > .plan_ani3{ width: 17%; top: 45%; right: 5%; transform: translate(0, -50%); }
.page_topCap.plan > div.anibox > .plan_ani4{ width: 17%; top: 65%; right: 18%; transform: translate(0, -50%); }
/*IE*/
.page_topCap.plan > div.anibox > .plan_ani1 > canvas,.page_topCap.plan > div.anibox > .plan_ani2 > canvas,
.page_topCap.plan > div.anibox > .plan_ani3 > canvas,.page_topCap.plan > div.anibox > .plan_ani4 > canvas{ width: 100% !important; max-width: 250px;}


/*Plan_dec
-------------------------------------------- */
.Plan_dec_R{ position: relative; width: 75%; overflow: hidden;}
.Plan_dec_R > img{ position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; }
/*アニメーション*/
.Plan_dec_R .plan_ani5,.Plan_dec_R .plan_ani6,.Plan_dec_R .plan_ani7,
.Plan_dec_R .plan_ani8,.Plan_dec_R .plan_ani9,.Plan_dec_R .plan_ani10,
.Plan_dec_R .plan_ani11,.Plan_dec_R .plan_ani12,.Plan_dec_R .plan_ani13,
.Plan_dec_R .plan_ani14,.Plan_dec_R .plan_ani15{ position: absolute; display: block;}

/*plan1*/
.plan_ani5{ width: 17%; top: 0; left: 0;}
.plan_ani6{ width: 17%; bottom: -9%; left: 0;}
.plan_ani7{ width: 17%; bottom: -4%; right: -3%;}
.plan_ani8{ width: 12%; bottom: 13%; right: 6%;}
.plan_ani9{ width: 11%; top: 0; right: 20%;}
.plan_ani10{ width: 11%; top: 12%; left: 35%;}
.plan_ani11{ width: 10%; bottom: 9%; left: 9%;}
/*IE*/
.plan_ani5 > canvas, .plan_ani6 > canvas, .plan_ani7 > canvas, .plan_ani8 > canvas,
.plan_ani9 > canvas, .plan_ani10 > canvas, .plan_ani11 > canvas{ width: 100% !important; max-width: 250px;}

/*plan2*/
.plan_ani12{ width: 17%; top: 0; right: 0;}
.plan_ani13{ width: 17%; bottom: 0; right: 0;}
.plan_ani14{ width: 17%; bottom: 0; left: 0;}
.plan_ani15{ width: 17%; top: 0; left: 0;}
/*IE*/
.plan_ani12 > canvas, .plan_ani13 > canvas, .plan_ani14 > canvas, .plan_ani15 > canvas{ width: 100% !important; max-width: 250px;}



.Plan_dec_L{ width: 25%; text-align: center; padding: 2vw; }
.Plan_dec_L h2{ margin: .9em 0; font-size: 1.8vw; }
.plan1 .Plan_dec_L{ background: #6990cb; color: #FFF; }

.PlanNum{ display: inline-block; width: 100%; padding: 0 0 0 2vw; font-family: "Arial"; font-size: 1.3vw; line-height: .9; text-align: left;}
.PlanNum span{ display: block; font-size: 3.2vw; font-weight: bold; }
.Plan_cate_box span { display: inline-block; margin: 0 1% 1%; padding: 1% 5%; text-align: center; font-size: 1.2vw; font-weight: bold; color: #000;
border: 1px solid transparent; background: #FFF; }

.Plan_info{ max-width: 250px; margin: 0 auto; }
.Plan_info li{ text-align: left; }
.Plan_info li:nth-of-type(1){ padding: 0 0 .5em 0; margin: 0 0 .5em 0; border-bottom: 2px solid #FFF; }
.Plan_ldk{ display: inline-block; text-align: center; font-size: 3vw; font-weight: bold; }
.Plan_data{ display: inline-block; margin: 0 0 0 .5em; font-size: 1vw; text-align: left; }
.Plan_data2{ font-size: 1.2vw; }


/*間取り図
-------------------------------------------- */
.plan_floor{ background: #d6e7b0; }
/*キャッチ*/
.plan_floor_catch{ max-width: 1280px; width: 100%; margin: 0 auto 1%; padding: 5vw 2vw 0; text-align: center;}
.plan_floor_catch h2{ margin: 0 0 1vw 0; color: #6990cb; font-size: 3vw; }
.plan_floor_catch p{ font-size: 1.4vw; font-weight: lighter; line-height: 2.6vw;}



/*間取り図*/
.plan_floor_area{ position: relative; max-width: 1280px; margin: 0 auto; width: 100%; height: 100%; overflow: hidden; }
.plan1 .plan_floor_area{ padding-top: 60%; }
.plan2 .plan_floor_area{ padding-top: 74%; }

.planimg { position: absolute; top:0; left: 0; max-width: 1280px; max-height: 900px; width: 100%; height: 100%; overflow: hidden;
border-radius: 20px; background-repeat: no-repeat; background-position: center center; background-size: 80%; }
.plan1 .planimg{ background-image: url('/casa_series/hiyoshidai2/wp-content/uploads/2020/07/plan01_pc.png'); }
.plan2 .planimg{ background-image: url('/casa_series/hiyoshidai2/wp-content/uploads/2020/04/plan02.png'); }


/*間取りキラキラ*/
.plan_floor_area > span{
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
}
.plan1 .plan_floor_area > span.plankira1{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan_kira1.png');
width: 9%; padding-top: 11%; top: 0; left: 0; }
.plan1 .plan_floor_area > span.plankira2{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan_kira2.png');
width: 10%; padding-top: 13%; bottom: 0; right: 2%; }


.plan1 .plan_floor_area > span.plan_floor_icon{
 background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan_floor_icon.png');
width: 9%; padding-top: 11%; bottom: -9%; left: 24%; }
.plan2 .plan_floor_area > span.plan_floor_icon{
 background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan_floor_icon.png');
width: 9%; padding-top: 11%; bottom: 12%; right: 17%; }


/*間取り特徴*/
.plan_floor_card{ position: absolute; width: 24%; }
.plan_floor_card figure{ position: relative; overflow: hidden; height: 100%; padding-top: 55%; border: 2px solid #6990cb; }
.plan_floor_card figure img{ position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; object-fit: cover; transform: translate(-50%,-50%); }
.plan_floor_card h3{ font-family: "Arial"; font-size: 2.5vw; color: #6990cb; }
.plan_floor_card p{ font-size: 1vw; line-height: 2.4vw; font-weight: lighter; }
.plan_floor_card p span{ background: #fff100; }

/*間取り特徴位置*/
.plan_floor_card.living1{ padding-top: 4%; top: 0; left: 3%; }
.plan_floor_card.wooddeck1{ padding-top: 4%; top: 47%; left: 3%; }
.plan_floor_card.void1{ padding-top: 4%; top: 0; right: 1%; }
.plan_floor_card.study1{ padding-top: 4%; top: 44%; right: 1%; }

/*カード矢印位置*/
.plan1 .plan_floor_area > span.plan_floor_card_arrow.living1{ background-image: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan1_living_line.png");
width: 14%; padding-top: 28%; top: 12%; left: 27%; }
.plan1 .plan_floor_area > span.plan_floor_card_arrow.wooddeck1{ background-image: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan1_wooddeck_line.png");
width: 25%; padding-top: 25%; top: 64%; left: 26%; }
.plan1 .plan_floor_area > span.plan_floor_card_arrow.void1{ background-image: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan1_void_line.png");
width: 11%; padding-top: 31%; top: 9%; right: 21%; }
.plan1 .plan_floor_area > span.plan_floor_card_arrow.study1{ background-image: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan1_study_line.png");
width: 20%; padding-top: 20%; bottom: 7%; right: 19%; }





/*recommend
-------------------------------------------- */
.plan_rec{ padding: 0 0 70px; background: #d6e7b0; }
.plan_rec h2 {max-width: 1200px; width: 100%; margin: 0 auto; font-family: "Arial"; font-size: 2.6vw; color: #6990cb; }
/*吹き出し*/
.plan_balloon { position: relative; max-width: 1200px; padding: 26px; margin: 0 auto; width: 100%;
background: #fff; text-align: center; color: #000; border: 4px dashed #6990cb; }
.plan_balloon::before { content: ''; position: absolute; display: block; margin: 0 auto; width: 57px; height: 57px; left: 0; right: 0; top: -31px;
border-top: 4px dashed #6990cb; border-right: 4px dashed #6990cb; background: #fff; transform: rotate(-45deg); }
.plan_rec_card{ width: 31%; margin: 1%; background: #d5e1f3; }
.plan_rec_card h3{ padding: 20px 10px; font-weight: initial; color: #FFF; font-weight: bold;
 background: #6990cb; border: 4px solid #a8c0dc; box-shadow: 0 4px 6px 0 rgba(32, 33, 36, .28); }
.plan_rec_card h3 span{ display: block; }
.plan_rec_info{ margin: 5px 0 0 0; min-height: 176px; }
.plan_rec_info figure{ position: relative; overflow: hidden; width: 50%; }
.plan_rec_info figure img{ position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover; }
.plan_rec_info p{ width: 50%; padding: .8vw; font-size: 1vw; line-height: 1.6vw; font-weight: lighter; text-align: left; }
.plan_rec_info p span{ background: #fff100; }
.planreckira1{ position: absolute; top: 0; left: 0; z-index: 10; }
.planreckira2{ position: absolute; bottom: -3%; left: 28%; z-index: 10; }
.planreckira3{ position: absolute; top: 0; right: 0; z-index: 10; }
.planreckira4{ position: absolute; bottom: -15%; right: 2%; z-index: 10; }


/*plan2
-------------------------------------------- */
/*色調整*/
.plan2 .Plan_dec_L{ background: #dd625d; color: #FFF; }
.plan2 .plan_floor,.plan2 .plan_rec{ background: #f7edd6; }
.plan2 .plan_floor_catch h2, .plan2 .plan_floor_card h3,.plan2 .plan_rec h2{ color: #dd625d; }

/*.plan2 .plan_floor_catch{ padding: 5vw 2vw 0;}*/

.plan2 .plan_balloon{border: 4px dashed #dd625d;}
.plan2 .plan_balloon::before{border-top: 4px dashed #dd625d; border-right: 4px dashed #dd625d; }
.plan2 .plan_rec_card { background: #f2d8d5; }
.plan2 .plan_rec_card h3{ background: #dd625d; border: 4px solid #ef8786; }

/*間取り特徴*/
.plan2 .plan_floor_card{ display: flex; flex-wrap:wrap; width: 40%; }
.plan2 .plan_floor_card figure{ width: 47%; padding-top: 33%; margin: 0 3% 0 0; border: 2px solid #dd625d; }
.plan2 .plan_floor_card figure img{ width: 100%; height: 100%; object-fit: cover;}
.plan2 .plan_floor_card figure + div{ width: 50%; }

/*キラキラ*/
.plan2 .plan_floor_area > span.plankira1{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan2_kira1.png');
width: 9%; padding-top: 11%; top: 60%; left: 3%; }
.plan2 .plan_floor_area > span.plankira2{ background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan2_kira2.png');
width: 10%; padding-top: 13%; top: 18%; right: 9%; }
/*間取り特徴位置*/
.plan_floor_card.living2{ padding-top: 0; top: 13%; left: 3%; }
.plan_floor_card.wic{ padding-top: 0; top: 36%; left: 3%; }
.plan_floor_card.kid{ padding-top: 0; top: 80%; left: 3%; }
.plan_floor_card.balcony{ padding-top: 0; top: 80%; left: 50%; }
/*カード矢印位置*/
/*.plan2 .plan_floor_area > span.plan_floor_card_arrow.living2{ content: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan2_living_line.png");
width: 45%; padding-top: 0; top: 15%; left: 32%; }
.plan2 .plan_floor_area > span.plan_floor_card_arrow.wic{ content: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan2_wic_line.png");
width: 20%; padding-top: 0; top: 39%; left: 30%; }
.plan2 .plan_floor_area > span.plan_floor_card_arrow.kid{ content: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan2_kid_line.png");
width: 18%; padding-top: 0; top: 66%; left: 40%; }
.plan2 .plan_floor_area > span.plan_floor_card_arrow.balcony{ content: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan2_balcony_line.png");
width: 16%; padding-top: 0; top: 45%; right: 14%; }
*/

.plan2 .plan_floor_area > span.plan_floor_card_arrow.living2{ background-image: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan2_living_line.png");
width: 45%; padding-top: 45%; top: 15%; left: 32%; }
.plan2 .plan_floor_area > span.plan_floor_card_arrow.wic{ background-image: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan2_wic_line.png");
width: 20%; padding-top: 20%; top: 39%; left: 30%; }
.plan2 .plan_floor_area > span.plan_floor_card_arrow.kid{ background-image: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/plan2_kid_line.png");
width: 18%; padding-top: 18%; top: 66%; left: 40%; }
.plan2 .plan_floor_area > span.plan_floor_card_arrow.balcony{ background-image: url("/casa_series/hiyoshidai2/wp-content/uploads/2020/04/plan2_useful-area_line.png");
width: 11%; padding-top: 18%; top: 60%; right: 18%; }


.plan2 .plan_rec{ padding: 70px 0; }




/*嬉しい標準設備
-------------------------------------------- */
.plan_facility{ padding: 60px 0; background: #ee7a20;}
.plan_facility h2{
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  color: #FFF;
  text-align: center;
  font-size: 2.7vw;
}
.plan_facility h2:before{
  content: "＼ご存知ですか？／";
  position: absolute;
  font-size: 18px;
  text-align: left;
  top: -24%;
  left: 11%;
  transform: rotate(-20deg);
}
.plan_facility h2:after{
  content: "・・";
  position: absolute;
  text-align: left;
  top: -52%;
  left: 40.65%;
}

.plan_facility h2 ruby{ font-size: 3vw; }
.plan_facility h2 ruby rt{ margin: 0 0 -2vw 0; }

.plan_facility ul{ max-width: 1000px; margin: 0 auto; }
.plan_facility ul li{ width: 48%; padding: 1.5%; margin: 1%; background: #FFF; border-radius: 20px; }
.plan_facility ul li figure{ position: relative; overflow: hidden; width: 20%; padding-top: 20%;}
.plan_facility ul li figure img{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%); object-fit: cover; }
.plan_facility ul li figure + div{ width: 78%; margin: 0 0 0 2%; }
.plan_facility ul li div h3{ margin: 0 0 1% 0; font-size: 24px; }
.plan_facility ul li div h3 span{ margin: 0 0 0 1%; font-size: 16px; }
.plan_facility ul li div p{ font-size: 15px; }




/* ===================================================================
 * 物件概要ページ
=================================================================== */
.page_topCap.gaiyou { position: relative; background: #EE7A20; }
/*アニメーション
-------------------------------------------- */
.page_topCap.gaiyou > .anibox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.page_topCap.gaiyou > .anibox > span{ position: absolute; display: block; max-width: 250px;}
.gaiyou_ani1{ width: 10%; top: 50%; right: 25%; transform: translate(0,-50%);}
.gaiyou_ani2{ width: 11%; top: 50%; left: 25%; transform: translate(0,-50%);}
/*IE*/
.page_topCap.gaiyou > div.anibox > .gaiyou_ani1 > canvas,
.page_topCap.gaiyou > div.anibox > .gaiyou_ani2 > canvas{ width: 100% !important; max-width: 250px;}

/*概要*/
.page_goiyoDetail { margin: 5% auto; max-width: 820px; width: 100%; }
.page_goiyoDetail dl{ display: flex; flex-wrap: wrap; }
.page_goiyoDetail dt { display: flex; align-items: center; justify-content: center;
 width: 30%; margin: 0; padding: 23px 0; border-bottom: 1px solid #EE7A20; font-size: 14px; font-weight: 600; }
.page_goiyoDetail dd { width: 70%; margin: 0; padding: 23px 55px; border-bottom: 1px solid #ccc; line-height: 1.7; font-size: 14px; }
.page_goiyoDetail ul{ margin: 0; }



/* ===================================================================
 * ロケーションページ
=================================================================== */
.page_topCap.location{ position: relative; background: #f279a6; overflow: hidden;}
/*アニメーション*/
.page_topCap.location > div.anibox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.location_move1,.location_move2,.location_move3,.location_move4{ position: absolute; display: block; max-width: 250px;}

.location_move1{ width: 17%; bottom: -15%; left: 0;}
.location_move2{ width: 17%; top: -10%; right: 12%;}
.location_move3{ width: 17%; bottom: 0; left: 13%;}
.location_move4{ width: 17%; bottom: -17%; right: 0%;}
/*IE*/
.page_topCap.location > div.anibox > .location_move1 > canvas,
.page_topCap.location > div.anibox > .location_move2 > canvas,
.page_topCap.location > div.anibox > .location_move3 > canvas,
.page_topCap.location > div.anibox > .location_move4 > canvas{ width: 100% !important; max-width: 250px;}



/*ロケーションページコンテンツ
-------------------------------------------- */
.page_contentBox { width: 100%; max-width: 1280px; margin: 0 auto; text-align: center; }

/*ロケーションマップ*/
.locaitonB_map{ max-width: 1080px; width: 100%; margin: 50px auto 0; }


/*ロケーション共通1
-------------------------------------------- */
.page_contentBox__inner { position: relative; display: flex; flex-wrap: wrap; margin: 50px 0 0 0; padding: 60px 0 150px 50px; border-radius: 30px; }
.page_contentBox__inner_l, .page_contentBox__inner_r { width: 50%; }
/*左右反転用*/
.Shopping .page_contentBox__inner,.Education .page_contentBox__inner {padding: 60px 50px 150px 0; }
.Shopping .page_contentBox__inner_l,.Education .page_contentBox__inner_l{ order: 1; }
/*色*/
.TakatsukiLife .page_contentBox__inner{ background: #F0E4B1; }
.Play .page_contentBox__inner{ background: #DAE3B9; }
.Convenience .page_contentBox__inner{ background: #F5CAAD; }
.Shopping .page_contentBox__inner{ background: #F3CECF; }
.Education .page_contentBox__inner{ background: #B8D7E0; }

/*ロゴ*/
.locaiton_inner_logo1 { position: absolute; top: -7%; left: 5%; width: 30%; margin-bottom: 0; }
.TakatsukiLife .locaiton_inner_logo1 { width: 30%; }
.Play .locaiton_inner_logo1 { width: 13%; }
.Convenience .locaiton_inner_logo1 { width: 26%; }
.Shopping .locaiton_inner_logo1 { width: 26%; right: 5%; left: inherit;}
.Education .locaiton_inner_logo1 { width: 26%; right: 5%; left: inherit;}

/*テキスト*/
.page_contentBox__inner_l h2 { font-size: 41px; font-weight: 600; margin: 30px 0; }
.page_contentBox__inner_l__txt{ line-height: 2; letter-spacing: 1px; font-weight: 400; font-size: 16px; }

/*アニメーション*/
.page_contentBox__inner_l__move{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.page_contentBox__inner_l__move > span{ position: absolute; display: block; max-width: 250px;}
/*TakatsukiLife*/
.location_move5{ width: 20%; top: 25%; left: -5%;}
.location_move6{ width: 20%; bottom: 15%; left: 38%;}
.location_move7{ width: 17%; top: -7%; left: 37%;}
/*play*/
.location_move8{ width: 19%; bottom: 3%; right: -4%;}
.location_move9{ width: 20%; top: -13%; left: 36%;}
.location_move10{ width: 17%; top: 33%; left: -3%;}
.location_move11{ width: 19%; top: 49%; left: 39%;}
/*Convenience*/
.location_move12{ width: 19%; top: 31%; left: -4%;}
.location_move13{ width: 19%; top: -8%; left: 39%;}
.location_move14{ width: 19%; bottom: 17%; left: 38%;}
/*Shopping*/
.location_move15{ width: 19%; top: 47%; right: 42%;}
.location_move16{ width: 19%; top: 0%; right: 0;}
.location_move17{ width: 19%; bottom: 9%; right: 0%;}
/*Education*/
.location_move18{ width: 19%; top: 47%; right: 42%;}
.location_move19{ width: 19%; top: 0%; right: 0;}
.location_move20{ width: 19%; bottom: 9%; right: 0%;}
/*IE*/
.location_move5 > canvas, .location_move6 > canvas, .location_move7 > canvas, .location_move8 > canvas, .location_move9 > canvas, .location_move10 > canvas,
.location_move11 > canvas, .location_move12 > canvas, .location_move13 > canvas, .location_move14 > canvas, .location_move15 > canvas, .location_move16 > canvas,
.location_move17 > canvas, .location_move18 > canvas, .location_move19 > canvas, .location_move20 > canvas { width: 100% !important; max-width: 250px;}



/*ロケーション共通2
-------------------------------------------- */
.page_contentBox__inner2{ position: relative; width: 100%; max-width: 1100px; margin: -10% auto 10%; }
.page_contentBox__inner2_cap { position: relative; margin: 0 0 40px; text-align: left; font-size: 18px; font-weight: 600; }
.page_contentBox__inner2_cap:after { content: ''; position: absolute; bottom: -10px; left: 0; width: 55px; border-bottom: 2px solid #000; }

/*ロケーション共通2 カードbox*/
.page_contentBox__inner2__cardBox { display: flex; margin-top: -10px; }
.page_contentBox__inner2__card { margin-right: 2%; width: 23.5%; }
.page_contentBox__inner2__card:last-of-type { margin-right: initial; }
.page_contentBox__inner2__card .place_pic { width: 100%; height: 170px; object-fit: cover; }
.page_contentBox__inner2__card h3 { margin: 15px 0 15px; text-align: left; font-size: 16px; font-weight: 400; }
.page_contentBox__inner2__card h3 img { display: inline-block; width: 22px; margin: 0 10px -5px 0; }
.inner2__card_bottom { min-height: 235px; text-align: left; }
.page_contentBox__inner2__card__desc { padding: 0 0 20px 0; font-size: 14px; line-height: 1.5; text-align: justify; border-bottom: 1px solid #000; }
.page_contentBox__inner2__card__desc2 { margin: 10px 0 15px; font-size: 14px; text-align: left; line-height: 1.5; }
.inner2__card_bottom a { font-size: 14px; color: #727171; }
.inner2__card_bottom a:before { content: ''; display: inline-block; margin: 0 0 5px 0; width: 15px; height: 15px; vertical-align: middle;
background: url(/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/location_click.png) no-repeat ; background-size: contain;
}

/*調整*/
.Play .inner2__card_bottom,.Convenience .inner2__card_bottom,.Shopping .inner2__card_bottom,.Education .inner2__card_bottom{ min-height: initial;}

.Play .page_contentBox__inner2__card__desc{ min-height: 105px;}
.Education .page_contentBox__inner2__card__desc{ min-height: 105px;}
.Convenience .page_contentBox__inner2__card__desc{ min-height: 147px; text-align: left;}


/*口コミ*/
.inner2__card_bottom2 { padding: 7%; border-radius: 20px; }
.inner2__card_bottom2 h3 { min-height: 45px; margin: 0 0 10px 0; font-size: 16px;  font-weight: 600; }
.inner2__card_bottom2 p { font-size: 12px; line-height: 1.7; text-align: left; }
.bottom_comment { margin: 7px auto 4px; text-align: left; font-size: 14px; }
.bottom_comment img { display: inline-block; width: 35px; margin: 0 10px 0 0; vertical-align: middle; }

/*口コミ関連カラー*/
.TakatsukiLife .inner2__card_bottom2 { border: 2px dotted #EAB01B; }
.TakatsukiLife .inner2__card_bottom2 h3{ color: #EAB01B;}
.Play .inner2__card_bottom2 { border: 2px dotted #39A153; }
.Play .inner2__card_bottom2 h3{ color: #39A153;}
.Convenience .inner2__card_bottom2 { border: 2px dotted #D95719; }
.Convenience .inner2__card_bottom2 h3{ color: #D95719;}
.Shopping .inner2__card_bottom2 { border: 2px dotted #CC3635; }
.Shopping .inner2__card_bottom2 h3{ color: #CC3635;}
.Education .inner2__card_bottom2 { border: 2px dotted #075C9E; }
.Education .inner2__card_bottom2 h3{ color: #075C9E;}


/*周辺施設
-------------------------------------------- */
.lifeInfo__ttl { font-size: 30px; margin-bottom: 25px; }
.under_line { border-top: 2px solid #000; display: inline; padding-top: 20px; }
.placeList_box { display: flex; flex-wrap: wrap; width: 1100px; margin: 0 auto; text-align:left; }
.eachPlace__box { width:50%; padding: 30px; }
.eachPlace__box h4 { margin: 30px 0; padding: 15px; color: #fff; border-radius: 20px; }
.eachPlace__box.Shopping h4{ background: #CC3635; }
.eachPlace__box.Park h4{ background: #39A153; }
.eachPlace__box.Education h4{ background: #075C9E; }
.eachPlace__box.Covenience h4{ background: #D95719; }
.eachPlace__box h4 span { margin: 0 5px; font-weight: 400; }
.placeList_box__inner1 { display: flex; margin-bottom: 15px; }
.placeList_box__inner1 li:first-child { width: 60%; }
.placeList_box__inner1 li:nth-child(2) { width: 40%; }
.placeList_box__inner1 li:first-child {
  display: inline;
  position:relative;
  width: 70%;
  z-index:10;
}
.placeList_box__inner1 li:nth-child(2) {
  position:relative;
  width: 40%;
  text-align:right;
  background: #fff;
}

.placeList_box__inner1 li span {
  display: inline;
  background: #fff;
  position:relative;
  z-index:20;
}
.placeList_box__inner2::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 1px dotted #000;
  top: -25px;
  z-index: 0;
}










@media screen and (min-width:1280px) {
/* ===================================================================
 * ヘッダー header.php
=================================================================== */
.pc_menu li{font-size: 20px;}


/* ===================================================================
 * トップ index.php
=================================================================== */
.MoreBtn{ font-size: 18px; }


.M_plan1 h2, .M_loca2 h2, .M_acc1 h2{ font-size: 40px; }
.M_plan1 span, .M_loca2 span, .M_acc1 span{ font-size: 21px; }
.Main_dec_num{ font-size: 47px;}
/* ===================================================================
 * フッター footer.php
=================================================================== */
.F_tel { font-size: 18px; }
.F_tel span, .F_mail span{ font-size: 22px; }
.F_tel a { font-size: 40px; }
.F_tel a span{ font-size: 23px; }
.F_mail a { font-size: 16px; }
.F_nav_txt { font-size: 10px; }
.F_nav_txt span { font-size: 20px; }
/* ===================================================================
 * planページ
=================================================================== */
.Plan_dec_L h2{ font-size: 27px; }
.PlanNum span, .Plan_ldk{ font-size: 31px; }
.PlanNum, .Plan_data, .Plan_data2{ font-size: 14px; }
.Plan_cate_box span{ font-size: 14px; }
.plan_floor_catch h2{ font-size: 40px; }
.plan_floor_catch p{ font-size: 18px; }
.plan_floor_card h3{ font-size: 32px;}
.plan_floor_card p{ font-size: 16px; line-height:30px;}
.plan_rec h2{ font-size: 42px;}
.plan_rec_card h3{ font-size: 21px;}
.plan_rec_card p{ font-size: 15px; }

/*plan1
-------------------------------------------- */
.plan1 .plan_floor_area{ padding-top: 900px; margin: 0 auto; }
/*間取り特徴位置*/
.plan_floor_card.living1{ top: 0; left: 3%; }
.plan_floor_card.wooddeck1{ top: 44%; left: 3%; }
.plan_floor_card.void1{ top: 0; right: 1%; }
.plan_floor_card.study1{ top: 44%; right: 1%; }
.plan1 .plan_floor_area > span.plan_floor_icon{ bottom: 0; left: 24%; }

/*カード矢印位置*/
.plan1 .plan_floor_area > span.plan_floor_card_arrow.living1{ top: 12%; left: 27%; }
.plan1 .plan_floor_area > span.plan_floor_card_arrow.wooddeck1{ top: 59%; left: 26%; }
.plan1 .plan_floor_area > span.plan_floor_card_arrow.void1{ top: 15%; right: 21%; }
.plan1 .plan_floor_area > span.plan_floor_card_arrow.study1{ bottom: 11%; right: 19%; }

/*plan2
-------------------------------------------- */
.plan2 .plan_floor_area{ padding-top: 950px; margin: -2% auto; }
/*カード矢印位置*/
.plan2 .plan_floor_area > span.plan_floor_card_arrow.living2{ top: 11%; left: 32%; }
.plan2 .plan_floor_area > span.plan_floor_card_arrow.wic{ top: 39%; left: 30%; }
.plan2 .plan_floor_area > span.plan_floor_card_arrow.kid { top: 66%; left: 40%; }
.plan2 .plan_floor_area > span.plan_floor_card_arrow.balcony { top: 60%; right: 9%; }
/*間取り特徴位置*/
.plan_floor_card.living2 { top: 9%; left: 3%; }
.plan_floor_card.wic { top: 37%; left: 3%; }
.plan_floor_card.kid { top: 80%; left: 3%; }
.plan_floor_card.balcony { top: 80%; left: 50%; }
.plan2 .plan_floor_area > span.plan_floor_icon{ bottom: 14%; right: 17%; }
/*嬉しい標準設備
-------------------------------------------- */
.plan_facility h2{ font-size: 34px;}

}/*media screen and (min-width:1280px) end*/




@media screen and (min-width:751px) {
  a[href^="tel:"] { pointer-events: none; }
  .pc_none{ display: none; }
}/*media screen and (min-width:750px) end*/


@media screen and (max-width:750px) {
.sp_none{ display: none; }

/*内部ページ共通*/
.page_topV > img { width: 100%; height: 320px; object-fit: cover; }

/* ===================================================================
 * スマホヘッダー header.php
=================================================================== */
.pc_menu{ display: none; }
header{ height: 60px; width: 100%; }
header > nav{ height: 60px; z-index: 50; }
nav > a{ width: 130px;height: 130px; }
nav > a:nth-of-type(2) { top: 13%; left: 2%; height: 60px; opacity: 1;}
nav > a:nth-of-type(2) img{ width: 100%; height: initial; object-fit: initial; }
#top_head.fixed > nav > a:nth-of-type(1){ height: 60px; }
#top_head.fixed > nav > a:nth-of-type(2){ box-shadow: initial; margin: 0; opacity: 1; width: 130px; height: 60px; }

/*ヘッダーハンバーガーメニュー*/
#nav_toggle { position: absolute; top: 10%; right: 0; margin: 0 15px 0 0; height: 50px; cursor: pointer; }
#nav_toggle p{ width: auto; height: auto; margin: 0 0 5px; color: #ee7a20; text-align: center; line-height: 1; font-size: 15px; font-family: "mamelon"; }
#nav_toggle div { position: relative; width: 36px; }
#nav_toggle div span { position: absolute; display: block; width: 100%; height: 1.5px; left: 0;
background: #ee7a20; transition: transform .5s ease-in-out, top .5s ease; }
#nav_toggle div span:nth-child(1) { top: 0; }
#nav_toggle div span:nth-child(2) { top: 10px; }
#nav_toggle div span:nth-child(3) { top: 20px; }
/*menu アニメーション*/
.navopen #nav_toggle div span:nth-of-type(1) { transform: translateY(10px) rotate(-45deg); }
.navopen #nav_toggle div span:nth-of-type(2) { opacity: 0; }
.navopen #nav_toggle div span:nth-of-type(3) { transform: translateY(-9px) rotate(45deg); }


/*gloval_nav
-------------------------------------------- */
#gloval_nav { position: initial; top: 60px; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 5;
 text-align: center; font-size: 29px; background: #f7f4ec; color: #fff; transition: opacity .5s ease, visibility .5s ease;}
.navopen #gloval_nav { position: fixed; visibility: visible; opacity: 1; }
#gloval_nav nav { position: relative; height: 100%; background: #f7f4ec; }

/*鳥画像*/
.sp_gloval_nav_bird{ position: absolute; display: block; background-repeat: no-repeat; background-size: 100%; 
 background-image: url('/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/sp_gloval_nav_bird.png');
width: 14%; padding-top: 14%; top: 10%; right: 5%; }

/*menu*/
#gloval_nav nav ul{ position: absolute; display: none; top: 30%; left: 50%; transform: translate(-50%,-30%); flex-direction: column; width: 100%; z-index: 10; }
#gloval_nav nav ul.navopen{ display: flex; }
#gloval_nav nav ul li{ margin: 0 0 25px 0; }
#gloval_nav nav ul li:last-of-type{ margin: 0; }
#gloval_nav nav ul li a{ display: block; font-size: 5vw; }
#gloval_nav nav ul li a span{ display: block; color: #ee7a20; font-family:'Arial'; font-size: 3vw; font-weight: bold; }

/*menu下部*/
.gloval_nav_bottom{ display: none; flex-wrap: wrap; position: absolute; bottom: 0; width: 100%; }
.gloval_nav_bottom.navopen{ display: flex; }
.gloval_nav_bottom_img {width: 100%;}
.gloval_nav_bottom_img img {width: 100%; object-fit: cover;}
.gloval_nav_bottom a{ width: 50%; padding: 4%; color: #FFF; text-align: center; font-size: 6vw; }
.gloval_nav_bottom a:nth-of-type(1){ background: #39a153; }
.gloval_nav_bottom a:nth-of-type(2){ background: #075c9e; }
.gloval_nav_bottom a img{ width: 15%; margin: 0 2% 0 0; }



/* ===================================================================
 * スマホフッター footer.php
=================================================================== */
/*見学予約
-------------------------------------------- */
.F_visit{ height: initial; padding: 0; }
.F_visit_wrap{ padding: 15% 5% 30%; max-height: initial; }

.F_visit_wrap > .anibox{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.F_visit .bg_img_sp1{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 15%;
  background: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/sp_footer1.png") no-repeat center / 100%;
  z-index: -1;
}
.F_visit .bg_img_sp2{
  position: absolute;
  bottom: 4%;
  left: 0;
  width: 100%;
  padding-top: 30%;
  background: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/sp_footer2.png") no-repeat center / 100%;
  z-index: -1;
}



.F_visit h2{ margin: 0 0 5% 0; padding: 0 0 1% 0; font-size: 7.2vw; border-bottom: 1px dashed #ee7a20; }
.F_visit p{ margin: 0 0 20px 0; font-size: 4.6vw; text-align: left; }
.F_visit .MoreBtn{ width: 75%; padding: 4% 0; letter-spacing: 1px; font-size: 4.6vw; }


/*お問い合わせ
-------------------------------------------- */
.F_contact{ padding: 10% 5%; }
.F_contact .wrap{ padding: 0; width: 100%; }
.F_contact .lead{ width: 100%; margin: 0 auto 5%; font-size: 4.6vw; text-align: left;}
.F_contact .lead span{ font-size: 7.2vw; text-align: center;}
.F_contact .wrap > div{ display: initial; margin: 0 auto 5%; }
.F_contact_box{ width: 100%; margin: 0 auto 5%; padding: 5%; border-radius: 10px; }
.F_contact_box::before,.F_contact_box::after{ border-radius: 10px; }
.F_tel{ font-size: 3vw; }
.F_tel a{ margin: 2% 0 1%; font-size: 7vw; }
.F_tel a span{ font-size: 4vw; }
.F_tel span{ font-size: 4.6vw; }
.F_mail span{ font-size: 4.6vw; }
.F_mail a{ margin: 3% auto 0; font-size: 3.6vw; letter-spacing: 1px; }

/*フッターナビ
-------------------------------------------- */
.F_nav .wrap{ padding: 0; }
.F_nav .wrap ul li{ width: 50%; padding: 4%; border: 1px solid #898989; }
.F_nav .wrap ul li:nth-of-type(n){ border-top: initial; border-right: initial; }
.F_nav .wrap ul li:nth-of-type(odd){ border-left: initial; }
.F_nav .wrap ul li:nth-of-type(3),.F_nav .wrap ul li:nth-of-type(4){ border-bottom: initial; }
.F_nav .wrap ul li a{ padding: 4%; }

.F_nav_txt{ font-size: 2.4vw; }
.F_nav_txt span{ font-size: 4vw; }

/*サイトマップ
-------------------------------------------- */
.F_bottom .wrap{ padding: 5%; }
.F_bottom .casalogo{ width: 30%; margin: 0 0 3% 0; }
.F_bottom ul{ justify-content: flex-end; width: 70%; margin: 0 0 3% 0; }
.F_bottom ul li { width: 50%; }
.F_bottom ul li:nth-of-type(1) { width: 30%; }
.F_bottom ul li a{ font-size: 3vw; }
.F_bottom small{ order: 3; width: 90%; margin: 0; font-size: 2.6vw; }
.FooterGotop_box{ order: 4; width: 10%; }

/* ===================================================================
 * トップ index.php
=================================================================== */
/*キャッチ
-------------------------------------------- */
.Main_catch{ height: initial; padding: 60px 0 0 0;}
.I_catchbox{ height: 320px; }
.Main_catch_txt_sp > div.anibox > .I_catchboxani1{ width: 30%; top: -18%; left: -5%; }
.Main_catch_txt_sp > div.anibox > .I_catchboxani2{ width: 50%; top: 3%; left: -12%; }
.Main_catch_txt_sp > div.anibox > .I_catchboxani3{ width: 30%; bottom: 26%; right: -6%; }
.Main_catch_txt_sp > div.anibox > .I_catchboxani4{ width: 44%; top: 0; right: -17%; }
.Main_catch_txt_sp > div.anibox > .I_catchboxani5{ width: 30%; bottom: -8%; right: -8%; }

.fadeSlide img{ width: 100%; height: 320px; object-fit: cover;}


.Main_catch_txt_sp{
 position: relative;
 width: 100%; padding: 8% 0; background: #ee7a20; color: #FFF; text-align: center; font-size: 6vw; font-family:"mamelon"; }
/*コンテンツアニメーション*/
.Main_catch_txt_sp > div.anibox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.Main_catch_txt_sp > div.anibox > span{ position: absolute; display: block; background-repeat: no-repeat; background-size: 100%; }
.M_catchani1{ content: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/indexapng/plan_kirakiraB.png");
width: 25%; padding-top: 0; top: -15%; left: -5%; }
.M_catchani2{ content: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/indexapng/location_wood.png");
width: 65%; padding-top: 0; top: -22%; left: -23%; }
.M_catchani3{ content: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/indexapng/access_bird.png");
width: 45%; padding-top: 0; top: -40%; right: -12%; }
.M_catchani4{ content: url("/casa_series/hiyoshidai2/wp-content/themes/twentyseventeen/assets/images/indexapng/outline_1.png");
width: 48%; padding-top: 0; bottom: -39%; right: -19%; }



/*概要
-------------------------------------------- */
.Main_dec{ background: #f3a115; }
.Main_dec .wrap{ padding: 5%; }
.Main_dec .wrap ul{ flex-wrap: wrap; }
.Main_dec .wrap ul li{ width: 50%; border: 1px dashed #FFF; }
.Main_dec .wrap ul li:nth-of-type(n){ font-size: 5vw; border-top: initial; border-left: initial;}
.Main_dec .wrap ul li:nth-of-type(2n){ border-bottom: initial;}
.Main_dec .wrap ul li:nth-of-type(1){ padding: 0 3% 3% 0; }
.Main_dec .wrap ul li:nth-of-type(2){ order: 3; padding: 3% 3% 0 0; }
.Main_dec .wrap ul li:nth-of-type(3){ order: 2; padding: 0 0 3% 3%; border-right: initial;}
.Main_dec .wrap ul li:nth-of-type(4){ order: 4; padding: 3% 0 0 3%; }
.Main_dec .wrap ul li:nth-of-type(2) .Main_dec_txtbox:nth-of-type(1) span{ display: initial; }
.Main_dec_txtbox{ font-size: 3.6vw; }
.Main_dec_num{ margin: 0 1%; font-size: 9vw; }

/*コンテンツ
-------------------------------------------- */
.sp_con_box{ position: relative; padding: 5%; overflow: hidden;}
.sp_con_box.sp_plan{ background: #39a153; }
.sp_con_box.sp_loca{ background: #f279a6; }
.sp_con_box.sp_acc{ background: #075c9e; }

/*コンテンツアニメーション*/
.sp_con_box > div.anibox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sp_con_box > div.anibox > span{ position: absolute; display: block; background-repeat: no-repeat; background-size: 100%; }
.M_plan1ani1{ width: 40%; top: 0; right: 8%; left: initial; bottom: initial; }
.M_plan1ani2{ width: 50%; top: -9%; right: -12%; bottom: initial;}
.M_plan1ani3{ width: 60%; top: -1%; right: -18%; left: initial; bottom: initial; }
.M_loca2ani1{ width: 60%; top: -12%; right: -12%; left: initial; bottom: initial; }
.M_loca2ani2{ width: 50%; top: 0; right: -12%; bottom: initial;}
.M_loca2ani3{ width: 44%; top: 1%; right: 7%; left: initial; bottom: initial; }
.M_acc1ani1{ width: 35%; top: 4%; right: 0; left: initial; bottom: initial; }
.M_acc1ani2{ width: 55%; top: -10%; right: -3%; left: initial; bottom: initial;}
.M_acc1ani3{ width: 30%; top: -3%; right: -7%; left: initial; bottom: initial; }

/*コンテンツタイトル*/
.sp_con_box_ttl{ color: #FFF; }
.sp_con_box_ttl h2{ width: 100%; font-family: "mamelon"; font-weight: initial; font-size: 8vw; }
.sp_con_box_ttl span { display: block; margin: 3% 0 4%; font-family: 'Sawarabi Gothic'; font-size: 3.6vw; }
/*画像レイアウト*/
.Main_con ul li.M_plan2, .Main_con ul li.M_loca1, .Main_con ul li.M_acc2{ width: 96%; margin: 0 2% 3%; padding-top: 47%; }
.Main_con ul li.M_plan4, .Main_con ul li.M_loca3, .Main_con ul li.M_acc4{ width: 46.5%; margin: 0 3% 2% 2%; padding-top: 47%; }
.Main_con ul li.M_plan5, .Main_con ul li.M_loca4, .Main_con ul li.M_acc5 { width: 46.5%; margin: 0 0 2%; padding-top: 47%; }
/*MoreBtn関連*/
.sp_con_box .MoreBtn{ width: 75%; padding: 5% 0; margin: 5% auto; font-size: 5vw; font-family: 'Arial';}
.sp_con_box .MoreBtnArrow::before, .sp_con_box .MoreBtnArrow::after { content: ""; position: absolute; margin: auto; top: 0; bottom: 0; }
.sp_con_box .MoreBtnArrow::before { right: 9%; width: 15px; height: 3px; }
.sp_con_box .MoreBtnArrow::after { right: 9%; width: 9px; height: 9px; transform: rotate(45deg); }
.sp_con_box.sp_plan .MoreBtnArrow::before { background: #39a153; }
.sp_con_box.sp_plan .MoreBtnArrow::after { border-top: 3px solid #39a153; border-right: 3px solid #39a153; }
.sp_con_box.sp_loca .MoreBtnArrow::before { background: #f279a6; }
.sp_con_box.sp_loca .MoreBtnArrow::after { border-top: 3px solid #f279a6; border-right: 3px solid #f279a6; }
.sp_con_box.sp_acc .MoreBtnArrow::before { background: #075c9e; }
.sp_con_box.sp_acc .MoreBtnArrow::after { border-top: 3px solid #075c9e; border-right: 3px solid #075c9e; }


/* ===================================================================
 * SP プランページ
=================================================================== */
.page_topCap.plan{ padding: 5%; text-align: left; font-size: 8vw; }
.page_topCap__txt{ font-size: 3.6vw; }
/*アニメーション*/
.page_topCap.plan > div.anibox > .plan_ani1{ display: none; }
.page_topCap.plan > div.anibox > .plan_ani2{ width: 40%; top: -3%; right: 10%; left: initial; transform: initial; }
.page_topCap.plan > div.anibox > .plan_ani3{ width: 50%; top: -33%; right: -9%; transform: initial; }
.page_topCap.plan > div.anibox > .plan_ani4{ width: 60%; top: -6%; right: -18%; transform: initial;}




/*プラン詳細
-------------------------------------------- */
.Plan_dec{ flex-direction: column; }
.Plan_dec_L{ width: 100%; padding: 5%; }
.Plan_dec_L_ttl{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 0 5% 0; }
.PlanNum{ width: 30%; font-size: 4vw; text-align: center; }
.PlanNum span{ font-size: 12vw; }
.Plan_dec_L h2{ width: 70%; font-size: 6vw; }
.Plan_dec_L_info{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0 3% 0; margin: 0 0 3% 0; border-bottom: 2px solid #FFF; }
.Plan_dec_L_info > p{ width: 36%; }
.Plan_dec_L_info ul{ width: 56%; }
.Plan_dec_L_info ul li{ text-align: left; }
.Plan_ldk{  font-size: 10vw; }
.Plan_dec_L_info ul li p.Plan_cate_box{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.Plan_dec_L_info ul li p.Plan_cate_box span{ width: 48%; padding: 2%; margin: 2% 0; font-size: 3.2vw; }
.Plan_info{ max-width: initial; text-align: left; }
.Plan_info li:nth-of-type(1){ padding: initial; margin: initial; border: initial; }
.Plan_data2{ font-size: 4.2vw; }
.Plan_dec_R{ width: 100%; padding-top: 47%; }
.Plan_data{ font-size: 4vw; }

/*プランキャッチ
-------------------------------------------- */
.plan_floor_catch{ padding: 5% 5% 0; margin: 0 0 -8% 0}
.plan_floor_catch h2{ margin: 0 0 5% 0; font-size: 5.2vw; }
.plan_floor_catch p{ text-align: left; font-size: 4.6vw; line-height: initial; }

/*間取り図関連
-------------------------------------------- */
.planimg { background-size: 100%; }

/*plan1*/
.plan1 .plan_floor_area{ padding-top: 180%; }
.plan1 .planimg{ background-image: url('/casa_series/hiyoshidai2/wp-content/uploads/2020/07/plan01_sp.png'); }
.plan1 .plan_floor_area > span.plankira1{ width: 20%; padding-top: 22%; top: initial; bottom: 6%; left: 28%; }
.plan1 .plan_floor_area > span.plankira2{ width: 20%; padding-top: 25%; bottom: initial; top: 7%; right: 8%; }
.plan1 .plan_floor_area > span.plan_floor_icon{ width: 10%; padding: 10%; bottom: 5%; right: 14%; left: inherit; }

/*plan2*/
.plan2 .plan_floor_area{ padding-top: 160%; }
.plan2 .planimg{ background-image: url('/casa_series/hiyoshidai2/wp-content/uploads/2020/04/plan02_sp.png'); }
.plan2 .plan_floor_area > span.plankira1{ width: 18%; padding-top: 23%; top: 7%; left: 2%; }
.plan2 .plan_floor_area > span.plankira2{ width: 20%; padding-top: 25%; top: initial; bottom: 5%; right: 30%; }
.plan2 .plan_floor_area > span.plan_floor_icon{ width: 10%; padding: 10%; bottom: 8%; left: 10%; right: initial; }


/*間取り特徴
-------------------------------------------- */
.plan1 .plan_floor_card{ position: initial; width: 42.5%; }
.plan2 .plan_floor_card{ position: initial; width: 42.5%; }
.plan_floor_card figure{ height: initial; }
.plan_floor_card h3{ position: relative; padding: 0 0 0 13%; font-size: 4.5vw; }
.plan_floor_card p{ font-size: 3.6vw; line-height: 1.8; }
.plan_floor_card h3:before{ content: ""; position: absolute; top: 15%; left: 0; width: 10%; padding-top: 10%; border-radius: 20px; }
.plan_floor_card h3:after{ position: absolute; top: 15%; left: 3%; color: #FFF; font-size: 3vw; }

/*plan1*/
.plan_floor_card.living1,.plan_floor_card.wooddeck1{ padding-top: initial; top: initial; left: initial; }
.plan_floor_card.void1,.plan_floor_card.study1{ padding-top: initial; top: initial; right: initial; }
.plan_floor_card.living1{ order: 1; margin: 5% 5% 0 5%; }
.plan_floor_card.void1{ order: 2; margin: 5% 5% 0 0; }
.plan_floor_card.wooddeck1{ order: 3; margin: 5% 5% 0 5%; }
.plan_floor_card.study1{ order: 3; margin: 5% 5% 0 5%; }
.plan_floor_card h3:before{ background: #6990cb; }
.plan_floor_card.living1 h3:after{ content: "1"; }
.plan_floor_card.void1 h3:after{ content: "2"; }
.plan_floor_card.wooddeck1 h3:after{ content: "3"; }
.plan_floor_card.study1 h3:after{ content: "3"; }

/*plan2*/
.plan2 .plan_floor_card{ display: initial; }
.plan2 .plan_floor_card figure{ width: 100%; padding-top: 50%; margin: initial; }
.plan2 .plan_floor_card h3:before{ background: #dd625d; }
.plan_floor_card.living2,.plan_floor_card.wic{ padding-top: initial; top: initial; left: initial; }
.plan_floor_card.kid,.plan_floor_card.balcony{ padding-top: initial; top: initial; right: initial; }
.plan_floor_card.living2{ order: 1; margin: 5% 5% 0 5%; }
.plan_floor_card.wic{ order: 2; margin: 5% 5% 0 0; }
.plan_floor_card.balcony{ order: 3; margin: 5% 5% 0 5%;  }
.plan_floor_card.kid{ order: 4; margin: 5% 5% 5% 0; }
.plan_floor_card.living2 h3:after{ content: "1"; }
.plan_floor_card.wic h3:after{ content: "2"; }
.plan_floor_card.balcony h3:after{ content: "3"; }
.plan_floor_card.kid h3:after{ content: "4"; }

/*Recommend
-------------------------------------------- */
.plan_rec,.plan2 .plan_rec{ padding: 5% 5% 20%; }
.plan_rec h2{ margin: 0 auto 3%; font-size: 7.8vw; text-align: center; }
.plan_balloon{ flex-direction: column; padding: 5%; }
.plan_balloon::before{ display: none; }
.plan_rec_card{ width: 100%; margin: 0 auto 5%; }
.plan_rec_info{  min-height: initial; }
.plan_rec_info figure{ width: 100%; padding-top: 40%; }
.plan_rec_info p{ width: 100%; padding: 5%; font-size: 3.6vw; line-height: 2; }
.planreckira1{ display: none; }
.planreckira2{ width: 20%; bottom: -4%; left: -3%; }
.planreckira4{ width: 13%; bottom: -4%; }

/*嬉しい標準設備
-------------------------------------------- */
.plan_facility{ padding: 10% 5%; }
.plan_facility h2{ font-size: 5.4vw; margin: 0 auto 5%; }
.plan_facility h2:before{ font-size: 3vw; top: -33%; left: 0; transform: rotate(-15deg); }
.plan_facility h2:after{ top: -34%; left: 52.65%; }
.plan_facility h2 ruby{ font-size: 8vw; }
.plan_facility h2 ruby rt{ margin: 0 0 -5% 0; }
.plan_facility ul li{ width: 100%; padding: 0; margin: 0 0 5%; }
.plan_facility ul li figure{ width: 100%; padding-top: 47%; }
.plan_facility ul li figure img{ border-radius: 20px 20px 0 0; }
.plan_facility ul li figure + div{ width: 100%; margin: 0; padding: 5%; }
.plan_facility ul li div h3{ font-size: 5vw; }
.plan_facility ul li div h3 span{ font-size: 4vw; margin: 0 0 0 3%; }
.plan_facility ul li div p{ font-size: 4vw; }



/* ===================================================================
 * スマホ アクセスページ access
=================================================================== */
.page_topCap.access > div.anibox > .access_ani1{ width: 40%; top: -18%; right: 3%; left: initial; transform: initial; }
.page_topCap.access > div.anibox > .access_ani2{ width: 37%; top: -17%; right: -10%; bottom: initial; left: initial; transform: initial; }
.page_topCap.access > div.anibox > .access_ani3{ width: 37%; top: 12%; right: 0; transform: initial; }
.page_topCap.access > div.anibox > .access_ani4{ display: none; }

.page_topCap.access{ padding: 5%; text-align: left; font-size: 8vw; }
.page_topCap__txt{ font-size: 3.6vw; }

/*BusAccess*/
.BusAccess{ padding: 15% 0; }
.Access_top{ max-width: initial; width: 90%; margin: 0 5%; padding: 1%; font-size: 2vw; border-radius: 10px; }
.Access_top h2{ top: -15px; width: 50%; padding: 3%; font-size: 3.4vw; min-width: initial; }
.Access_top h2::before{ border-width: 16px 10px; right: 98%; }
.Access_top h2::after{ border-width: 16px 10px; }
.Access_top p{ font-size: 5.4vw; padding: 10% 5% 6%; }
.Access_dec{ margin: 15% auto 5%; padding: 0 5%; }
.Access_dec h3{ margin: 0 auto 5%; font-size: 5.6vw; line-height: 1.6; }
.Access_dec p{ margin: 0 auto 10%; font-size: 4.6vw; text-align: left; }
.BusAccess_qa_wrap{ padding: 10% 5%; }
.BusAccess_qa_wrap ul{ flex-direction: column; margin: 0 0 15% 0; }
.BusAccess_qa_wrap ul li{ width: 100%; padding: 0 0 10% 0; margin: 0 0 10% 0; border-bottom: 2px dashed #b5b6b6; border-right: initial; }
.BusAccess_qa_wrap ul li:last-of-type{ margin: 0; padding: 0; border-bottom:initial; border-right: initial; }
.BusAccess_qa_q::before{ width: 96px; }
.BusAccess_qa_a{ margin: 0 0 5% 0; font-size: 4.7vw; }
.BusAccess_qa_a span{ margin: 0 1% 0 0; }
.BusAccess_qa_txt{ font-size: 4.6vw; }
.busloca{ min-width: initial; width: 100%; }
.busloca_L{ width: 100%; border-radius: 10px 10px 0 0; }
.busloca_txt1 { margin: 0 0 5% 0; font-size: 4vw; }
.busloca_txt1 img{ margin: 0 5% -1% 0; height: 8%; width: 8%; }
.busloca_txt2{ font-size: 6vw; }
.busloca_txt3 { font-size: 4.6vw; line-height: 2; }
.busloca_L a{ border-radius: 15px; }
.busloca_L a::before{ margin: auto 0 auto -10%; }
.busloca figure{ width: 100%; border-radius: 0 0 10px 10px; }

/*TrainAccess
-------------------------------------------- */
.TrainAccess .Access_dec{ margin: 10% auto 15%; }
.TrainAccess_sta{ padding: 0 5%;margin: 0 auto; }
.TrainAccess_sta ul{ flex-direction: column; }
.TrainAccess_sta ul > li{ position: initial; width: 100%; margin: 0 0 10% 0; }
.TrainAccess_sta ul > li:not(:nth-child(3n+1)){ margin: 0 0 10% 0; }
.TrainAccess_sta ul > li > div{ position: relative; display: flex; justify-content: space-between;
 border-radius: 10px 10px 0 0; width: 100%; padding: 0 0 10% 0; }
.TrainAccess_sta ul > li > div > p:nth-of-type(2){ position: absolute; bottom: 0; right: 5%; margin: 0; font-size: 5vw; letter-spacing: 2px; }
.staname{ padding: 5%; font-size: 9vw; }
.staname span{ font-size: 4.6vw; }
.statime span{ font-size: 17vw; }



/* ===================================================================
 * スマホ 物件概要ページ
=================================================================== */
.page_topCap.gaiyou { padding: 5%; text-align: left; font-size: 8vw; }
/*アニメーション*/
.gaiyou_ani1{ width: 40%; padding-top: 0; top: -35%; right: -7%; transform: inherit; }
.gaiyou_ani2{ width: 30%; padding-top: 0; top: -31%; left: 48%;  transform: inherit; }
/*物件概要*/
.page_goiyoDetail{ padding: 0 5%; }
.page_goiyoDetail dt{ width: 100%; padding: 5%; justify-content: initial; }
.page_goiyoDetail dd{ width: 100%; padding: 5%; margin: 0 0 30px 0; }

/* ===================================================================
 * ロケーションページ
=================================================================== */
.location_move1{ width: 50%; bottom: 21%; right: -12%; left: initial;}
.location_move2{ display: none; }
.location_move3{ width: 50%; top: -3%; right: -7%; left: initial; bottom: initial;}
.location_move4{ width: 47%; bottom: 28%; right: 4%;}


.page_topCap.location{ padding: 5%; text-align: left; font-size: 8vw; }
.page_topCap__txt{ font-size: 3.6vw; }


/*ロケーションページコンテンツ
-------------------------------------------- */
.page_contentBox { max-width: initial; }
/*ロケーションマップ*/
.locaitonB_map{ margin: 30px auto 0; max-width: initial; }

/*ロケーション共通1
-------------------------------------------- */
.page_contentBox__inner{ display: block; padding: 10% 0 40%; margin: 15% 0 0 0; border-radius: initial; }
.page_contentBox__inner_l, .page_contentBox__inner_r { width: 100%; }
/*左右反転用*/
.Shopping .page_contentBox__inner,.Education .page_contentBox__inner { padding: 10% 0 40%; }

/*ロゴ*/
.locaiton_inner_logo1{ top: -4%; }
.TakatsukiLife .locaiton_inner_logo1 { width: 80%; }
.Play .locaiton_inner_logo1 { width: 38%; }
.Convenience .locaiton_inner_logo1 { width: 76%; }
.Shopping .locaiton_inner_logo1 { width: 62%; right: initial; left: 5%;}
.Education .locaiton_inner_logo1 { width: 58%; right: initial; left: 5%;}

.page_contentBox__inner_l h2{ font-size: 6vw; }
.page_contentBox__inner_l__txt{ font-size: 4.6vw; }

/*調整*/
.TakatsukiLife .page_contentBox__inner_l__move{ padding-top: 143%; }

/*アニメーション*/
/*TakatsukiLife*/
.location_move5{ width: 30%; top: 9%; left: -5%; }
.location_move6 { width: 35%; bottom: 12%; right: 0; left: initial; }
.location_move7 { width: 31%; top: 0; right: -4%; left: initial; }
/*play*/
.location_move8 { width: 39%; bottom: initial; right: -9%; top: 34%; }
.location_move9 { width: 40%; top: -4%; left: initial; right: -4%; }
.location_move10 { width: 30%; top: 7%; left: -5%; }
.location_move11 { width: 40%; top: 70%; left: 60%; }
/*Convenience*/
.location_move12 { width: 35%; top: 6%; left: -7%; }
.location_move13 { width: 40%; top: -3%; left: initial; right: -9%; }
.location_move14 { width: 30%; bottom: 12%; left: initial; right: 0; }
/*Shopping*/
.location_move15{ width: 30%; top: 6%; right: initial; left: -5%; }
.location_move16{ width: 30%; top: 0%; right: 0;}
.location_move17{ width: 30%; bottom: 9%; right: 0%;}
/*Education*/
.location_move18 { width: 30%; top: 8%; right: initial; left: -5%; }
.location_move19 { width: 40%; top: initial; right: -5%; bottom: 15%; }
.location_move20 { width: 30%; bottom: initial; right: -1%; top: 0; }


/*ロケーション共通2
-------------------------------------------- */
.page_contentBox__inner2{ max-width: initial; margin: -30% auto 10%; }
.page_contentBox__inner2_cap{ margin: 0 0 15% 3%; }

/*ロケーション共通2 カードbox*/
.page_contentBox__inner2__cardBox{ display: block; }
.page_contentBox__inner2__card{ margin: 0 .5%; }
.page_contentBox__inner2__card h3 img{
  margin: 0 3px -5px 0;
}

/*調整*/
.Play .page_contentBox__inner2__card__desc{ min-height: 126px; }
.Shopping .page_contentBox__inner2__card__desc{ min-height: 126px; }


/*スライド*/
.slick-counter{ margin: 20px 0 0 0; }
.slick-counter .arrows { margin: 0 10px; font-weight: 600; }
.slick-initialized .slick-slide { outline: none; }
.slick-next{ right: 0; }
.slick-prev{ left: 0; }


/*周辺施設
-------------------------------------------- */
.lifeInfo__ttl{
  font-size: 6vw;
}

.placeList_box{
    display: block;
    width: 100%;
}
.eachPlace__box{
  width: 100%;
  padding: 4%;
}



}/*media screen and (max-width:750px) end*/




@media screen and (min-width:480px) {}

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