@charset "UTF-8";

/*-------------------------
	font-size:ああああああpx;
	line-height:ああああああpx;
	color:#1464AF;
	background:000000;
	margin:ああああああpx;
	padding:ああああああpx;
	rgba(20,100,175,1)
*/
/*-------------------------------------------------------------------------------common-------------------------------------------------------------------------------*/
main{
	display:block;
}
/*-------------------------path*/
#path{
	padding:10px 20px;
}
#path p{
	font-size:12px;
	line-height:20px;
	letter-spacing:1px;
	color:#666666;
	text-align:left;
}
#path p a:hover{
	text-decoration:underline;
}
#path p strong{
	font-weight:normal;
}
@media screen and (max-width: 739px) {
	#path{padding:10px 5px;height:20px;width:100%;overflow:hidden;}
	#path p{padding:0;font-size:10px;line-height:1;letter-spacing:0;}
}
/*-------------------------contactbox*/
.contactbox{
	border:1px solid #CCC;
	background:#F1F1F1;
	padding:10px 20px 10px 40px;
	margin:50px;
}
.contactbox .tel{
	float:right;
}
.contactbox .tel img{
	mix-blend-mode:multiply;
}
.contactbox .mail{
	float:left;
	width:430px;
	text-align:center;
	line-height:40px;
}
.contactbox .mail a{
	width:430px;
	padding:20px;
	font-size:20px;
	letter-spacing:3px;
}
.contactbox .mail a::before{
	margin-right:10px;
}
@media screen and (max-width: 739px) {
	.contactbox{padding:15px;max-width:400px;margin:20px auto;}
	.contactbox .tel{float:none;}
	.contactbox .tel a{width:auto;padding:5px 20px 5px 10px;}
	.contactbox .mail{float:none;width:auto;font-size:13px;line-height:30px;margin-top:5px;}
	.contactbox .mail a{width:auto;padding:12px;font-size:16px;letter-spacing:1px;}
	.contactbox .mail a::before{margin-right:5px;}
}
/*-------------------------pager*/
.pager{
	position:relative;
	overflow:hidden;
	margin-top:80px;
	padding-bottom:50px;
	text-align:center;
}
.pager ul{
	position:relative;
	left:50%;
	float:left;
}
.pager li{
	position:relative;
	left:-50%;
	float:left;
}
.pager li a,
.pager li span{
	display:block;
	color:#4D4D4D;
	background:#F1F1F1;
	width:40px;
	line-height:40px;
	text-align:center;
	margin:2px;
	text-decoration:none;
}
.pager li span{
	color:#FFF;
	background:#1464AF;
}
.pager li span.dots{
	background:none;
	color:#4D4D4D;
	width:auto;
	padding:0;
}
.pager li a:hover{
	background-color:#CCCCCC;
}
@media screen and (max-width: 739px) {
	.pager{padding:20px 0;margin:0;}
}

