@charset "UTF-8";

header  { 
	width:100%;
	position:relative;
}

/* section ============== */
.spirit ,
.inner_box{
	padding:35px;
	background:#FFF;
	border:1px solid #CCC;
}
section    { margin-bottom:40px; }
section h4 { margin-bottom:20px; font-size:45px;}
section p  { font-size:16px;}

.spirit h4 ,
#main h3 { font-size:24px; margin-bottom:10px; padding:0; line-height:1.3em; }
section.info01{
	background: url(./img/bg01.png);
	padding: 35px;
	font-size: 120%;
	border:1px solid #CCC;
}
section.info01 div{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

section.info01 h4{
	font-size: 1.7rem;
	text-align: center;
	background: #af5858;
	color: #FFF;
	padding: 10px 0;
	line-height: 1;
	font-weight: normal;
	border-radius: 10px;
}
section.info01 ul{
	width:600px;
	background: #FFF;
	padding: 20px;
}
section.info01 li{
	border-top: 2px dotted #af5858;
	color: #af5858;
	font-size: 1.3rem;
	margin-top: 15px;
	padding-top:15px;
	text-align: center;
}
section.info01 li:first-of-type{ border: none; margin: 0; padding: 0; }

#contents section.info01 p{
	font-size: 2rem;
	padding-top: 20px;
	width: 230px;
	border-radius: 50%;
	text-align: right;
}

section.about{
	background:url(./img/img01.jpg) no-repeat right top;
	padding-right:200px;
	height:310px;
	border-bottom:1px solid #3B2003;
}

#contents section.about p.name{ 
	padding-top:20px;
	font-size:24px;
	text-align:right;
	font-weight:bold;
}

section.gogyo div{
	background:url(./img/img02.jpg) no-repeat left center;
	padding-left:370px;
	min-height:360px;
	margin-bottom:20px;
}
section.gogyo p.t_c img{ display:block; margin:0 auto;}
section.inyo{ margin-top:50px;}
section.inyo div{
	background:url(./img/img03.jpg) no-repeat right center;
	padding-right:370px;
	min-height:360px;
	margin-bottom:20px;
}