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

/* スマホ
------------------------------------------------------------
------------------------------------------------------------*/

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


/* トップページ 
------------------------------------------------------------
------------------------------------------------------------*/
	
/* header 
------------------------------------------------------------*/
header{
    height: 50px;
    display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: none 1px #808080;
    z-index: 100;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
}
header h1{
    width: 120px;
	padding-left: 10px;
}

/* ヘッダー内のボタンメニューを一時的に非表示 → モバイル対応のため再有効化 */
/*
header .btn-flame-wrap {
	display: none !important;
}
*/


/* button 
------------------------------------------------------------*/
.btn {
	width: 80%;
	margin: 0 auto;
}
.btn-05 {
	width: 80%;
}
.btn-flame-wrap{
	position: fixed !important;
	right: 0 !important;
	bottom: 0 !important;
	top: unset !important;
	left: unset !important;
	z-index: 999;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	gap: 0;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	transform: none !important;
}
.btn-flame{
	width: 80px;
	height: 40px;
	line-height: 40px;
	font-size: 10px;
	text-align: center;
}
.pc-only {
	display: none;
}
.sp-only {
	display: block;
}
.btn-flame img{
	width: auto;
	height: 20px;
	max-width: 50px;
}	
.btn-center{
	width: 100%;
	display: block;
	display: -webkit-block;
}
	
/* video 
------------------------------------------------------------*/
.video-wrap{
	width: 100%;
	height: auto;
	margin: 50px 0 0 0;
	background-image: url('../images/top/poster_s.jpg');
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
video {
	width: 100%;
	min-width: 100%;
	height: auto;
	min-height: auto;
}
.video-title{
	width: 70%;
	height: auto;
	left : 15%;
	top: 35%;
}
.video-title img{
	width: 100%;
	height: auto;
}
	
	

/* search 
------------------------------------------------------------*/
.search-wrap{
	width: 100%;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.top-search-title{
	width: 100%;
	margin: 40px 0 40px 0;
	border: none;
}
.top-search-title img{
	width: 87px;
	height: auto;
}
/* タブ切り替え全体のスタイル */
.tabs {
    width: 90%;
    margin: 0 auto;
}
/* タブのスタイル */
.tab-item {
    width: 50%;
    height: 42px;
    line-height: 42px;
}
.tab-item img {
    width: 83px;
	height: auto;
}
/* タブ切り替えの中身のスタイル */
.tab-content {
    padding: 5%;
	font-size: 13px;
}
.tab-content .btn{
	width: 100%;
}	
#all-content .tab-content-title{
	padding-bottom: 10px;
	font-size: 13px;
}	
#all-content ul {
	padding-bottom: 20px;
    display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
#all-content ul li {
	padding-bottom: 10px;
    width: 50%;
}
#all-content .tab-content-submit{
	width: 100%;
	margin-left: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
}
#all-content .tab-content-submit p{
	padding: 0 0 10px 0;
}
#rent-content .tab-content-title{
	padding: 30px 0 10px 0;
	font-size: 13px;
}
#rent-content .btn-center{
	padding-bottom: 0;
}

/*　共通-title
------------------------------------------------------------*/
.common-title{
	margin: 80px auto 40px auto;
}
.common-title img:first-child{
	width: 100%;
	height: 32px;
}
.common-title.title-large img:first-child{
	width: 100%;
	height: 41px;
}	
.page-title{
	margin: 90px auto 70px auto;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	position: relative;
}
.page-title img:first-child{
	width: 100%;
	height: 32px;
}
.page-title.title-large img:first-child{
	width: 100%;
	height: 41px;
}	
	