/*-------------------------------------------------------------------------------building-------------------------------------------------------------------------------*/
/*building
-----------------------------------------------------------------------------------------*/
#building h1{
	font-size:36px;
	line-height:1.5;
	margin:20px 0 -40px 0;
	letter-spacing:3px;
	font-weight:bold;
	color:#1464AF;
}
#building section{
	margin:80px 0;
	border:1px solid #CCC;
	text-align:left;
}
#building h2{
	font-size:28px;
	line-height:1.5;
	color:#FFF;
	background:#1464AF;
	margin:-1px;
	padding:14px 20px;
}
#building h2 a{
	float:right;
	background:#666666;
	color:#FFF;
	font-size:14px;
	line-height:70px;
	padding:0 10px;
	margin:-14px -20px -14px 20px;
	border-left:1px solid #CCC;
}
#building h2 a:hover{
	background:#000;
}
/*-------------------------figure*/
#building figure{
	float:left;
	overflow:hidden;
}
#building figure img{
	display:block;
	margin:0 auto;
}
/*-------------------------data*/
#building .data{
	padding:20px 20px 20px 270px;
}
#building .data figure{
	width:240px;
	margin-left:-250px;
}
#building .data table{
	width:100%;
	border:1px solid #CCC;
	height:320px;
}
#building .data th,
#building .data td{
	border:1px solid #CCC;
	line-height:24px;
}
#building .data th{
	background:rgba(0,0,0,0.05);
	width:100px;
	text-align:center;
	border-right:none;
}
#building .data  td{
	border-left:none;
	padding:15px;
}
/*-------------------------office*/
#building .office{
	margin:0 20px;
	padding:20px 0 20px 190px;
	border-top:2px dotted #CCC;
	position:relative;
}
#building .office.new::before{
	position:absolute;
	content:"";
	top:-11px;
	left:-5px;
	width:60px;
	height:40px;
	background:url(images/new.png) ;
	z-index:10;
}
#building .office figure{
	width:180px;
	height:180px;
	margin-left:-190px;
}
#building .office figure img{
	max-height:180px;
}
#building .office figure a:hover{
	opacity:0.7;
}
#building .office table{
	width:100%;
	border:1px solid #CCC;
	margin-bottom:10px;
}
#building .office th,
#building .office td{
	line-height:1.5;
	border:1px solid #CCC;
	text-align:center;
}
#building .office th{
	font-size:12px;
	letter-spacing:3px;
	height:28px;
	background:#000;
	color:#FFF;
}
#building .office  td{
	height:60px;
	padding:15px 5px;
}
#building .office  td strong{
	font-size:18px;
	color:#ED2214
}
#building .office  td span{
	display:none;
}
/*-------------------------mail*/
#building .mail a{
	float:left;
	width:120px;
	height:80px;
	font-size:14px;
	line-height:1.8;
	padding:15px 0 0 0;
	text-align:center;
}
#building .mail a::before{
	display:block;
	margin:5px auto;
}
/*-------------------------page*/
#building .page{
	padding-left:130px;
}
#building .page a{
	width:100%;
	font-size:18px;
	line-height:80px;
	padding:0;
	text-align:center;
}
#building .page a::before{
	content:"この物件の";
}
@media screen and (max-width: 739px) {
	#building article{padding:10px;}
	#building h1{font-size:20px;margin:10px 0;}
	#building section{margin:20px 0;}
	#building h2{font-size:16px;padding:10px 15px;}
	/*-------------------------figure*/
	#building figure{float:none;margin:0 auto;}
	/*-------------------------data*/
	#building .data{padding:20px;}
	#building .data figure{width:auto;margin:0;}
	#building .data table{height:auto;margin-top:20px;}
	#building .data td{padding:10px;}
	#building .data th{width:60px;font-size:12px;}
	/*-------------------------office*/
	#building .office{padding:20px 0;}
	#building .office figure{width:auto;margin:0;}
	#building .office table{border-top:none;position:relative;margin:10px 0;}
	#building .office table::before{content:"";width:60px;background:#000;position:absolute;left:0;top:0;height:100%;z-index:-1}
	#building .office tr{display: block;}
	#building .office tr:first-child{display: none;}
	#building .office td{display: block;height:auto;line-height:24px;padding:10px;border:none;border-top:1px solid #CCC;text-align:left;padding-left:70px;}
	#building .office  td strong{font-size:16px;}
	#building .office  td::before{font-size:14px;color:#FFF;display:inline-block;width:60px;text-align:center;margin:0 10px 0 -70px;letter-spacing:1px;}
	#building .office  td:nth-child(1)::before{content:"階数";}
	#building .office  td:nth-child(2)::before{content:"賃料";}
	#building .office  td:nth-child(3)::before{content:"管理費";}
	#building .office  td:nth-child(4)::before{content:"敷金";}
	#building .office  td:nth-child(5)::before{content:"礼金";}
	#building .office  td:nth-child(6)::before{content:"面積";}
	/*-------------------------mail*/
	#building .mail a{height:60px;font-size:12px;line-height:1.25;padding:8px 0 0 0;}
	/*-------------------------page*/
	#building .page a{line-height:60px;}
	#building .page a::before{display:none;}
}

