@charset "utf-8";
/* *****************************************************************************
   PC用のスタイル記述
***************************************************************************** */
/* @media screen and (min-width: 769px), print { */

#contents-area {
	position: relative;
	padding-bottom: 15px;
}
/* breadcrumbs */
#breadcrumbs {
	color: #000;
	margin: 15px 0 60px;
	text-align: left;
	letter-spacing: -0.4em;
}
#breadcrumbs li {
	margin-right: 0.5em;
	letter-spacing: normal;
	display: inline-block;
}
#breadcrumbs li:after {
	content: "＞";
	margin-left: 0.5em;
	display: inline-block;
}
#breadcrumbs li:last-child:after {
	content: "";
	margin-left: 0;
	display: inline-block;
}
#breadcrumbs li a {
	color: #000;
}
/* main area */
#main-area {
	width: 635px;
	padding-top: 10px;
	display: table-cell;
}
#main-area h1 {
	color: #000;
	font-size: 1.85em;
	font-weight: normal;
	text-align: left;
}
#main-area section {
	padding: 2.5em 0 6em;
	border-top: 1px dotted #000;
	text-align: left;
}
#main-area section:last-child {
	padding-bottom: 4em;
}
#main-area section h2 {
	color: #000;
	font-size: 1.2em;
	font-weight: normal;
}
#main-area section p {
	font-size: 1em;
	line-height: 1.8em;
}
#main-area section p.img, #main-area section p.cap, #main-area section .cbox p {
	text-indent: 0;
}
#main-area section p.img {
}
#main-area section p.img:first-child(1) {
}
#main-area section .bt {
	margin-top: 1.5em !important;
	text-indent: 0;
}
#main-area section .bt a {
	color: #000;
	font-size: 1.2em;
	padding: 0.4em;
	background-color: #fff;
	border: 1px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	text-align: center;
	display: block;
	text-decoration: none;
}
#main-area section .bt a:hover {
	color: #000;
	background: url(../img/bt_over_bg.gif);
	background-size: cover;
	text-decoration: none;
}

#main-area section > p.read {
	font-size: 1em;
	text-indent: 0;
	line-height: 1.6em;
	padding-bottom: 40px;
}
#main-area section .row-l {
	padding-right: 17px;
	vertical-align: top;
	display: table-cell;
}
#main-area section .row-r {
	padding-left: 18px;
	vertical-align: top;
	display: table-cell;
}
#main-area section .row-l p, #main-area section .row-r p {
	text-indent: 1em;
}
/* cbox */
#main-area section .cbox {
	margin-top: 60px;
	padding: 30px 20px 30px;
	background: url(../img/cbox.jpg);
}
#main-area section .cbox h3 {
	color: #000;
	font-weight: normal;
}
#main-area section .cbox p {
	margin-top: 1em;
}
#main-area section .cbox .row-r p {
	margin-top: 0;
}
#main-area section .row-r p.img {
	margin-top: 1em;
}
#main-area section .row-r p.img:first-child(1) {
	margin-top: 0;
}


/* sidebar */
#sidebar {
	width: 345px;
	padding-left: 95px;
	display: table-cell;
	vertical-align: top;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
}
#sidebar ul {
	font-size: 1em;
}
#sidebar ul li {
	margin-bottom: 1.5em;
}
#sidebar ul li a.active {
	text-decoration: none;
}
#sidebar ul li.btn a {
	color: #000;
	padding: 1.2em 1em;
	background-color: #fff;
	border: 1px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	text-align: center;
	display: block;
	text-decoration: none;
}
#sidebar ul li.btn a:hover {
	background: url(../img/bt_over_bg.gif);
	background-size: cover;
	text-decoration: none;
}
#sidebar .bnr img {
	width: 100%;
}



/* pagetop */
#contents-area .pagetop {
	font-size: 0.8em;
	margin-top: 20px;
	text-align: right;
}
#contents-area .pagetop a {
	color: #000;
	text-decoration: none;
	display: inline-block;
}
#contents-area .pagetop a:after {
	content: "▲";
	padding-left: 0.2em;
	display: inline-block;
}
#contents-area .pagetop a:hover {
	color: #BD6F22;
	text-decoration: none;
}
/*form table*/
.form_area table {
	width: 100%;
}
.form_area table th {
	width: 10em;
   padding:5px 0;	
}
.form_area table td {
   padding:5px 0;	
}
/*type text size*/
.size_01 {
	width: 5em;
}
.size_02 {
	width: 8em;
}
.size_03 {
	width: 10em;
}
.size_04 {
	width: 100%;
}
.contact_alert {
	color: #D00000;
}
.notice_box {
	margin-top: 3em;
}

