@charset "UTF-8";

/* home.css
**************************************************************************************/


/* Layout
=============================================================================*/


/* Main-visual
=============================================================================*/

.home .mainvisual-sp {
	display:none;
}

.home .mainvisual-area ul li div.box {
	width:1250px;
	margin:0 auto;
}
.home .mainvisual-area ul li div.box span {
	margin:0 -875px;
	padding:0 -875px;
	display:block;
}

/*pager*/
.home .mainvisual-area .bx-wrapper {
	position:relative;
}
.home .mainvisual-area .bx-controls {
	position:absolute;
	bottom:24px;
	height:8px;
	width:100%;
	z-index:55;
}
.home .mainvisual-area .bx-pager {
	width:1250px;
	margin:0 auto;
	text-align:right;
	height:8px;
}

.home .mainvisual-area .bx-pager-item {
	letter-spacing:normal;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	padding:0 0 0 10px;
	vertical-align:top;
}

.home .mainvisual-area .bx-pager-item a {
	text-indent:101%;
	font-size:1px;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	width:44px;
	height:8px;
	background:url("../../image/main-pager0001.gif") no-repeat 0 0;
}

.home .mainvisual-area .bx-pager-item a:hover ,
.home .mainvisual-area .bx-pager-item a.active {
	background-position:0 -8px;
}

@media screen and (max-width: 1249px){
.home .mainvisual-area ul li div.box {
	width:680px;
	margin:0 auto;
}
.home .mainvisual-area ul li div.box img {
	width:1630px;
	height:auto;
}
.home .mainvisual-area ul li div.box span {
	margin:0 -475px;
	padding:0 -475px;
	display:block;
}
/*pager*/
.home .mainvisual-area .bx-pager {
	width:680px;
}

}
@media screen and (max-width: 679px){
.home .mainvisual-pc {
	display:none;
}
.home .mainvisual-sp {
	display:block;
}
.home .mainvisual-area ul li div.box {
	width:100%;
}
.home .mainvisual-area ul li div.box img {
	width:100%;
}
.home .mainvisual-area ul li div.box span {
	margin:0;
	padding:0;
}

/*pager*/
.home .mainvisual-area .bx-pager {
	width:100%;
	text-align:center;
}
.home .mainvisual-area .bx-controls {
	bottom:15px;
}
.home .mainvisual-area .bx-pager-item {
	padding:0 5px;
}
}

/* Alert-txt
=============================================================================*/
.home .alert-txt-area {
    width: 1250px;
    margin: 0 auto;
	padding-top: 50px;
	display: flex;
	justify-content: space-between;
}
.home .alert-txt-area p {
	background: url(../../image/index-ar0003.png) no-repeat #F4DADB right 20px top 15px / 25px auto;
    text-align: center;
	width: 48.5%;
}
.home .alert-txt-area p a {
	display: inline-block;
    color: #A20C0F;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}
.home .alert-txt-area p.alert001 a {
	background: url(../../image/index-ic0001.png) no-repeat 0 18px / 15px auto;
	padding: 17px 20px 10px 22px;
}
.home .alert-txt-area p.alert002 a {
	background: url(../../image/index-ic0002.png) no-repeat 0 18px / 22px auto;
	padding: 17px 20px 10px 30px;
}
.home .alert-txt-area p a:hover {
    text-decoration: underline;
}
@media screen and (max-width: 1249px){
.home .alert-txt-area {
	width: 680px;
	display: block;
}
.home .alert-txt-area p {
	width: 680px;
	box-sizing: border-box;
}
.home .alert-txt-area p:first-child {
	margin-bottom: 1px;
}
}
@media screen and (max-width: 679px){
.home .alert-txt-area {
    width: auto;
    padding: 30px 10px 0;
}
.home .alert-txt-area p {
	width: auto;
	text-align: left;
	background: url(../../image/index-ar0003.png) no-repeat #F4DADB right 10px top 12px / 20px auto;
}
.home .alert-txt-area p a {
	font-size: 14px;
}
.home .alert-txt-area p.alert001 a {
	background: url(../../image/index-ic0001.png) no-repeat 9px 14px / 11px auto;
	padding: 12px 10px 12px 27px;
}
.home .alert-txt-area p.alert002 a {
	background: url(../../image/index-ic0002.png) no-repeat 6px 14px / 19px auto;
	padding: 12px 30px 12px 33px;
}
}

/* Banner
=============================================================================*/
.home #side .banner-area-sp {
	display:none;
}
.home #side .banner-area-pc .banner-area-in {
	position:relative;
	padding:32px 0 0 0;	
}
.home #side .banner-area-pc .banner-area-in h3 {
	width:292px;
	height:67px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.home #side .banner-area-pc ul li {
	margin:0;
	padding:0;
}
.home #side .banner-area-pc ul li img {
	max-width:292px;
}
.home #side .banner-area-pc ul li a:hover {
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
}

