@font-face {
	font-family: 'TsukuGoPro';
/*	src: url(../fonts/FOT-TsukuSS5.otf?var=20); */
	src: url(../fonts/FOT-TsukuGoPro-R.otf?var=18);
}

html{
	font-family: TsukuGoPro!important;
	font-weight: 100!important;
}

h1, h2, h3, h4, h5{
	font-weight: 100!important;
	font-family: TsukuGoPro!important;

}

.pcTopImg{
	margin:100px auto 30px;
	text-align: center;
	display: inline-block;
}
.pcTopImg img{
	margin:0px auto 0px auto;
}

@media (min-width: 751px) {
	.pc{
		display: block;
	}
	.sp{
		display: none;
	}
}
@media (max-width: 750px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
}

.end{
	margin:0px;
}
.category{
	margin:0px 0px 10px  0px;
}
li {
	list-style-type: none;
}

.notPaddingBottom{
	padding-bottom:0px!important;
}
.patternA{
	background: rgba(228,228,206,0.3);
}

.patternB{
	background: rgba(228,228,206,0.15);
}
.bkTop {
	background-image: url("../img/back01.jpg");
	background-repeat: no-repeat;
	height: 575px;
	margin: 0px auto;
	max-width: 1024px;
	width: 1024px;
	min-width: 1024px;
	display: inline-block;
	padding:0px!important;
}
body, .mod-mv01-imgs-item, .mod-mainContent, .mod-mainContent img, ul, .index_feature_slider{
	margin: 0px!important;
	padding:0px!important;
	margin: 0px auto;
}
.mod-mv01-imgs-item{
	font-size:0;
}
.mod-mainContent, #wrapper, section{
	max-width: 1024px;
	min-width: 1024px;
	width: 1024px;
	margin: 0px auto;
}
#item1{
	display: inline-block;
	padding:140px 0px 40px 0px;
}

section{
	display: inline-block;
	padding:120px 0px 80px 0px;
}

#greeting, .itemOverview, #footer, .address .detail, #interior_design h3, #interior_design h5, #package_design h3, #package_design h5 {
	text-align: center;
}

h1 {
	font-size: 30px;
	letter-spacing: 3px;
	margin: 0px 0px 20px 0px;
}
h3 {
	margin: 0px auto 80px auto;
}
h2 {
	font-size: 24px;
	letter-spacing: 3px;
}

h3 img {
	margin: 0px auto 0px auto;
}

h4 {
	font-size: 39px;
	letter-spacing: 3px;
}
#greeting h4{
	margin: 72px auto 10px auto;
}

#greeting .text p{
	letter-spacing: 0.4px!important;
	line-height: 49px!important;
}
h5 {
	font-size: 24px;
	letter-spacing: .2em;
	margin-bottom: 10px;
}

.text p {
	font-size: 18.5px;
	letter-spacing: 1.5px;
	line-height: 35px;
}


.itemOverview {
	margin: 0px auto 0px auto;
}

.itemOverview .text p {
	font-size: 18.0px!important;
	letter-spacing: 2px!important;
	line-height: 40px!important;
}

.sentence h4{
	font-size: 27.7px!important;
	letter-spacing: 2px!important;
	line-height: 34px!important;
	vertical-align:top;
	display:inline;
	
}
.itemText p{
	font-size: 14px!important;
	letter-spacing: 0.2px!important;
	line-height: 22px!important;
	padding:0px;
	margin:0px;
	width:215px;

}
.itemText {
	padding: 13.5px 10px;
	border-top: 1px solid #7a7b76;
	border-bottom: 1px solid #7a7b76;
	letter-spacing: 1.5px;
	height: 210px;
	word-break: break-all;
	 position: relative;
	text-align: justify;
	text-justify: inter-ideograph;
}


#itemIntroduction {
	margin: 0px auto;
}

.itemLabel {
	display: inline-block;
	border-bottom: 1px solid #7a7b76;
	padding-bottom: 30px;
	margin: 0px auto 30px auto;
	width: 70%;
}