/*-------------------------------------------------------------------------------office-------------------------------------------------------------------------------*/
#office{
	text-align:left;
}
#office .kome{
	text-align:right;
	font-size:12px;
	line-height:1.5;
	margin:5px 0;
}
/*-------------------------layout*/
#office .layoutL{
	float:left;
	width:400px;
}
#office .layoutR{
	float:right;
	width:570px;
}
@media screen and (max-width: 739px) {
	#office article{padding:10px;}
	#office .layoutL,#office .layoutR{float:none;width:auto;}
}
/*pagetitle
-----------------------------------------------------------------------------------------*/
#pagetitle{
	position:relative;
	padding:60px 0 30px 0;
}
#pagetitle h1{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:30px 240px 30px 15px;
	font-size:25px;
	line-height:1.5;
	font-weight:bold;
	position:relative;
}
#pagetitle.new h1::before{
	position:absolute;
	content:"";
	top:-10px;
	left:-10px;
	width:60px;
	height:40px;
	background:url(images/new.png) ;
	z-index:10;
}
#pagetitle .number{
	position:absolute;
	right:0;
	top:95px;
}
#pagetitle .nav li{
	float:left;
}
#pagetitle .nav li a{
	background:#1464AF;
	padding:5px 0;
	width:130px;
	text-align:center;
	margin:10px 5px 0 0;
}
#pagetitle .nav li.modoru{
	float:right;
}
#pagetitle .nav li.modoru a{
	width:160px;
	background:#666;
	margin-right:0;
}
#pagetitle .nav li.print{
	position:absolute;
	right:0;
	top:0;
}
#pagetitle .nav li.print a{
	padding:10px 60px 10px 30px;
	width:160px;
	background:#EEE8AA url(images/print.png) right 15px center no-repeat;
	color:#000;
	margin:0;
}
@media screen and (max-width: 739px) {
	#pagetitle{margin:10px 0;padding:10px 0;}
	#pagetitle h1{padding:40px 10px 10px 10px;font-size:20px;border-top:none;}
	#pagetitle.new h1::before{left:0;top:-10px;}
	#pagetitle .number{top:10px;font-size:14px;width:100%;text-align:right;padding-right:10px;background:#000;color:#FFF;}
	#pagetitle .nav li,#pagetitle .nav li.modoru{float:left;width:25%;padding:5px 2px;}
	#pagetitle .nav li a,#pagetitle .nav li.modoru a{padding:5px 0;width:auto;margin:0;font-size:12px;}
	#pagetitle .nav li.print{display:none;}
}
/*photo
-----------------------------------------------------------------------------------------*/
#photo{
	margin-bottom:30px;
}
#photo figure{
	height:440px;
	padding:9px 9px 29px 9px;
	font-size:0;
	line-height:400px;
	text-align:center;
	border:1px solid #CCC;
}
#photo figure::after{
	display:block;
	content:"※写真をクリックすると大きく表示されます。";
	font-size:10px;
	line-height:29px;
}
#photo img{
	max-height:100%;
	cursor:pointer;
}
#photo ul{
	border-left:1px solid #CCC;
}
#photo li{
	display:block;
	float:left;
	font-size:0;
	width:25%;
	height:100px;
	padding:5px;
	text-align:center;
	line-height:89px;
	text-align:center;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	cursor:pointer;
}
#photo li:hover{
	background:#F1F1F1;
}
#graydisplay{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:1001;
	cursor:pointer;
}
#graydisplay img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	max-width:90%;
	max-height:100%;
	height:auto;
	border:10px solid #FFF;
}
#graydisplay::before{
	content:"";
	display:block;
	width:50px;
	height:50px;
	background:#FFF url(images/batu.png);
	position:fixed;
	top:10px;
	right:10px;
	border-radius:3px;
	background-size:100%;
}
#graydisplay img,
#graydisplay::before{
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
@media screen and (max-width: 739px) {
	#photo figure{height:340px;line-height:300px;}
	#graydisplay::before{width:30px;height:30px;}
}
/*lease
-----------------------------------------------------------------------------------------*/
#lease h2{
	background:#000;
	color:#FFF;
	padding:10px 15px;
	font-size:18px;
}
#lease dl{
	position:relative;
}
#lease dl::before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:200px;
	height:100%;
	background:#F1F1F1 ;
	z-index:-1;
}
#lease dt{
	float:left;
	padding:10px 15px;
}
#lease dd{
	padding:10px 15px 10px 215px;
	text-align:right;
	border-bottom:2px dotted #CCC;
	min-height:50px;
}
#lease dd strong{
	font-size:21px;
	color:#CC0000;
}
@media screen and (max-width: 739px) {
	#lease h2{font-size:16px;padding:5px 10px;}
	#lease dl::before{width:140px;}
	#lease dt,#lease dd{font-size:14px;line-height:20px;padding:10px;}
	#lease dd{padding:10px 10px 10px 150px;min-height:40px;}
	#lease dd strong{font-size:18px;}
}
/*other
-----------------------------------------------------------------------------------------*/
#other{
	margin-top:20px;
}
#other h3{
	background:#000;
	color:#FFF;
	padding:5px 10px;
	font-size:16px;
	line-height:1.5;
}
#other table{
	width:100%;
}
#other th{
	font-size:14px;
	line-height:30px;
	text-align:center;
	border-bottom:2px dotted #CCC;
	background:#F1F1F1;
}
#other td{
	line-height:1.5;
	text-align:center;
	padding:10px;
	border-bottom:2px dotted #CCC;
	white-space:nowrap;
}
#other td strong{
	color:#CC0000;
}
#other td:first-child{
	white-space:normal;
	text-align:left;
}
#other td:last-child a{
	width:100px;
	font-size:14px;
	padding:6px 0;
	background:#1464AF;
}
@media screen and (max-width: 739px) {
	#other h3{font-size:14px;}
	#other > div{width:100%;overflow-x:auto;}
	#other table{min-width:450px;}
	#other td{font-size:14px;}
	#other td:last-child a{width:50px;}
}
/*outline
-----------------------------------------------------------------------------------------*/
#outline{
	margin:30px 0;
}
#outline h2{
	background:#000;
	color:#FFF;
	padding:10px 15px;
	font-size:18px;
}
#outline dl{
	position:relative;
}
#outline dl::before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:200px;
	height:100%;
	background:#F1F1F1 ;
	z-index:-1;
}
#outline dt{
	float:left;
	padding:10px 15px;
	font-weight:bold;
	font-size:14px;
	line-height:25px;
}
#outline dd{
	font-size:14px;
	line-height:25px;
	padding:10px 30px 10px 230px;
	border-bottom:2px dotted #CCC;
	min-height:45px;
}
@media screen and (max-width: 739px) {
	#outline{margin:20px 0;}
	#outline h2{font-size:16px;padding:5px 10px;}
	#outline dl::before{width:140px;}
	#outline dt,#outline dd{line-height:20px;padding:10px;}
	#outline dd{padding:10px 10px 10px 150px;min-height:40px;}
}
/*googlemap
-----------------------------------------------------------------------------------------*/
#googlemap{
	padding-bottom:80px;
}
#googlemap h2{
	background:#000;
	color:#FFF;
	padding:10px 15px;
	font-size:18px;
	margin:0;
}
#googlemap iframe{
	width:100%;
	height:500px;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