@media screen and (max-width: 1249px){
.home #side .banner-area-pc .banner-area-in {
	padding:18px 0 0 0;	
}
.home #side .banner-area-pc .banner-area-in h3 img,
.home #side .banner-area-pc .banner-area-in h3 {
	width:180px;
	height:41px;
}
.home #side .banner-area-pc ul li img {
	max-width:180px;
}
.home #side .banner-area-pc ul li a:hover {
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -khtml-opacity: 1.0;
    -moz-opacity: 1.0;
}
}
@media screen and (max-width: 679px){
.home #side .banner-area-pc {
	display:none;
}
.home #side .banner-area-sp {
	display:block;
	margin-bottom:30px;
}
.home #side .banner-area-sp .banner-area-in h3 {
	background-color:#3b4c82;
	color:#FFFFFF;
	text-align:center;
	padding:10px;
	font-size:13px;
}
.home #side .banner-area-sp ul li {
	width:50%;
	float:left;
}
.home #side .banner-area-sp ul li img {
	width:100%;
	height:auto;
}
}



/* News
=============================================================================*/

/*title*/
.home .news-area .title {
	float:left;
	width:178px;
	position:relative;
}
.home .news-area .title h2 {
	background-color:#333333;
	width:178px;
	height:164px;
	font-family: 'Lora', serif;
	font-weight:400;
	text-align:center;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	font-size:26px;
	color:#FFFFFF;
	letter-spacing:0.05em;
	line-height:1.2em;
	padding:15px 0 0 0;
}
.home .news-area .title h2 span {
	display:block;
	font-size:23px;
	color:#FFFFFF;
	line-height:1.2em;
}
.home .news-area .news-list {
	float:right;
	width:757px;
}

/*link*/
.home .news-area .title .list-link {
	position:absolute;
	bottom:13px;
	left:0;
	width:100%;
	text-align:center;
}
.home .news-area .title .list-link a {
	vertical-align:bottom;
	display:inline-block;
	color:#FFFFFF;
	text-decoration:none;
	width:103px;
	border:1px solid #565656;
	background:url("../../image/news-ar0001.png") no-repeat 10px center;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	font-size:12px;
	line-height:1.4em;
	padding:4px 0 4px 10px;
}
.home .news-area .title .list-link a:hover {
	color:#adadad;
	background-color:#404040;
}

/*tab*/
.home .news-area .news-list {
	background-color:#FFFFFF;
	min-height:371px;
	position:relative;
}
.home .news-area .news-list-in {
	padding:34px 45px 20px;
}
.home .news-area .news-list h3 a {
	position:absolute;
	left:-178px;
	width:178px;
	height:68px;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 14px 0 0 ;
	display:table;
}
.home .news-area .news-list h3 a span {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background-color:#5a5a5a;
}
.home .news-area .news-list h3 a.current ,
.home .news-area .news-list h3 a:hover {
	background:url("../../image/news-ar0002.gif") #3b4c82 no-repeat right center;
}
.home .news-area .news-list h3 a.current span ,
.home .news-area .news-list h3 a:hover span {
	background-color:transparent;
}
	
.home .news-area .news-list h3#all-tab a {
	top:165px;
}
.home .news-area .news-list h3#tab01 a {
	top:234px;
}
.home .news-area .news-list h3#tab02 a {
	top:303px;
}