.itemLabel span {
	text-align: center;
	margin: 0px auto 0px auto;
	display: inline-block;
}

.itemLabel h2 {
	float: left;
	font-size: 30px;
	margin: 10px 0px 0px 20px;
	letter-spacing: .2em;
}

.itemLabel h2.small {
	margin: 4px 0px 0px 20px;
	font-size: 26px;
	line-height: 38px!important;
	text-align: left;
}
.itemLabel h2.small2 {
    margin: 5px 0px 0px 20px;
    font-size: 24px;
    line-height: 38px !important;
    text-align: left;
}

.point {
	float: left;
}

.itemlist{
	display: inline-block;
	margin: 40px 130px;
	width: 764px;
}

.leftImg, .rightImg  {
	padding-bottom: 60px;
	width: 764px;
	display:  inline-block;
}

.leftImg .sentence, .leftImg .itemImg{
	float: left;
}
.leftImg .sentence{
	margin-right:55px;
}
.rightImg .sentence{
	float: right;
}
.rightImg .itemImg {
	float: right;
	margin-right:55px;

}

.sentence {
	width: 233px; /* 263 */
	height: 412px;
	display:inline;
}
.itemImg{
	width: 476px;
	height: 412px;
}
.itemImg img {
	width: 476px;
	height: 412px;
}

.itemTitle{
	height: 170px;
	vertical-align:top;
	display:inline-block;
	padding-left : 10px;
}

.bottomText{
	bottom:15px;
	position: absolute
}

.category {
	font-size: 15px;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

.priceEtc {
	position: absolute;
	bottom: 0;
	padding-bottom: 10px;
}


.address {
	padding: 40px 0px;
	width: 80%;
	margin: 40px 10% 60px 10%;
	border-top: 1px solid #7a7b76;
	border-bottom: 1px solid #7a7b76;
}

.address h5 {
	text-align: center;
	margin: 0px 0px 20px 0px;
}


.address .label {
	text-align: left;
	width: 18%;
	display: inline-block;
}

.address .text {
	text-align: left;
	width: 70%;
	display: inline-block;
}

#package_design .handle {
	text-align: left;
}

#package_design .handleImg{
	width: 60% !important;
	margin: 0px 20%;
}
#package_design .handleText {
	width: 80% !important;
	margin: 40px 10%;
}

.OneRow {
	text-align: center;
	margin: 10px 130px 40px;
	width: 764px;
	height:420px;
	display: inline-block;
}

.profile, .design {
	margin: 20px 130px;
	width: 764px;
}


.interiorDesignText,
.packageDesignText {
	width: 764px;
	margin: 40px auto;
	text-align: center;
}
.packageDesignText p, .interiorDesignText p{
	font-size: 16px!important;
}
#package_design h5{
	margin-top: 60px;
	font-size: 24px!important;
}

.profile{
	padding:10px;
}
.profileText,
.profileImg {
	text-align: left;
	float: left;
}

.profile{
	border-bottom: 1.5px solid #7a7b76;
	border-top: 1.5px solid #7a7b76;
	padding-bottom : 50px;
	display: inline-block;
}
.profileText {
	width: 72%;
	margin-right:5%;
}

.profileText p, .handleText p {
	font-size: 15px !important;
	letter-spacing: 0.4px !important;
	line-height: 25px !important;
	padding:0px;
	margin:0px;
	overflow-wrap: break-word;
	text-align: justify;
	text-justify: inter-ideograph;
}

.design{
	display: inline-block;
}

.profileImg {
	width: 22%;
}
.profileImg img{
	height : 205px
}
.profileName {
	display: inline-block;
	width: 100%;
}

.photoSmallStr{
	font-size: 12px;
	margin:-10px 0px 0px;
	padding:0px;
}

.profileName .nameJp,
.profileName .nameEn {
	text-align: left;
	float: left;
	letter-spacing: 4px;
}
.profileName .nameJp{
	font-size: 21.7px;
	margin-right: 15px;
}
.profileName .nameEn{
	font-size: 21.7px;
	letter-spacing: 1.1px;
}
.address .label, .address .text{
	font-size: 15px;
	letter-spacing: .1em;
}