@media screen and (max-width: 739px) {
	#googlemap{padding:0;}
	#googlemap iframe{height:300px;}
	#googlemap h2{font-size:16px;padding:5px 10px;}
}

/*-------------------------------------------------------------------------------map-------------------------------------------------------------------------------*/
#map h1{
	font-size:36px;
	line-height:1.5;
	margin:20px 0 40px 0;
	letter-spacing:3px;
	font-weight:bold;
	color:#1464AF;
}
#map h2{
	background:#000;
	color:#FFF;
	padding:10px 15px;
	font-size:20px;
	margin:0;
	position:relative;
}
#map h2::after{
	content:"";
	display:block;
	width:0;
	position:absolute;
	left:50%;
	bottom:-20px;
	margin-left:-20px;
	border-top: 20px solid #000;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	z-index:10;
}
#map iframe{
	width:100%;
	height:80vh;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
#map .area > div{
	padding:0;
	margin:0;
}
@media screen and (max-width: 739px) {
	#map h1{font-size:20px;margin:20px 0;}
	#map h2{font-size:16px;padding:5px 10px;}
	#map h2::after{bottom:-15px;}
}
/*-------------------------------------------------------------------------------faq-------------------------------------------------------------------------------*/
#faq{
	background:#F1F1EE url(images/ami10.png);
}
#faq h1{
	font-size:36px;
	line-height:1.5;
	margin:20px 0;
	letter-spacing:3px;
	font-weight:bold;
}
#faq article{
	padding-bottom:80px;
}
/*-------------------------faqlist*/
.faqlist{
	margin:30px auto 0 auto;
	text-align:left;
	background:#FFF;
}
.faqlist h3{
	position:relative;
	padding:20px 70px;
	font-size:18px;
}
.faqlist h3:hover{
	background:#FFFFCC;
}
.faqlist h3::before,
.faqlist .accordion::before{
	content:"Q";
	display:block;
	width:50px;
	font-size:30px;
	line-height:50px;
	text-align:center;
	background:#CF242E;
	color:#FFF;
	float:left;
	margin:-10px 0 0 -60px;
	border-radius:30px;
	letter-spacing:0;
}
.faqlist h3::after{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:70px;
	height:100%;
	background:url(images/faq.png) center no-repeat;
}
.faqlist h3.open::after{
	transform:rotate(180deg); 
}
.faqlist .accordion{
	padding:20px 20px 20px 70px;
	position:relative;
	border-top:1px dashed #CCC;
	display:none;
}
.faqlist  .accordion::before{
	content:"A";
	background:#333;
}
@media screen and (max-width: 739px) {
	#faq article{padding:10px 20px 20px 20px;}
	#faq h1{font-size:20px;margin:10px 0;}
	.faqlist{margin-top:20px;}
	.faqlist h3{padding:10px 40px;font-size:16px;line-height:1.5;}
	.faqlist h3::before,
	.faqlist .accordion::before{width:30px;font-size:20px;line-height:30px;margin:-5px 0 0 -35px;}
	.faqlist h3::after{width:40px;background-size:20px;}
	.faqlist .accordion{padding:10px 10px 10px 40px;}
	.faqlist .accordion p{line-height:1.5;}
}
/*-------------------------------------------------------------------------------company-------------------------------------------------------------------------------*/
#company{
	width:100%;
	overflow:hidden;
}
#company h1{
	font-size:36px;
	line-height:1.5;
	margin:20px 0;
	letter-spacing:3px;
	font-weight:bold;
	color:#1464AF;
}
#company h1 + p{
	margin-top:-10px;
}
/*-------------------------section*/
#company section{
	text-align:left;
	margin:80px 0;
	position:relative;
}
#company section h2{
	background:#1464AF;
	color:#FFF;
	padding:15px;
	font-size:24px;
	border-radius:5px;
	margin-bottom:20px;
}
#company section figure{
	float:left;
	margin-right:50px;
	margin-top:10px;
}
#company section p{
	line-height:34px;
}
#company section table{
	border:1px solid #CCC;
	width:100%;
	margin:10px 0;
}
#company section th{
	border:1px solid #CCC;
	text-align:left;
	font-weight:bold;
	background:#F8F8F8;
	padding:15px;
	font-size:14px;
	line-height:1.5;
	width:170px;
}
#company section td{
	border:1px solid #CCC;
	padding:15px 20px;
	font-size:14px;
	line-height:1.5;
}
@media screen and (max-width: 739px) {
	#company article{padding:10px;}
	#company h1{font-size:20px;margin:10px 0;}
	#company h1 + p{font-size:14px;line-height:1.5;padding:5px 15px;}
	#company section{margin:30px 0;padding:10px;}
	#company section h2{font-size:18px;padding:10px;margin-bottom:15px;}
	#company section figure{float:none;margin:15px 0;text-align:center;}
	#company section p{line-height:1.8;}
	#company section th{padding:5px;font-size:12px;width:70px;text-align:center;}
	#company section td{padding:10px;}
}
/*message
-----------------------------------------------------------------------------------------*/
#message{
	padding:80px 370px 80px 0;
	text-align:left;
	position:relative;
	margin-top:50px;
}
#message::before{
	content:"";
	position:absolute;
	width:1000%;
	height:100%;
	left:-500%;
	top:0;
	z-index:-1;
	background:#F8F8F6 url(images/ami10.png);
}
#message figure{
	float:right;
	margin-right:-370px;
}
#message figcaption{
	text-align:center;
}
#message h2{
	font-size:24px;
	line-height:1.5;
	font-weight:bold;
}
#message p{
	line-height:2;
	margin-top:15px;
}
#message p.staff{
	font-weight:bold;
	text-align:right;
}
@media screen and (max-width: 739px) {
	#message{padding:30px 15px;margin-top:30px;}
	#message figure{float:none;width:200px;margin:20px auto;}
	#message h2{font-size:20px;}
	#message p{line-height:1.8;margin-top:10px;}
}
/*access
-----------------------------------------------------------------------------------------*/
/*-------------------------map*/
#access .map{
	padding-left:650px;
}
#access .map figure{
	width:600px;
	height:440px;
	margin-left:-650px;
	border:2px solid #CCC;
	border-radius:5px;
	overflow:hidden;
}
#access .map iframe{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
#access .map h3{
	font-size:24px;
	font-weight:bold;
	padding-top:15px;
}
#access .map p{
	line-height:25px;
}
#access .map h4{
	font-weight:bold;
	line-height:25px;
	margin-top:25px;
	margin-left:15px;
}
#access .map h4::before{
	content:"";
	width:12px;
	height:12px;
	float:left;
	margin-top:7px;
	margin-left:-15px;
	background:#1464AF;
}
#access .map .mail a{
	margin-top:20px;
	text-align:center;
}
/*-------------------------root*/
#access .root h3{
	font-size:20px;
	padding-top:20px;
	color:#1464AF;
	border-top:2px solid #1464AF;
	margin-top:40px;
}
#access .root li{
	float:left;
	width:360px;
	padding-right:60px;
	background:url(images/ya_next.png) right 10px center no-repeat;
	font-size:14px;
	line-height:24px;
	padding-top:30px;
}
#access .root li:nth-child(3n){
	width:300px;
	padding-right:0;
	background:none;
}
#access .root li img{
	display:block;
	margin-bottom:5px;
}
#access .root li span{
	font-weight:bold;
	display:inline-block;
	width:24px;
	height:24px;
	background:#1464AF;
	color:#FFF;
	text-align:center;
	margin-right:5px;
	border-radius:5px;
}
@media screen and (max-width: 739px) {
	#access .map{padding-left:0;}
	#access .map figure{width:100%;height:300px;margin:0;}
	#access .map h3{font-size:20px;margin-bottom:-10px;}
	#access .map h4{margin-top:20px;}
	#access .map p{font-size:14px;}
	#access .root h3{font-size:18px;margin-top:30px;text-align:center;}
	#access .root li,#access .root li:nth-child(3n) {float:none;width:300px;padding:15px 0 0 0;margin:0 auto;}
	#access .root li:not(:last-child) {background:url(images/ya_next_b.png) bottom no-repeat;padding:15px 0 50px 0;}
}