@media screen and (max-width: 1249px){
/*title*/
.home .news-area .title {
	width:108px;
}
.home .news-area .title h2 {
	width:108px;
	height:124px;
	font-size:18px;
	padding:10px 0 0 0;
}
.home .news-area .title h2 span {
	font-size:16px;
}
.home .news-area .news-list {
	width:369px;
}

/*link*/
.home .news-area .title .list-link a {
	width:83px;
}

/*tab*/
.home .news-area .news-list {
	min-height:271px;
}
.home .news-area .news-list-in {
	padding:15px 15px 10px 25px;
}
.home .news-area .news-list h3 a {
	left:-108px;
	width:108px;
	height:48px;
	padding:0 10px 0 0 ;
}
.home .news-area .news-list h3 a span {
	font-size:13px;
}
.home .news-area .news-list h3 a.current ,
.home .news-area .news-list h3 a:hover {
	background-size:10px auto;
}
.home .news-area .news-list h3#all-tab a {
	top:125px;
}
.home .news-area .news-list h3#tab01 a {
	top:174px;
}
.home .news-area .news-list h3#tab02 a {
	top:223px;
}
}

@media screen and (max-width: 679px){
.home .news-area-in {
	position:relative;
	padding-bottom:55px;
}
/*title*/
.home .news-area .title {
	float:none;
	width:auto;
	position:static;
	margin-bottom:15px;
}
.home .news-area .title h2 {
	background-color:transparent;
	width:auto;
	height:auto;
	font-size:24px;
	color:#111111;
	padding:0;
}
.home .news-area .title h2 span {
	display:inline;
	padding:0 5px;
	font-size:18px;
	color:#111111;
}
.home .news-area .news-list {
	float:none;
	width:auto;
}

/*link*/
.home .news-area .title .list-link {
	position:absolute;
	bottom:0;
}
.home .news-area .title .list-link a {
	width:100%;
	border:1px solid #CCCCCC;
	background:url("../../image/news-ar0001-sp.png") no-repeat 10px center;
	background-size:10px auto;
	padding:12px 0 12px 10px;
	color:#111111;
}
.home .news-area .title .list-link a:hover {
	color:#adadad;
	background-color:transparent;
}

/*tab*/
.home .news-area .news-list {
	background-color:transparent;
	min-height:0;
	padding-top:40px;
}
.home .news-area .news-list-in {
	background-color:#FFFFFF;
	padding:15px 20px 20px 20px;
}
.home .news-area .news-list h3 a {
	width:33.33%;
	height:40px;
	padding:0 0 12px 0 ;
}
.home .news-area .news-list h3 a span {
	font-size:12px;
}
.home .news-area .news-list h3 a.current ,
.home .news-area .news-list h3 a:hover {
	background:url("../../image/news-ar0002-sp.gif") #3b4c82 no-repeat center bottom;
	background-size:auto 12px;
}
.home .news-area .news-list h3#all-tab a {
	top:0;
	left:0;
}
.home .news-area .news-list h3#tab01 a {
	top:0;
	left:33.33%;
}
.home .news-area .news-list h3#tab02 a {
	top:0;
	left:66.66%;
}
.home .news-area .news-list h3#all-tab a span {
	border-right:1px solid #f5f5f5;
}
.home .news-area .news-list h3#tab01 a span {
	border-right:1px solid #f5f5f5;
}

}


/* PICKUP CONTENTS
=============================================================================*/

.home .pickup-contents-area {
	background:url("../../image/index-bg0001.jpg") no-repeat center 0;
	background-size:cover;
}
.home .pickup-contents-inner {
	width:1250px;
	margin:0 auto;
	padding:90px 0 100px;
}
.home .pickup-contents-area .title {
	margin-bottom:35px;
}
.home .pickup-contents-area .title h2 {
	font-family: 'Lora', serif;
	font-weight:400;
	color:#FFFFFF;
	text-align:center;
	font-size:34px;
	letter-spacing:0.05em;
}
.home .pickup-contents-area .list-box {
	width:1248px;
	margin:0 auto;
	letter-spacing:-0.4em;
}
.home .pickup-contents-area .list-box .box {
	display:inline-block;
	vertical-align:top;
	width:50%;
}
.home .pickup-contents-area .list-box .box li {
	letter-spacing:normal;
	word-spacing:normal;
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	width:50%;
}
.home .pickup-contents-area .list-box .box li img {
	width:100%;
	height:auto;
}
.home .pickup-contents-area .list-box .box li a:hover {
	-webkit-filter: brightness(120%);
	-moz-filter: brightness(120%);
	filter: brightness(120%);
}