.copyright{
	font-size: 14px;
	letter-spacing: .2em;
}

#footer{
	padding: 60px 0px;
}

#itemA-1 .sentence .itemTitle{
	height: 172px;
}
#itemA-1 .sentence .itemText{
	height: 210px;
}
#itemA-2 .sentence .itemTitle{
	height: 132px;
}
#itemA-2 .sentence .itemText{
	height: 250px;
}
#itemB-1 .sentence .itemTitle{
	height: 132px;
}
#itemB-1 .sentence .itemText{
	height: 250px;
}
#itemB-2 .sentence .itemTitle{
	height: 132px;
}
#itemB-2 .sentence .itemText{
	height: 250px;
}
#itemC-1 .sentence .itemTitle{
	height: 132px;
}
#itemC-1 .sentence .itemText{
	height: 250px;
}
#itemC-2 .sentence .itemTitle{
	height: 132px;
}
#itemC-2 .sentence .itemText{
	height: 210px;
}
#itemC-2 .sentence .itemTitle{
	margin-top : 40px;
}

.genga{
	width:480px;
	height : auto;
	margin: 20px 272px 40px;  /* 文字 */
	text-align:center;
}
@media (min-width: 756px) and (max-width: 1023px) {
	.mod-mainContent, #wrapper, section {
		max-width: 100%;
		min-width: 800px;
		width: 100%;
		margin: 0px auto;
	}
}
@media (min-width: 756px){
	.itemLabel.longText{
		padding-left: 12px;
	}
}
/*
=======================================================================================================
*/
@media (max-width: 750px) {
	.mod-mainContent, #wrapper, section, .mod-mv01-imgs-item img{
		max-width: 750px;
		min-width: 320px;
		width: 100%;
		margin: 0px auto;
	}
	.bkTop {
		max-width: 100%;
		min-width: 100%;
		width:100%;
		height:100%;
		background: url("../img/back_sp.jpg") 50% 50% no-repeat;
		background-size:cover;
	}
	
	.bkTop *{
		text-align:left;
	}
	.mod-mainContent,.mod-shopPage-main, section{
		margin: 0px auto;
		max-width: 100%;
		min-width: 100%;
		width: 100%;
	}
	.itemText {
		 padding: 15px 22px;
		 display: inline-block;
    }
	.itemLabel, .itemOverview .text{
		width :100%;
	}
	.itemLabel, .itemLabel h2.small{
		text-align: center;
		display: inline-block;
		line-height: 34px !important;
	}
	section{
		padding:40px 0px 40px 0px;
	}
	.itemImg{
		height :auto;
	}
	.leftImg .sentence, .leftImg .itemImg{
		float: none;
	}
	.sentence h4{
		vertical-align: initial;
		display: inline-block;
		margin:0px 0px 10px 0px;
		font-size: 27px !important;
		letter-spacing: 2px !important;
		line-height: 40px !important;
	}
	.itemImg img{
		display: inline-block;
	}
	.itemTitle{
		height: auto;
		vertical-align: initial;
	}
	.leftImg .sentence, .rightImg .sentence{
		margin: 20px auto 0px auto ;
		float: none;
		height :auto;
		display: inline-block;
	}
	.itemOverview {
		text-align: center;
		display: inline-block;
		margin: 0px 10% 0px 10%;
		width:80%;
	}
	.itemOverview .text {
		margin: 10px 0px;
		display: inline-block;
	}
	.itemOverview .text p , .itemText{
		font-size: 17.0px !important;
		letter-spacing: 1.2px !important;
		line-height: 34px !important;
	}
	#greeting h4, #greeting h1 {
		width:90%;
		padding-left: 10%;
		letter-spacing: 5.0px !important;
	}
	#greeting h4{
		width:89%;
		padding-left: 11%;
	}
	#greeting h1 {
		margin: 0px 0px 15px 0px;
	}
	
	#greeting .text{
		width:90%;
		margin:0px 10% 0%
	}
	#greeting .text p {
		text-align: left;
		letter-spacing: 0.5px !important;
		line-height: 38px !important;
		padding-bottom:10%;
	}
	
	.rightImg .sentence{
		float: none;
	}

	.leftImg, .rightImg {
		padding-bottom: 20px;
		width: 100%;
		display: inline-block;
	}
	.itemImg{
		width:100%;
	}
	.sentence{
		width:100%;
	
	}
	.interiorDesignText, .packageDesignText, .profile, .design,
	.itemlist{
		width: 80%;
		margin: 40px 10%;
	}
	
	.packageDesignText p, .interiorDesignText p, .profileText p, .design p{
		overflow-wrap: break-word!important;
		text-align: justify!important;
		text-justify: inter-ideograph!important;
	}
	.OneRow {
		text-align: center;
		margin: 10px 10%;
		width: 80%;
		height: auto;
		display: inline-block;
	}
	.sentence,
	.leftImg, .rightImg,
	.profileText, .profileImg,
	#package_design .handleImg,
	#package_design .handleText{
		float: none;
	}
	.itemImg img{
		margin: 0px 5%;
		width: 90%;
		height: auto;
	}

	#package_design .handleText, .profileText{
		width: 100%!important;
	}
	h3 img{
		width: 36%;
		height: auto;
		margin: 0px auto 60px auto;
	}
	h3{
		margin: 0px auto 30px auto;
	}
	.point{
		float : initial;
		margin-bottom : 20px;
	}
	.point img.sp{
		display: inline-block;
		width: 30%;
	}
	.itemLabel h2.small{
		margin:0px;
		width :100%;
		display: inline-block;
		font-size: 20px;
	}
	.itemLabel h2.small2{
		text-align: center;
		margin:0px;
		width :100%;
		display: inline-block;
		font-size: 20px;
	}
	.itemTitle{
		text-align: center;
		margin:0 auto;
		width:100%;
	}
	.itemText{
		border-top : initial;
		height :auto;
	}
	.rightImg .itemImg {
		float: initial;
		margin-right: auto;
	}
	.profile{
		padding:30px 0px 30px;
	}
	.profileImg,.profileName{
		text-align: center;
		width:100%;
	}
	.profileName .nameJp, .profileName .nameEn {
		text-align: center;
		float: initial;
	}
	.profileText{
	    text-align: initial;
	}
	.bottomText, .itemText{
		position: initial;
	}
	.bottomText{
		margin: 15px 0px!important;
	}
	.itemText p {
		font-size: 18.0px;
		line-height: 28px !important;
	}
	.packageDesignText p, .interiorDesignText p , .profileText p{
		font-size: 16px ;
		line-height: 30px !important;
	}
	.address .label {
		vertical-align:top;
		width:20%;
	}
	.address .text {
		width:80%;
		vertical-align:top;
	}
	
	.address{
		width: 80%;
		margin: 10px 10%;
	}
	.address{
		padding: 20px 0px;
	}
	.address * br{
		font-size: 0px;
		line-height: 4px !important;
	}
	.copyright{
		margin-top:40px;
	}
	#footer{
		padding :40px 0px;
	}
	.interiorDesignText p, .packageDesignText p, .packageDesignText p{
		overflow-wrap:normal;
		text-align: left;
	}
	h5{
		font-size: 26px;
		line-height: 36px;
	}
	#interior_design, #package_design{
		padding: 80px 0px 60px 0px;
		display: block;
	}
	.profileName .nameJp{
		font-size: 32px;
		margin:30px 0px 0px 0px;
		line-height: 32px !important;
		letter-spacing: 5.0px;
	}
	
	.profileName .nameEn {
		line-height: 26px !important;
		font-size: 18px;
		margin: 10px 0px 40px 0px;
		letter-spacing: 0.5px;
	}
	#package_design .handleImg {
		width: 90% !important;
		margin: 0px 5%;
	}
	#package_design h5 {
	    margin-top: 20px;
	    letter-spacing: 1.2px;
	}
	.category{
		font-size: 18px;
		letter-spacing: 2px;
		margin: 0px;
	}
	.sentence{
		height: initial;
	}
	.interiorDesignText p, .packageDesignText p, .packageDesignText p{
		float:none;
	}
	h1 {
		margin: 0px 0px 45px 0px;
	}
	.itemTitle{
		padding-left:0px;
	}
	
	#itemA-1 .sentence .itemTitle{
		height: initial;
	}
	#itemA-1 .sentence .itemText{
		height: initial;
	}
	#itemA-2 .sentence .itemTitle{
		height: initial;
	}
	#itemA-2 .sentence .itemText{
		height: initial;
	}
	#itemB-1 .sentence .itemTitle{
		height: initial;
	}
	#itemB-1 .sentence .itemText{
		height: initial;
	}
	#itemB-2 .sentence .itemTitle{
		height: initial;
	}
	#itemB-2 .sentence .itemText{
		height: initial;
	}
	#itemC-1 .sentence .itemTitle{
		height: initial;
	}
	#itemC-1 .sentence .itemText{
		height: initial;
	}
	#itemC-2 .sentence .itemTitle{
		height: initial;
	}
	#itemC-2 .sentence .itemText{
		height: initial;
	}
	#itemC-2 .sentence .itemTitle{
		margin-top: 0px;
	}
	
	.itemLabel span{
		display: inline;
	}
	.itemText p{
		width: initial;
	}

	#item1 {
	    padding: 100px 0px 40px 0px!important;
	}
	.itemLabel{
		margin: 0px auto 0px auto;
	}
	.itemlist{
		margin-top: 0px;
		margin-bottom: 20px;

	}
	h2 {
		font-size: 22px;
		letter-spacing: 3px;
	}
	.address h5{
		font-size: 18px;
	}
	.itemText{
		border-bottom:initial;
	}
	.bottomText{
		padding-bottom:30px!important;
		border-bottom: 1px solid #7a7b76;
	}
	.photoSmallStr{
		
	}
	h5{
		letter-spacing: 2.5px;
	}
}

