@charset "utf-8";
/* CSS Document */


.pc,
nav {
	display:none !important;
}
html,body,
textarea{
background:#fff;
font-family : "メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
line-height:1.3;
text-align: left;
}
div,p,dl{
text-align:left;
}
p,dt,dd,li,td,th,h1,h2,h3,h4,h5,h6{
color:#333;
font-size:14px;
}
a:link,
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover,
a:active {
	color: #7c7c7c;
	text-decoration: none;
}
body {
	-webkit-text-size-adjust: 100%;
}
a:hover img {
	filter: alpha(opacity=75);
	opacity: 0.75;
}
img { vertical-align : middle;}
img { width : 100%;}


.container {
	margin-top: 4vw;
	width: 100%;
	overflow: hidden;
	position: relative;
}


/*Panasonic Homes グループヘッダー*/
#phg-header {
	background-color: #21366e;
}
#phg-header .phgcontainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 100%;
	margin: auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 15px;
}
#phg-header .phgcontainer::after {
	display: none;
}
#phg-header .phgcontainer #phg-logo {
	-ms-flex:0 0 auto;
	-webkit-box-flex:0;
	        flex:0 0 auto;
	width: 60%;
	height: auto;
	min-width: 200px;
}
#phg-header .phgcontainer #phg-logo a {
	display: block;
}
#phg-header .phgcontainer #phg-logo img {
	display: block;
	width: 100%;
	height: auto;
}
#phg-header .phgcontainer #phg-link {
	-ms-flex:0 0 auto;
	-webkit-box-flex:0;
	        flex:0 0 auto;
}
#phg-header .phgcontainer #phg-link a {
	display: block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	border: 1px solid #fff;
	padding: 0px 20px 0px 8px;
	background: url(/images/common/phb-arrow_m_wh.png) no-repeat right 8px center / 5px auto;
}
#phg-header .phgcontainer #phg-link a span {
	display: none;
}
#phg-header .phgcontainer #phg-link a:link,
#phg-header .phgcontainer #phg-link a:visited {
	color: #fff;
	text-decoration: none;
}
#phg-header .phgcontainer #phg-link a:hover,
#phg-header .phgcontainer #phg-link a:active {
	color: #d3d7e2;
	text-decoration: none;
}