/* } */


/* *****************************************************************************
   スマートフォン用のスタイル記述
***************************************************************************** */
/*ipad用
--------------------------------------------------------------------------*/
@media screen and (max-width: 769px) {
#contents-area .main ul {
	width: auto;
	max-width: 980px;
	height: auto;
	min-height: 250px;
}
#contents-area .main ul li img {
	width: 100%;
}
#contents-area .secleft {
	width: auto;
	max-width: 635px;
	padding-bottom: 16px;
	vertical-align: top;
	display: table-cell;
}
#contents-area .secright {
	width: auto;
	max-width: 345px;
	padding-left: 55px;
	vertical-align: top;
	display: table-cell;
}
/* banner */
#contents-area .banner img {
	width: 100%;
}
}

/*mainimg*/
 @media screen and (max-width: 769px) {
	 .mainimg{
		width: auto;
	max-width: 980px;
	height: auto;
	min-height: 8em;
	 }
 .mainimg img{
		width:100%;
	 }
} 
/*sp用
--------------------------------------------------------------------------*/
@media screen and (max-width: 680px) {
#contents-area {
	position: relative;
	padding-bottom: 0px;
	margin-right: 10px;
	margin-left: 10px;
}
#contents-area .main ul {
	width: auto;
	max-width: 980px;
	height: auto;
	min-height: 8em;
}
#contents-area .secleft {
	width: auto;
	max-width: 635px;
	padding-bottom: 0px;
	vertical-align: top;
	display: block;
}
#contents-area .secright {
	width: auto;
	max-width: 345px;
	padding-left: 0px;
	vertical-align: top;
	display: block;
}
/* breadcrumbs */
#breadcrumbs {
	color: #000;
	margin: 15px 0 10px;
	text-align: left;
	letter-spacing: -0.4em;
}
/* main area */
#main-area {
	width: 100%;
	padding-top: 10px;
	display: block;
}
#main-area h1 {
	color: #000;
	font-size: 1.6em;
	font-weight: normal;
	text-align: left;
}
#main-area section {
	padding: 30px 0 30px;
	border-bottom: 1px dotted #000;
	text-align: left;
}
#main-area section:last-child {
	padding-bottom: 30px;
	border-bottom: none;
}
#main-area section h2 {
	color: #000;
	font-size: 1.2em;
	font-weight: normal;
}
#main-area section p {
	font-size: 0.92em;
	line-height: 1.8em;
}
#main-area section p.img, #main-area section p.cap, #main-area section .cbox p {
	text-indent: 0;
}
#main-area section p.img {
	margin-top: 1em;
}
#main-area section p.img:first-child(1) {
	margin-top: 0;
}
#main-area section .bt {
	margin-top: 1.5em !important;
	text-indent: 0;
}
#main-area section .bt a {
	color: #000;
	font-size: 1.2em;
	padding: 0.4em;
	background-color: #fff;
	border: 1px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	text-align: center;
	display: block;
}
#main-area section .bt a:hover {
	background-color: transparent;
	text-decoration: none;
}
#main-area section > p.read {
	font-size: 1.0em;
	text-indent: 0;
	line-height: 1.6em;
	padding-bottom: 20px;
}
#main-area section .row-l {
	padding-right: 17px;
	vertical-align: top;
	display: table-cell;
}
#main-area section .row-r {
	padding-left: 18px;
	vertical-align: top;
	display: table-cell;
}
/* sidebar */
#sidebar {
	width: 100%;
	padding-left: 0px;
	display: block;
	text-align: left;
}
#sidebar ul {
	font-size: 1em;
}
#sidebar ul li {
	margin-bottom: 1em;
}
/* pagetop */
#contents-area .pagetop {
	font-size: 1.5em;
	margin-top: 20px;
	margin-right: 10px;
	text-align: right;
}
/*form table*/
.form_area tr, .form_area td {
	display: block;
}

.form_area table th {
	width: auto;
}
.notice_box {
	margin-top: 3em;
}
}

/*5s用
--------------------------------------------------------------------------*/
@media screen and (max-width: 320px) {
#contents-area .main ul {
	width: auto;
	max-width: 980px;
	height: auto;
	min-height: 6em;
}
}


/*mainimg*/
 @media screen and (max-width: 680px) {
	.mainimg{
	width: auto;
	max-width: 980px;
	height: auto;
	min-height: 100%;
	 }
 .mainimg img{
	width:100%;
	height:8em;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;'
	 }


}