/*　共通-物件一覧
------------------------------------------------------------*/
.estate-box-wrap{
	width: 90%;
	max-width: 980px;
}
.estate-box{
	width:  100%;
}
.estate-box div:nth-child(2){
	padding: 20px 0 40px 0;
}
.estate-img{
	width: 100%;
	height: 460px; /*3:2比率*/
}	
	
	
/* リノベーション */
.top-reno-wrap{
	margin-top: 40px;
	padding: 40px 0;
	background: url('../images/top/top_reno_bk@2x.jpg') no-repeat left center/cover;
}
.top-reno{
	width: 90%;
	max-width: 880px;
	margin: 0 auto;
	padding: 40px 5%;
}
.top-reno .btn{
	width: 100%;
}
.top-reno p{
	padding: 40px 0;
	text-align: left;
}
.top-reno-title{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	align-items: center;
	-webkit-align-items: center;
}	
.top-reno-title img:first-child,
.top-reno-title img:last-child{
	width: auto;
	height: 25px;
}
.top-reno-title img:nth-child(2){
	margin: 10px 0;
	width: 32px;
	height: 32px;
}

/* 施工事例集 */
.top-works li{
	width:100%;
	max-width: 100%;
	height: auto;
}
.top-works a{
	width:100%;
	height: auto;
}
.top-works img{
	width: 70%;
	max-width: 70%;
	height: auto;
	margin: 40px auto;
}
.top-works:first-child{
	margin-bottom: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.top-works:nth-child(2){
	margin-bottom: 40px;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	flex-direction: column;
	-webkit-flex-direction: column;
}

/* お問い合わせ */
.top-contact-wrap{
	margin-top: 80px;
	padding-top: 40px;
}
.top-contact{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.top-contact h2{
	margin-top: 40px;
}
.top-contact hr{
	width: 90%;
	margin: 30px auto 0 auto;
	border-top: 1px solid #fff;
}	
.top-contact > div{
	width: 100%;
}
.top-contact-details{
	min-height: auto;
	height: auto;
	padding-bottom: 0;
}
p.top-contact-details{
	padding-top: 0;
}
.top-contact-phone{
	padding: 20px 0 30px 0;
}
.top-contact-phone i{
	font-size: 22px;
}
.top-contact-phone span{
	font-size: 30px;
}

/*　footer
------------------------------------------------------------*/
.sitemap-wrap{
	display: none;
}
.footer-box{
	padding-bottom: 20px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.footer-box img{
	width: 150px;
	height: auto;
	margin: 40px 0 20px 0;
}	
	
	
/*　下層ページ
------------------------------------------------------------
------------------------------------------------------------*/

/* 共通-h3,h4 */
.common-h3{
	width: 90%;
	margin: 0 auto 40px auto;
	padding: 10px;
}
.common-h3 img{
	width: 135px;
	height: 18px;
}
.common-h4{
	width: 90%;
	margin: 40px auto 40px auto;
}
.common-h4 img{
	width: 135px;
	height: 18px;
}
	

/* Information 販売物件を探す 
------------------------------------------------------------*/

/* search */
.info-search-title{
	width: 100%;
	margin-bottom: 40px;
	border: none;
}
.info-search-title img{
	width: 130px;
	height: auto;
}
.info-search-content {
    width: 90%;
    margin: 0 auto;
	padding: 5%;
    /*color: #fff;*/
	font-size: 13px;
}
.info-search-content .btn{
	width: 100%;
}	
.search-result-wrap{
	width: 90%;
	margin: 40px auto;
}
.search-method p:first-child{
	font-size: 16px;
}
.search-order{
	width: 100%;
}
.search-order a {
	width: 32%;
}	
.search-order .btn-04 {
	width: 100%;
}	
.search-order a:not(:first-child){
	margin-left: 2%;
}
.search-number{
	padding-top: 20px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	text-align: center;
}
.search-number li a{
	width: 40px;
	height: 40px;
	margin: 2px;
	display: block;
	font-size: 16px;
	line-height: 40px;
	background-color: #f2f0ea;
	color: #575757;
	transition: all 0.3s;
}
.search-number li a:hover{
	opacity: 0.4;
}
.search-number li.active a{
	background-color: #e4bbb2;
}
.search-number li.active a:hover{
	opacity: 1;
}
.estate-box-wrap + .search-result-wrap{
	margin: 0 auto 80px auto;
}
/* フッター上のおすすめ物件 */
.lower-reco-wrap{
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.lower-reco-wrap .icon-reco{
	height: 29px;
}
.lower-reco-wrap .estate-box div:nth-child(2){
	padding: 20px 0 40px 0;
}
.lower-reco-wrap .estate-box:last-child div:nth-child(2){
	padding: 20px 0 0 0;
}	
.lower-reco-wrap .common-title{
	margin: 80px auto 40px auto;
}
.lower-reco-wrap .common-title img:first-child{
	width: 100%;
	height: 32px;
}
.lower-reco-wrap .common-title img:nth-child(2){
	width: 100%;
	height: 17px;
	margin-left: 0;
}
.lower-reco-wrap .estate-box-wrap{
	width:  90%;
	max-width: 90%;
	line-height: 1.4285em; /*common*/
}
.lower-reco-wrap .estate-img{
	width: 100%;
	height: 460px;
}
.lower-reco-wrap .estate-name{
	font-size: 16px;
}
.lower-reco-wrap .estate-price{
	font-size: 12px;
}
.lower-reco-wrap .estate-price span{
	font-size: 16px;
}
.lower-reco-wrap .estate-details{
	font-size: 12px;
}	
	
/* Information 保有物件 
------------------------------------------------------------*/
.page-link{
	width: 90%;
	padding-bottom: 30px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.page-link a{
	width: 48%;
	margin: 0 1% 2% 1%;
}
.page-link a .btn{
	width: 100%;
}
/* ページ内リンク時にヘッダーにかぶるのを避ける */
a.anchor {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}
.estate-box-wrap + hr{
	margin-top: 40px;	
}	
	
/* 物件詳細 estate1-1.html,estate1-2.html,estate2-1.html,estate3-1.html
------------------------------------------------------------*/

.info-name-wrap{
	width: 90%;
}
.info-name h3{
	padding-right: 0;
	font-size: 20px;
}
.info-new{
	width: 30px;
	height: auto;
	margin-left: 10px;
}
.info-btn{
	display: none;
}
.info-pickup-wrap{
	width: 90%;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.info-pickup{
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.info-price{
	padding: 0 0 10px 0;
}
.info-details{
	padding: 0 0 10px 0;
}

/*　スライダー　*/
#slider-wrap{
	width: 90%;
}
#slider{
	max-height: 460px; /*3:2比率*/
}
.slide-item img{
	max-height: 460px;
}
#thumbnail-list{
	margin: 0 auto 40px auto;
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.thumbnail-item img{
	width: 81px;
	height: 51px;
}
.thumbnail-item{
	width: 80px;
	height: 50.5px;
	margin: 0 4px 4px 0;
}
.prev-arrow,.next-arrow{
	width: 17px;
	height: 34px;
}
.prev-arrow{
	margin: auto 2%;
}
.next-arrow{
	margin: auto 2%;
}
	
/* 物件情報 */
.info-contents-wrap{
	width: 90%;
}
.info-contents-wrap h4{
	margin: 80px 0 40px 0;
}
.info-contents-main{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.info-main{
	width: 100%;
}
.info-details-02,
.info-details-03{
	padding: 3% 5%;
}
.info-details-02 dt,
.info-details-03 dt	{
	width: 30%;
	padding: 2% 0;
}
.info-details-02 dd,
.info-details-03 dd{
	width: 70%;
	padding: 2% 0;
}
.info-main-right{
	width: 100%;
	padding: 40px 0 0 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.info-main-right .btn{
	width: 100%;
}
.info-360{
	padding: 20px 5% 10px 5%;
	margin-bottom: 30px;
}
.info-360 p{
	padding-bottom: 0;
}
.info-drawing img{
	width: 90%;
	margin-bottom: 0;
}
.info-drawing .btn{
	display: none;
}
.info-contents-box{
	width: 100%;
}
.info-contents-box-half,
.info-contents-box-half-02{
	width: 100%;
}
.info-contents-box-half-02{
	margin-left: 0;
}
.info-table,.info-table-02{
	font-size: 13px;
}	
.info-table tr{
	width: 100%;
}
.info-table th,.info-table-02 th{
	width: 11em;
}
.info-map iframe{
	height: 250px;
}
.info-access,.info-address{
	width: 100%;
	padding: 3% 5%;
	margin-bottom: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.info-access dt,.info-address dt{
	width: 20%;
	padding: 2% 0;
	font-weight: 600;
}
.info-access dd,.info-address dd{
	width: 80%;
	padding: 2% 0;
}
.info-contact-wrap{
	margin-top: 80px;
	padding: 40px 0 30px 0;
}
.info-contact-wrap p{
	padding-bottom: 20px;
}
.info-main-img{
	width: 90%;
	margin: 0 auto 40px auto;
}
.info-main-img img{
    width: 100%;
	max-height: 460px;
}
.info-estate-box-wrap{
	padding: 5% 5% 0 5%;
}
.info-estate-box-wrap .estate-box:last-child div:nth-child(2){
	padding: 20px 0 20px 0;
}	
.info-estate-box-wrap .estate-img{
	width: 100%;
	height: 409px; /*3:2比率*/
}	
	
/* 施工事例集 works.html
------------------------------------------------------------*/

.works-list-wrap{
	width: 90%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.works-list-wrap li{
	width: 100%;
	padding-bottom: 40px;
}
/* 今後件数が増えたら下記の:nth-of-type(ここ！)調整する */
.works-list-wrap li:nth-of-type(3),
.works-list-wrap li:nth-of-type(4){
	padding-bottom: 40px;
}
.works-list-wrap li:last-child{
	padding-bottom: 20px;
}	
.works-list-no{
	width: 50px;
	height: 50px;
}
.works-list-img{
	width: 100%;
	height: auto;
}
.works-list-theme{
	padding: 20px 0 0 0;
}
.works-list-theme img{
	width: 100%;
	height: auto;
}	
	
/* 施工事例集詳細 works1.html〜works4.html
------------------------------------------------------------*/

.works-theme{
	padding: 10px 0;
	background-image: url("../images/works/theme_bk_s@2x.png");
	background-repeat: repeat-y;
	background-size:  100% 100%; 
	background-position: top center;
}
.works-theme img{
	width: 100%;
	height: auto;
}
/* 概要 */
.works-outline-wrap{
	width: 90%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.works-outline{
	width: 100%;
	padding: 3% 5%;
	margin: 0 0 40px 0;
}
.works-outline dt{
	padding: 2% 0;
}
.works-outline dd{
	padding: 2% 0;
}
.works_01_drawing,
.works_02_drawing,
.works_03_drawing,
.works_04_drawing{
	width: 70%;
	padding-left: 0;
}
/* 施工について */
.works-description-wrap{
	width: 90%;
	margin: 0 auto 60px auto;
}
.works-description{
	padding-bottom: 40px;
}
.works-description-box {
	position: static;
}
.works-description-box-half {
	width: 48%;
	position: static;
}
.works-description-img {
	margin: 0;
	padding: 0;
}
.works-description-text {
	padding: 10px 0 0 0;
	position: static;
	opacity: 1;
}
.works-description-text h4 {
	font-size: 12px;
}
.works-description-text p {
	font-size: 12px;
}
.works-description-text h4 + p {
	padding-top: 5px;
}
/* 他のコンセプト物件 */
.anotherstyle{
	width: 90%;
}
.anotherstyle li{
	width:  100%;
	height: 100%;
}
.anotherstyle li a{
	width:  100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
}
.anotherstyle-img{
	width:  33%;
}	
.anotherstyle-img img{
	width:  100%;
	height: auto;
}
.anotherstyle-theme{
	padding: 0 20px;
	width: 67%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.anotherstyle-theme img{
	width: 100%;
	max-width: 260px;
	height: auto;
}

/* 会社概要 company1.html〜company3.html
------------------------------------------------------------*/

.company-message{
	width: 90%;
	margin: 0 auto 10px auto;
}
.company-img{
	width: 90%;
}
.common-table{
	width: 90%;
}
.common-table tr{
	font-size: 13px;
}
.company-table th{
	width: 25%;
}
.company-table-map{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.company-table-map iframe{
	width : 100% ;
	height: 300px;
	padding-bottom: 10px;
}
.company-table-list{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.company-table-list ul{
	width: 100%;
}
.company-table-list .other{
	padding-top: 1em;
}
.company-catch{
	width: 90%;
}
.company-catch img{
	width: 80%;
	height: auto;
	margin: 0 0 40px 0;
}
.company-catch p{
	font-size: 14px;
	line-height: 1.8em;
	text-align: left;
}
.company-aaa img{
	width: 90%;
	margin: 40px auto 80px auto;
}
.company-reno-wrap{
	padding: 80px 0 ;
}
.company-reno-wrap .common-title{
	margin: 0 auto 40px auto;
}
/* Renovation resaleサイズ調整 */	
.company-reno-wrap .common-title img:first-child{
	width: 100%;
	height: 30px;
}	
/* Property managementサイズ調整 */	
.company-pm-wrap .common-title.title-large img:first-child{
	width: 100%;
	height: 32px;
}	
.common-text{
	width: 90%;
}
.btn-catch{
	padding: 30px 0 0 0;
}	
	
/* 個人情報保護方針 privacy.html
------------------------------------------------------------*/

.policy{
	width: 90%;
	margin: 40px auto 0 auto;
	padding: 30px 5%;
}
	
/* お問い合わせ form1.html〜form3.html
------------------------------------------------------------*/

.input-2 { width: 100%; }
.input-3 { width: 100%; }
.select-2 { width: 100%; }
.select-3 { width: 100%; }
textarea {width: 100%; }
.form-table{
	margin: 80px auto;
}
.form-table th{
	width: 25%;
	padding-top: 15px;
}
.form-table .require{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.form-table .hint{
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.form-table .hint div{
	padding: 10px 0 0 0;
}
.form-table .hint-02{
	padding-top: 10px;
}
.form-table .hint-03{
	padding-top: 10px;
}
.form-file{
	padding: 10px 0;
    display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.form-file label {
    padding: 10px 10px;
	font-size: 12px;
}
.form-file p {
    padding: 10px 0;   
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="reset"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,	
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="reset"]::focus,	
input[type="button"]::focus {
  outline-offset: -2px;
}	
	
	
	
	
}

/* 追加調整
------------------------------------------------------------
------------------------------------------------------------*/

/* 調整 */
@media screen and ( max-width:520px ){
	/* 一覧画像画像 */
	.estate-img{
	width: 100%;
	height: 312px; /*3:2比率*/
	}
	/* 同物件の賃貸情報一覧画像 */
	.info-estate-box-wrap .estate-img{
	width: 100%;
	height: 277px;
	}
	/* フッター上おすすめ画像 */
	.lower-reco-wrap .estate-img{
	width: 100%;
	height: 312px;
	}
}

/* iphone6/7/8plus以下 */
@media screen and ( max-width:414px ){
	
	/* 一覧画像画像 */
	.estate-img{
	width: 100%;
	height: 225px; 
	}
	/* 同物件の賃貸情報一覧画像 */
	.info-estate-box-wrap .estate-img{
	width: 100%;
	height: 200px;
	}
	/* フッター上おすすめ画像 */
	.lower-reco-wrap .estate-img{
	width: 100%;
	height: 225px;
	}
	/* スライダー縦画像サイズ調整 */
	#slider{
		max-height: 248px;
	}
	.slide-item img{
		max-height: 248px;
	}
}

/* iphone5/SE 用h1調整 */
@media screen and (max-width: 356px)
{
	header h1{
		width: 100px;
		padding-left: 5px;
	}
}