/* header */
header {
	width: 100%;
	margin: auto;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	overflow: hidden;
	position: relative;
	z-index: 999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2430af;
}
.head_inr {
	width: 100%;
	margin: auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 18px;
	overflow: hidden;
	position: relative;
}
.panalogo {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 15.6vw;
	display: block;
	margin:2vw 0 2vw;
	font-size: 1px;
	line-height: 1px;
}
.open_toggle {
	height: 8vw;
	width: 8vw;
	float:right;
	display:block;
	position:absolute;
	top:55px;
	right:18px;
}
.hyogologo {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 50%;
	display: block;
	font-size: 1px;
	line-height: 1px;
	padding: 15px 0;
	min-width: 120px;
}
.hyogoinfo {
	display:none;
}
.head_info_inr {
	width: 100%;
	margin: auto;
	overflow: hidden;
	position: fixed;
	z-index: 999;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.head_info_inr ol {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #000;
	-webkit-box-shadow: 0 0 5px #000;
	        box-shadow: 0 0 5px #000;
	margin-top:5px;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
}
.head_info_inr ol li {
	width: 25%;
	margin-right: 1px;
	background-image: url(../images/common/t-nav_bg_sp.png);
	background-repeat: no-repeat;
	background-size: cover;
	text-align:center;
	line-height:4.3vw;
	font-size:3vw;
}
.head_info_inr ol li a {
	display:block;
	color:#fff;
	padding:2vw 0 2vw 0;
}
.head_info_inr ol li a:hover {
	text-decoration:none;
}
.head_info_inr ol li:last-child {
	margin-right:0px;
	line-height:8.6vw;
}
.head_info_inr ol li img {
	width:100%;
}
.open_target {
	position: absolute;
	top: 0px;
	z-index: 100;
	width: 100%;
}
.sp_menu {
	padding-top:96px;
	width:100%;
	background: #2c3a5a;
}
.sp_menu li:first-child {
	padding-top: 20px;
}
.sp_menu li:last-child {
	padding-bottom: 20px;
}
section {
	overflow: hidden;
	position: relative;
}

/*　メインメニューの外部リンク表示*/
.box2_inr a.gaibulink span.panalink {
	display: block;
	position: absolute;
	bottom: 5%;
	right: 5%;
	width: 30vw;
	padding: 1vw;
	color: #878787;
	font-size: 60%;
}

/* footer */
footer {
	width: 100%;
}
.ft_inr {
	width: 100%;
}
.ft_inr2 {
	width: 100%;
	margin:auto;
	overflow: hidden;
	position:relative;
	display:block;
}
footer .ft_inr2 ul {
	text-align: center;
	table-layout: auto;
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top:solid 1px #c3c3c3;
	border-bottom:solid 1px #c3c3c3;
	background-color:#f6f6f6;
	margin-bottom:5vw;
}
footer .ft_inr2 ul li {
	width: 25%;
	font-size: 3.2vw;
	text-align: center;
	border-left:solid 1px #c3c3c3;
	line-height:10vw;
	box-sizing: border-box;
}
footer .ft_inr2 ul li:first-child {
	border-left-width: 0;
}
footer .ft_inr2 ul li:nth-child(5) {
	line-height:5vw;
}
footer .ft_inr2 ul li a {
	display: block;
	overflow: hidden;
	position: relative;
	padding:3vw 0 3vw 0;
}
footer .ft_inr2 ul li a:before {

}

#global_sheel {
	height: 50px;
	width: 100px;
	display: block;
	margin:auto;
	margin-bottom:5vw;
}
.copy {
	font-size: 2.5vw;
	line-height: 3vw;
	color: #666;
	margin-bottom:18vw;
	text-align:center;
}
/*------------FOOTER COPYRIGHT--------------*/
#phsb-footer .copyright {
    text-align: center;
    font-family: 'Open Sans Condensed', 'Arial', sans-serif;
    font-size: 11px;
    background-color: #d9d9d9;
    padding: 15px 0;
}
/*------------GLOBAL FOOTER - Panasonic Homes Group Design-----------*/
#phg-footer {
    background-color: #21366e;
    padding-bottom: 8em;
}
#phg-footer .ft_container {
    zoom:1;
    position: relative;
	width: 100%;
	margin: auto;
	max-width: 1000px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#phg-footer .ft_container a {
    color: #fff;
    text-decoration: none;
	font-size: 12px;
}
#phg-footer .ft_container:after {
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
    content:'.';
}
#phg-footer .ft_container a {
    font-family: 'Open Sans Condensed', 'Arial', sans-serif;
    font-size: 13px;
}
#phg-footer .ft_container .print {
    display: none;
}
#phg-footer .ft_container .pagetop {
    float: none;
    text-align: center;
    padding: 8px 0 0;
}
#phg-footer .ft_container .pagetop a {
    display: inline-block;
    font-weight: normal;
	padding: 10px 0 0 0;
    background: url(/images/common/pgd_icn-footer-arrow-up.gif) no-repeat top center;
}
#phg-footer .ft_container .terms {
    padding-top: 18px;
    font-size: 11px;
	position: static;
    -webkit-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
        transform:translate(0, 0);
}
#phg-footer .ft_container .terms ul {
    text-align: center;
    font-size: 0;
}
#phg-footer .ft_container .terms ul li {
    display: inline-block;
    border-left: 1px solid #c5c5c5;
    padding: 0 8px;
}
#phg-footer .ft_container .terms ul li:first-child {
    border-left: none;
}
#phg-footer .ft_container .terms ul li a {
    font-size: 11px;
}
.multipages a {
	background-image: url("/images/common/link_out_w.png");
	background-position: right 10% bottom 50%;
	background-size: 4vw auto;
	background-repeat: no-repeat;
	padding-right: 4vw;
}
.aos-item__inner h3.multipages_main_mn {
	background-image: url("/images/common/link_out_w.png");
	background-position: right 10% bottom 50%;
	background-size: 4vw auto;
	background-repeat: no-repeat;
}