@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------

#contents

------------------------------------------------- */
 /*  PC */
@media print, screen and (min-width:769px) {
#contents{
	padding: 60px 0 0;
}
}
/* Tablet */
@media screen and (max-width:768px) {
#contents{
	padding:30px 0 0;
}
}

/* -------------------------------------------------

mainArea

------------------------------------------------- */
.mainArea{
	height: auto;
}
.mainArea > p{
	float: left;
}
.mainArea > div{
	float: right;
}
.mainArea > div p{
	font-size: 1.1em;
	margin: 0 0 30px;
}
.mainArea > div table th,
.mainArea > div table td{
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 15px;
}
.mainArea > div table th{
	white-space:nowrap;
	padding-right: 20px;
}
.mainArea > div table td{

}
 /*  PC */
@media print, screen and (min-width:769px) {
.mainArea{
	width: 1200px;
	margin: 0 auto 60px;
}
.mainArea > p{
	width: 50%;
}
.mainArea > div{
	width:calc(50% - 40px);
}
.mainArea > div table th{
	letter-spacing: 2px;
}
.mainArea > div > p.detailBtn a{
	width: 200px;
	text-align: center;
	color:#fff;
	padding: 15px 0;
	display: block;
	letter-spacing: 3px;
	background-color: #ff7625;
}
.mainArea > div > p.detailBtn.extLink a:before{
	content: "\f2d2";
	font-family: FontAwesome;
	margin-right: 5px;
}
.mainArea > div > p.detailBtn a:hover {
	transform: translate(0,-5px);
}
}
/* Tablet */
@media screen and (max-width:768px) {
.mainArea{
	margin-bottom: 30px;
	padding: 0 20px;
}
.mainArea > p{
	width:calc(50% - 10px);
}
.mainArea > div{
	width:calc(50% - 10px);
}
}
/* SP縦向き */
@media screen and (max-width:640px) and (orientation: portrait) {
.mainArea > p{
	width:100%;
	float: none;
	margin-bottom: 10px;
}
.mainArea > div p{
	margin: 0 0 15px;
}
.mainArea > div{
	width:100%;
	float: none;
}
}

/* -------------------------------------------------

menuArea

------------------------------------------------- */
.menuArea{
	background: url(../../../common/images/bg_stripe.jpg);
}
.menuArea > h3{
	text-align: center;
	font-size: 1.3em;
	letter-spacing: 2px;
	margin: 0 0 35px;
}
.menuArea > h3 img{
	display: block;
	margin: 0 auto 5px;
}
.menuArea > div{
	height: auto;
}
.menuArea > div > p{
	float: left;
	padding-bottom: 20px;
}
.menuArea > div > p a{
	background-color: #ff7432;
	color:#fff;
	display: block;
	border-radius: 10px;
	font-weight: 500;
}
.menuArea > div > p a:before{
	content: "\f0da";
	font-family: FontAwesome;
	padding-right: 10px;
}
.menuArea > div > p:nth-child(3n+1){
	clear: both;
}
.menuArea > div > p a:hover{
	transform: translate(0,-5px);
}
 /*  PC */
@media print, screen and (min-width:769px) {
.menuArea{
	padding: 60px 0 40px;
}
.menuArea > div{
	width: 1200px;
	margin: 0 auto;
}
.menuArea > div > p{
	width: calc(33.33% - 20px);
}
.menuArea > div > p:nth-child(3n+2){
	margin: 0 30px;
}
.menuArea > div > p a{
	padding: 15px 20px;
	font-size: 1.1em;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.menuArea{
	padding:30px 20px;
}
.menuArea > h3 img{
	width: 50px!important;
}
.menuArea > div > p{
	width: calc(33.33% - 10px);
}
.menuArea > div > p:nth-child(3n+2){
	margin: 0 15px;
}
.menuArea > div > p a{
	padding: 15px;
}
}
/* SP縦向き */
@media screen and (max-width:640px) and (orientation: portrait) {
.menuArea > h3 img{
	width: 40px!important;
}
.menuArea > div > p{
	width:100%;
	float: none;
	padding-bottom:10px;
}
.menuArea > div > p:nth-child(3n+2){
	margin: 0;
}
}