/*
=======================================================================================================
*/
@media (max-width: 520px) {
	h4{
		font-size: 28px;
		letter-spacing: 1.5px;
	}

	h1 {
		font-size: 28px;
		letter-spacing: 3px;
		margin: 0px 0px 45px 0px;
	}
	.text p {
		font-size: 17px;
		letter-spacing: 2px;
		line-height: 32px;
	}
	.address h5{
		font-size: 22px;
	}
	.copyright {
		font-size: 12px;
	}
}
@media (max-width: 480px) {
	.address .label {
		width:30%;
		line-height: 15px !important;
	}
	.address .text {
		width:70%;
		line-height: 15px !important;
	}
	.detail li{
		margin-bottom: 10px;
	}
	.itemOverview{
		margin: 0px 8% 0px 8%;
		width: 84%;
	}
	.itemImg img {
	    margin: 0px 2.5%;
	    width: 95%;
	}
	.leftImg .sentence, .rightImg .sentence {
	    margin: 20px auto 0px auto;
	}
	.itemText {
		padding: 15px 5px;
	}
	.itemOverview .text p, .itemText{
		font-size: 14.5px !important;
	}
}

@media (max-width: 460px) {
	.address .label {
		width:28%;
		font-size: 13px;
		line-height: 15px !important;
	}
	.address .text {
		width:72%;
		line-height: 15px !important;
		font-size: 13px;
	}
	h3 img {
    	width: 42%;
    }
}


@media (max-width: 380px) {
	h4 {
		font-size: 20px;
		letter-spacing: 1.0px;
	}
	.itemOverview .text p , .itemText{
		letter-spacing: 0.6px !important;
	}
	h5 {
	    font-size: 20px;
	    line-height: 28px;
	}
	.address h5 {
	    font-size: 18px;
	}
	.text p{
		font-size: 16px;
	}
	h3 img {
    	width: 40%;
    }
}