@charset "UTF-8";

/* ===============================
	style
=============================== */
#greeting {
 	width:100%;
	margin:0 auto;
 	text-align: center;
}

h2.secttl {
	margin-bottom:2em;
}

hr.line{
	width:60%;
 	height: 1px;
	background-color:#c6c4bd;
	border: none;
	margin-top:2em;
}

#greeting .last {
	width: 100%;
}

#greeting .last img{
	width:100%;
	height:450px;
	object-fit: cover;
	margin-top:2em;
}

.parag {
 	width:100%;
	margin-top:2em;
}

.parag p {
 	width:50%;
 	text-align: left;
	padding:0 5em;
}

.parag .photo {
 	width:50%;
}

.parag .photo img {
 	width:100%;
	object-fit: cover;
}

#comment {
 	width:100%;
	background-color: #e9e8e6;
	padding:5em 0;
}

#comment section {
 	width:75%;
	margin:0 auto;
}

#comment h2{
	font-size: 2.4rem;
	margin-bottom:0.8em;
}

#comment h2 .name{
	font-size: 2rem;
}

#profile {
 	width:1020px;
	border: solid 1px #a39f90;
	padding:3em;
	margin:0 auto 5em;
}

#profile ul {
	margin-bottom:2em;

}

#profile ul li{
	display: inline-block;
	vertical-align: bottom;
}

#profile ul li.name {
	margin-left:1em;
	font-size:2.4rem;
}

#profile ul li.name .eng {
	font-size:1.6rem;
}


/* ===============================
	PC / Tab Style
=============================== */
@media print , screen and (min-width: 481px) {	
	
	
}

/* ===============================
	Mobile Style
=============================== */
@media screen and (max-width: 480px) {

#top-image h1 .ttlfont {
	padding-left:0;
}		
	
h2.secttl {
	margin-bottom:1.5em;
}

hr.line{
	width:60%;
 	height: 1px;
	background-color:#c6c4bd;
	border: none;
	margin-top:2em;
}

#greeting p {
	width: 90%;
	margin:0 auto;
 	text-align: left;
}

#greeting p.first {
	margin-bottom:2em;
}

#greeting .last {
	width: 100%;
}

#greeting .last img{
	width:100%;
	height:250px;
	object-fit: cover;
	margin-top:0;
}
	
.parag {
 	width:100%;
	margin-top:0;
}

.parag p {
	padding:2em 0;
	order:2;
}

.parag .photo {
 	width:100%;
	order:1;
}

.parag .photo img {
 	width:100%;
	height:250px;
	object-fit: cover;
}


#comment {
 	width:100%;
	background-color: #e9e8e6;
	padding:4em 0;
}


#comment section {
 	width:80%;
}

#comment h2{
	font-size: 1.4rem;
	margin-bottom:0.5em;
}

#comment h2 .name{
	font-size: 1.2rem;
	line-height: 3;
}

#profile {
 	width:90%;
	padding:2em;
	margin:0 auto 3em;
	font-size:0.9rem;
}

#profile ul {
	margin-bottom:2em;

}

#profile ul li{
	display: inline-block;
	vertical-align: bottom;
}

#profile ul li.name {
	margin-left:0.5em;
	font-size:1.8rem;
	line-height: 1;
}

#profile ul li.name .eng {
	font-size:1rem;
}

	
}