@charset "UTF-8";

/********************

content

********************/






/***********************************************************
for smartphone
************************************************************/
@media screen and (max-width:736px){

/********************

content

********************/
#about {
	margin-top: 60px;
}

#katawaku ul {
	display: block;
	overflow: hidden;
	margin-top: 10px
}

#katawaku ul li {
	font-size: 1.4rem;
	padding-left: 30px;
	margin: 10px 0;
	background: url(../images/icon.png) no-repeat 0px 5px;
}

#gallery p {
	margin-bottom: 40px;
}


}






/************************************************************
for pc  width 737px 以上はpc表示
************************************************************/
@media print, screen and (min-width:737px){

.main {
	margin-top: 90px;
}
/********************

content

********************/
#about {
	margin: 100px 0;
	background: url(../images/about_bg.png) no-repeat center;
	background-size: cover;
}

#about p {
}

#katawaku .pc_fl_left {
	width: 40%;
}

#katawaku .pc_fl_right {
	width: 55%;
}

#katawaku ul {
	display: block;
	overflow: hidden;
	margin-top: 80px
}

#katawaku ul li {
	font-size: 1.4rem;
	float: left;
	padding-left: 30px;
	background: url(../images/icon.png) no-repeat 0px 5px;
}

#katawaku ul li:nth-of-type(2) {
	margin: 0 200px;
}

#gallery p {
	float: left;
	width: 30%;
	margin-bottom: 5%;
}

#gallery p img {
	border: solid 1px #DDDDDD;
}

#gallery p:nth-of-type(2),
#gallery p:nth-of-type(5) {
	margin: 0 5%
}




}