@media screen and (max-width: 1249px){
.home .pickup-contents-inner {
	width:680px;
	padding:50px 0 60px;
}
.home .pickup-contents-area .list-box {
	width:680px;
	margin:0 auto;
	letter-spacing:-0.4em;
	word-spacing: -0.1em;
}
}
@media screen and (max-width: 679px){
.home .pickup-contents-inner {
	width:auto;
	padding:30px 0 40px;
}
.home .pickup-contents-area .title {
	margin-bottom:20px;
}
.home .pickup-contents-area .title h2 {
	font-size:24px;
}
.home .pickup-contents-area .list-box {
	width:auto;
	padding:0 10px;
}
.home .pickup-contents-area .list-box .box {
	width:100%;
}

}

/* CLOSEUPS
=============================================================================*/
.home .closeups-area {
	background:url("../../image/index-bg0002.jpg") #FFFFFF no-repeat center bottom;
	padding:0 0 435px 0;
}
.home .closeups-inner {
	width:1250px;
	margin:0 auto;
	padding:90px 0 0;
	overflow:hidden;
}

/*title*/
.home .closeups-area .title-area {
	position:relative;
}
.home .closeups-area .title {
	margin-bottom:40px;
}
.home .closeups-area .title h2 {
	font-family: 'Lora', serif;
	font-weight:400;
	color:#333333;
	text-align:center;
	font-size:34px;
	letter-spacing:0.05em;
}

/*link*/
.home .closeups-area .title-area .link-txt {
	position:absolute;
	top:17px;
	right:0;
	width:100%;
	text-align:right;
}
.home .closeups-area .title-area .link-txt a {
	padding:0 0 0 20px;
	background:url("../../image/index-ar0001.gif")  no-repeat left center;
	text-decoration:none;
	font-size:16px;
	color:#111111;
}
.home .closeups-area .title-area .link-txt a:hover {
	color:#5165a3;
}