/*-------------------------------------------------------------------------------flow-------------------------------------------------------------------------------*/
#flow h1{
	font-size:36px;
	line-height:1.5;
	margin:20px 0;
	letter-spacing:3px;
	font-weight:bold;
	color:#1464AF;
}
#flow h1 + p{
	margin-top:-10px;
}
#flow section{
	text-align:left;
	margin:80px 0;
	padding-left:80px;
	position:relative;
}
#flow section h2{
	background:#1464AF;
	color:#FFF;
	padding:15px;
	font-size:24px;
	border-radius:5px;
	margin-bottom:20px;
}
#flow section h2 span{
	float:right;
	font-size:16px;
}
#flow section .icon{
	width:70px;
	position:absolute;
	left:0;
	top:-5px;
}
#flow section h3{
	padding:8px 0 8px 10px;
	font-size:18px;
	line-height:1.5;
	margin:40px 0 8px;
	border-left:6px solid #FAC03A;
	font-weight:bold;
}
#flow section h4{
	font-size:16px;
	line-height:1.5;
	margin:40px 0 8px;
	font-weight:bold;
	color:#1464AF;
	padding-left:15px;
}
#flow section h4::before{
	content:"";
	width:12px;
	height:12px;
	border-radius:10px;
	float:left;
	margin-top:7px;
	margin-left:-15px;
	background:#1464AF;
}
#flow section figure{
	float:right;
	margin:40px;
}
#flow section p{
	font-size:14px;
	line-height:24px;
}
#flow section table{
	border:1px solid #CCC;
	width:100%;
	margin:10px 0;
}
#flow section th{
	border:1px solid #CCC;
	text-align:center;
	font-weight:bold;
	background:#F8F8F8;
	padding:10px 5px;
	font-size:14px;
	line-height:1.5;
}
#flow section td{
	border:1px solid #CCC;
	padding:10px 15px;
	font-size:14px;
	line-height:1.5;
}
@media screen and (max-width: 739px) {
	#flow article{padding:10px;}
	#flow h1{font-size:20px;margin:10px 0;}
	#flow h1 + p{font-size:14px;line-height:1.5;padding:5px 15px;}
	#flow section{margin:30px 0;padding:10px;}
	#flow section h2{font-size:18px;padding:10px;margin-left:60px;}
	#flow section h2 span{font-size:14px;}
	#flow section .icon{width:60px;top:5px;left:5px;}
	#flow section h3{margin:30px 0 5px;}
	#flow section h4{margin:30px 0 5px;}
	#flow section figure{float:none;margin:30px 0;text-align:center;}
	#flow section th{padding:5px;font-size:12px;}
	#flow section td{padding:10px;}
}
/*-------------------------nav*/
#flow .nav{
	padding:30px 0 0 0;
	font-size:0;
}
#flow .nav li{
	display:inline-block;
	font-size:18px;
	line-height:25px;
}
#flow .nav li:not(:last-child) {
	padding-right:50px;
	background:url(images/ya_next.png) right 5px center no-repeat;
}
#flow .nav li a{
	display:block;
	padding:20px 0;
	width:160px;
	border-radius:15px;
	color:#000;
}
#flow .nav li a:hover{
	background:rgba(20,100,175,0.1);
}
#flow .nav li img{
	display:block;
	margin:0 auto;
}
@media screen and (max-width: 739px) {
	#flow .nav{padding:10px 0;max-width:480px;margin:0 -10px;}
	#flow .nav li{display:inline-block;font-size:14px;}
	#flow .nav li:not(:last-child) {padding-right:30px;background-size:30px;background-position:right top 50px;}
	#flow .nav li a{padding:10px 0;width:100px;}
	#flow .nav li img{max-width:80px;}
}
/*-------------------------------------------------------------------------------siteinfo-------------------------------------------------------------------------------*/
#siteinfo article{
	padding-bottom:80px;
	text-align:left;
}
#siteinfo h1{
	font-size:30px;
	line-height:1.5;
	margin:20px 0;
	font-weight:bold;
	text-align:center;
}
#siteinfo h2{
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	color:#FFF;
	background:#000;
	padding:10px 20px;
	margin:50px 0 10px 0;
}
@media screen and (max-width: 739px) {
	#siteinfo article{padding:10px 20px 20px 20px;}
	#siteinfo h1{font-size:20px;margin:10px 0;}
	#siteinfo h2{font-size:16px;margin:30px 0 10px 0;padding:5px 10px;}
}
/*-------------------------------------------------------------------------------privacy-------------------------------------------------------------------------------*/
#privacy article{
	padding-bottom:80px;
	text-align:left;
}
#privacy h1{
	font-size:30px;
	line-height:1.5;
	margin:20px 0;
	font-weight:bold;
	text-align:center;
}
#privacy h2{
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	color:#FFF;
	background:#000;
	padding:10px 20px;
	margin:50px 0 10px 0;
}
@media screen and (max-width: 739px) {
	#privacy article{padding:10px 20px 20px 20px;}
	#privacy h1{font-size:20px;margin:10px 0;}
	#privacy h2{font-size:16px;margin:30px 0 10px 0;padding:5px 10px;}
}
/*-------------------------------------------------------------------------------sitemap-------------------------------------------------------------------------------*/
#sitemap main{
	padding-bottom:80px;
	text-align:left;
}
#sitemap h1{
	font-size:30px;
	line-height:1.5;
	margin:20px 0;
	font-weight:bold;
	text-align:center;
}
#sitemap ul{
	font-size:0;
	margin:0 -7px;
}
#sitemap li{
	display:inline-block;
	width:330px;
	margin-top:5px;
	margin:0 7px;
}
#sitemap li a{
	display:block;
	padding:5px 5px 5px 30px;
	color:#000;
	background:#F1F1F1 url(images/maruya.png) left 5px center no-repeat;
}
#sitemap li a:hover{
	background-color:#CCC;
}
@media screen and (max-width: 739px) {
	#sitemap main{padding:10px 20px 20px 20px;}
	#sitemap h1{font-size:20px;margin:10px 0;}
	#sitemap li{width:auto;display:block;}
}
/*-------------------------------------------------------------------------------topics-------------------------------------------------------------------------------*/
#topics{
	text-align:left;
	padding-bottom:50px;
}
#topics table{
	margin:10px 0;
	width:100%;
}
#topics th,
#topics td{
	border:1px solid #CCC;
	padding:15px 20px;
	line-height:1.5;
	background:#FFF;
}
#topics th{
	background:#F1F1F1;
	white-space:nowrap;
	text-align:center;
}
@media screen and (max-width: 739px) {
#topics th,#topics td{padding:10px;}
}
/*list
-----------------------------------------------------------------------------------------*/
#topics main h1{
	font-size:36px;
	line-height:1.5;
	margin:20px 0;
	letter-spacing:3px;
	font-weight:bold;
	text-align:center;
}
/*-------------------------topicslist*/
.topicslist li{
	padding-left:120px;
	margin:15px 0;
}
.topicslist time{
	float:left;
	margin-left:-120px;
	color:#B6B6B6;
}
.topicslist li a{
	color:#000;
	text-decoration:underline;
}
.topicslist li a:hover{
	text-decoration:none;
}
/*-------------------------btn*/
#topics .btn{
	text-align:center;
	margin-top:30px;
}
@media screen and (max-width: 739px) {
	#topics{padding-bottom:30px;}
	#topics main h1{font-size:20px;margin:10px 0 0 0;}
	.topicslist{padding:0 20px;}
	.topicslist li{padding:0;margin:20px 0;line-height:1.6;}
	.topicslist time{float:none;margin:0;display:block;font-size:12px;}
}
/*article
-----------------------------------------------------------------------------------------*/
#topics article{
	padding:50px 0;
}
#topics article a{
	text-decoration:underline;
}
#topics article a:hover{
	text-decoration:none;
}
#topics article h1{
	font-size:30px;
	line-height:1.5;
}
#topics article h2{
	font-size:20px;
	line-height:1.5;
	padding:8px 16px;
	background:#1464AF;
	color:#FFF;
	font-weight:bold;
	margin:50px 0 10px 0;
}
#topics article h3{
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
	margin:30px 0 5px 0;
}
#topics article p{
	font-size:18px;
	line-height:2;
}
#topics article p.date{
	font-size:14px;
	margin-bottom:50px;
	padding:10px 0;
	border-bottom:1px solid #CCC;
}
@media screen and (max-width: 739px) {
	#topics article{padding:20px;}
	#topics article h1{font-size:24px;font-weight:bold;padding-top:10px;}
	#topics article h2{font-size:18px;padding:5px 8px;margin-top:30px;}
	#topics article h3{font-size:18px;margin-top:20px;}
	#topics article p{font-size:16px;}
	#topics article p.date{margin-bottom:30px;padding-bottom:30px;}
}
/*-------------------------------------------------------------------------------404-------------------------------------------------------------------------------*/
#notfound article{
	padding:100px;
}
#notfound article h1{
	font-size:40px;
	line-height:1.5;
}
#notfound article .btn{
	margin:20px 0;
}
@media screen and (max-width: 739px) {
	#notfound article{padding:50px 0;}
	#notfound article h1{font-size:30px;font-weight:bold;}
}