/*list*/
.home .closeups-area .list-box {
	width:1280px;
	margin-left:-30px;
	letter-spacing:-0.4em;
	word-spacing: -0.1em;
	text-align:center;
}
.home .closeups-area .box {
	letter-spacing:normal;
	word-spacing:normal;
	display:inline-block;
	vertical-align:top;
	width:25%;
	padding-left:30px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
.home .closeups-area .box .img-area {
	display:table;
}
.home .closeups-area .box .img-area span {
	display: table-cell;
	width:290px;
	height:290px;
	-moz-border-radius: 145px;
	-webkit-border-radius: 145px;
	border-radius: 145px;
	overflow:hidden;
	background-color:#f1f1f1;
	vertical-align:middle;
	text-align:center;
}
.home .closeups-area .box .img-area a:hover {
	-webkit-filter: brightness(120%);
	-moz-filter: brightness(120%);
	filter: brightness(120%);
}
.home .closeups-area .box .img-area span img {
	max-width:290px;
	max-height:290px;
}
.home .closeups-area .box .txt-area {
	padding-top:20px;
	text-align:center;
}

@media screen and (max-width: 1249px){
.home .closeups-area {
	background-size:1800px auto;
	padding:0 0 250px 0;
}
.home .closeups-inner {
	width:680px;
	padding:40px 0 0;
}

/*list*/
.home .closeups-area .list-box {
	width:704px;
	margin-left:-24px;
}
.home .closeups-area .box {
	padding-left:24px;
}
.home .closeups-area .box .img-area span {
	width:152px;
	height:152px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
}
.home .closeups-area .box .img-area span img {
	max-width:152px;
	max-height:152px;
}
.home .closeups-area .box .txt-area {
	font-size:12px;
	padding-top:10px;
}
}

@media screen and (max-width: 679px){
.home .closeups-area {
	background:none;
	padding:0 0 30px 0;
	background-color:#FFFFFF;
}
.home .closeups-inner {
	width:auto;
	padding:30px 10px 60px;
	position:relative;
	max-width:480px;
	margin:0 auto
}

/*title*/
.home .closeups-area .title-area {
	position:static;
}
.home .closeups-area .title {
	margin-bottom:20px;
}
.home .closeups-area .title h2 {
	font-size:24px;
}

/*link*/
.home .closeups-area .title-area .link-txt {
	position:absolute;
	bottom:0;
	left:0;
	top:auto;
	text-align:center;
	padding:0 10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
.home .closeups-area .title-area .link-txt a {
	display:block;
	padding:12px 0 12px 10px;
	border:1px solid #CCCCCC;
	background:url("../../image/news-ar0001-sp.png") no-repeat 10px center;
	background-size:10px auto;
	font-size:12px;
	color:#111111;
}
.home .closeups-area .title-area .link-txt a:hover {
	color:#adadad;
	background-color:transparent;
}

/*list*/
.home .closeups-area .list-box {
	width:auto;
	max-width:500px;
	margin-left:-20px;
}
.home .closeups-area .box {
	width:50%;
	padding-left:20px;
	margin-bottom:20px;
}
.home .closeups-area .box .img-area span {
	width:100%;
	height:auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.home .closeups-area .box .img-area span img {
	max-width:100%;
	width:100%;
	max-height:100%;
}
.home .closeups-area .box .txt-area {
	padding-top:10px;
	text-align:center;
}
}

/* Index Bottom
=============================================================================*/
.home .index-bottom-area {
	background:url("../../image/index-bg0003.jpg") #5d5d5d no-repeat center top;
	height:273px;
}
.home .index-bottom-inner {
	width:1250px;
	margin:0 auto;
	padding:70px 0 0 0;
}
.home .index-bottom-area .table-area {
	display:table;
	width:100%;
}
.home .index-bottom-area .table-area .title {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background-color:#263368;
}
.home .index-bottom-area .box01 {
	border-bottom:1px solid #5d5d5d;
}
.home .index-bottom-area .table-area .title h3 {
	color:#FFFFFF;
	font-weight:normal;
	font-size:18px;
	font-family: 'Lora', serif;
	font-weight:400;
}
.home .index-bottom-area .table-area .link {
	display:table-cell;
	width:359px;
	padding-left:1px;
}
.home .index-bottom-area .table-area .link a {
	padding:20px 10px 20px 45px;
	display:block;
	background:url("../../image/index-ar0002.gif") #FFFFFF no-repeat 20px center;
	color:#111111;
	text-decoration:none;
	font-size:13px;
}
.home .index-bottom-area .table-area .link a:hover {
	color:#5165a3;
}

@media screen and (max-width: 1249px){
.home .index-bottom-area {
	background:none;
	background-color:#5d5d5d;
	height:auto;
}
.home .index-bottom-inner {
	width:680px;
	padding:50px 0;
}
.home .index-bottom-area .table-area {
	display:block;
	width:328px;
}
.home .index-bottom-area .table-area .title {
	display:block;
	margin-bottom:2px;
	padding:10px 0;
}
.home .index-bottom-area .box01 {
	border-bottom:none;
	float:left;
}
.home .index-bottom-area .box02 {
	float:right;
}
.home .index-bottom-area .table-area .link {
	display:block;
	width:auto;
	padding-left:0;
}
.home .index-bottom-area .table-area .link a {
	padding:20px 10px 20px 40px;
	background:url("../../image/index-ar0002.gif") #FFFFFF no-repeat 15px center;
	font-size:12px;
	margin-bottom:1px;
}
}

@media screen and (max-width: 679px){
.home .index-bottom-inner {
	width:auto;
	padding:30px 10px;
}
.home .index-bottom-area .table-area {
	width:auto;
}
.home .index-bottom-area .box01 {
	float:none;
	margin-bottom:15px;
}
.home .index-bottom-area .box02 {
	float:none;
}
.home .index-bottom-area .table-area .link a {
	padding:15px 10px 15px 30px;
	background-position:10px center;
}
	
}