@charset "utf-8";

/*----------------------------------------------------
 block_top
--------------------------------------------------- */

.block_top{
	position: relative;
	width:100%;
	overflow: hidden;
}
.block_top:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
}
.block_top .wwd{
	position: absolute;
	top: 21px;
	left: 21px;
	z-index: 10;
}
.block_top .title{
	text-align: center;
	position: relative;
	z-index: 1;
	/*padding-top: 245px;*/
	opacity: 0;
}
.block_top.view .title{
	opacity: 1;
    -webkit-transition: all 0.8s 0.2s ease;
       -moz-transition: all 0.8s 0.2s ease;
        -ms-transition: all 0.8s 0.2s ease;
         -o-transition: all 0.8s 0.2s ease;
            transition: all 0.8s 0.2s ease;
}
#message-board {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1360px;
	margin-left: -680px;
}
#message-board .board-inner {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}
#message-board .board-inner .msg,
#message-board .board-inner .msg img {
    -webkit-transition: all 0.2s linear 0;
       -moz-transition: all 0.2s linear 0;
        -ms-transition: all 0.2s linear 0;
         -o-transition: all 0.2s linear 0;
            transition: all 0.2s linear 0;
}
#message-board .board-inner .msg { position: absolute; }
#message-board .board-inner .msg img { width: 100%; }

#message-board .msg01 { width: 176px; top: -2px; left: 241px; }
#message-board .msg02 { width: 280px; top: 280px; left: 1070px; }
#message-board .msg03 { width: 211px; top: 424px; left: 589px; }
#message-board .msg04 { width: 265px; top: 26px; left: 527px; }
#message-board .msg05 { width: 208px; top: 407px; left: 851px; }
#message-board .msg06 { width: 230px; top: 208px; left: -4px; }
#message-board .msg07 { width: 176px; top: 84px; left: 1176px; }
#message-board .msg08 { width: 230px; top: 372px; left: 253px; }
#message-board .msg09 { width: 275px; top: 13px; left: 877px; }


@media only screen and (max-width: 1360px) and (min-width: 768px){
	#message-board .board-inner .border-center {
		left: 50%;
		margin: 0 -50%;
	}
}

@media only screen and (max-width: 768px) and (min-width: 720px) {

	.block_top .wwd {
		top: 5px;
		left: 21px;
		width: auto;
	}
	.block_top .wwd a{
		line-height: 1;
	}
	.block_top .title {
		width: 65%;
		margin: 0 auto;
	}
	#message-board {
		left: 0;
		width: 100%;
		margin-left: 0;
	}
	#message-board { min-width: auto; }
	#message-board .board-inner {	width: 100%; }
	#message-board .msg01 { width: 25%; top: 12%; left: 3%; }
	#message-board .msg02 { width: 28%; top: auto; right: 6%; bottom: 2.5%; left: auto; }
	#message-board .msg03 { display: none !important; }
	#message-board .msg04 { width: 26%; top: 12%; left: 28%; }
	#message-board .msg05 { width: 24%; top: auto; bottom: 5%; left: 36%; }
	#message-board .msg06 { width: 26%; top: auto; bottom: 1%; left: 6%; }
	#message-board .msg07 { width: 20%; top: 30%; left: auto; right: 0%; }
	#message-board .msg08 { display: none !important; }
	#message-board .msg09 { width: 32%; top: 5%; right: 14%; left: auto; }

}

@media only screen and (max-width: 720px) {

	.block_top .wwd{
		top: 12px;
		left: 12px;
		width: 68px;
	}
	.block_top p{
		width: 90%;
		margin-top: 30px;
		font-size: 3.7vw;
		line-height: 5.8vw;
		letter-spacing: 1.32px;
	}
	#message-board {
		left: 0;
		width: 100%;
		margin-left: 0;
	}
	#message-board { min-width: auto; }
	#message-board .board-inner {	width: 100%; }
	#message-board .msg01 { width: 30%; top: 9.5%; left: 0.5%; }
	#message-board .msg02 { width: 42%; top: auto; right: 0; bottom: 7%; left: auto; }
	#message-board .msg03 { display: none !important; }
	#message-board .msg04 { width: 32%; top: 26%; left: 32%; }
	#message-board .msg05 { width: 26%; top: auto; bottom: 3.5%; left: 34%; }
	#message-board .msg06 { width: 34%; top: auto; bottom: 8%; left: 0; }
	#message-board .msg07 { width: 30%; top: 2%; left: 34%; }
	#message-board .msg08 { display: none !important; }
	#message-board .msg09 { width: 39%; top: 12%; right: 0; left: auto; }

}




/*----------------------------------------------------
 block_intro
--------------------------------------------------- */

.block_intro{
	position: relative;
	padding-bottom: 100px;
}
.block_intro .leadbox {
    position: relative;
}
.block_intro .leadbox .leadbox_inner{
    position: absolute;
	top: -100px;
	left: 50%;
	z-index: 2;
	background-color: rgba(56,56,56,0.96);
	margin-left: -490px;
	padding: 80px 50px 0;
	box-sizing: border-box;
	max-width: 980px;
	min-height: 1150px;
    opacity: 0;
    -webkit-transform: scale3d(1,1,1) translate(0px,20px) rotate(0deg);
    -moz-transform: scale3d(1,1,1) translate(0px,20px) rotate(0deg);
    -ms-transform: scale3d(1,1,1) translate(0px,20px) rotate(0deg);
    -o-transform: scale3d(1,1,1) translate(0px,20px) rotate(0deg);
    transform: scale3d(1,1,1) translate(0px,20px) rotate(0deg);
}
.block_intro.view .leadbox .leadbox_inner {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1) translate(0px,0px) rotate(0deg);
    -moz-transform: scale3d(1,1,1) translate(0px,0px) rotate(0deg);
    -ms-transform: scale3d(1,1,1) translate(0px,0px) rotate(0deg);
    -o-transform: scale3d(1,1,1) translate(0px,0px) rotate(0deg);
    transform: scale3d(1,1,1) translate(0px,0px) rotate(0deg);
    -webkit-transition: all 0.8s 1.8s ease;
    -moz-transition: all 0.8s 1.8s ease;
    -ms-transition: all 0.8s 1.8s ease;
    -o-transition: all 0.8s 1.8s ease;
    transition: all 0.8s 1.8s ease;
}
.block_intro .leadbox .intro_archive h2,
.block_intro .leadbox .intro_archive .soon span {
	font-family: "trajan-pro-3",serif;
	color: rgb(153,153,153);
}
.block_intro .leadbox .intro_cover,
.block_intro .leadbox .intro_txt {
	margin-bottom: 50px;
}
.block_intro .leadbox .intro_txt {
	padding-left: 35px;
	color: rgb(197,197,197);
	line-height: 1.85;
}
.block_intro .leadbox .intro_txt h2 {
	width: 300px;
	margin-bottom: 20px;
}
.block_intro .leadbox .intro_txt h2::after {
	display: block;
	margin-top: 20px;
	content: '';
	background-color: rgb(153,153,153);
	width: 90px;
	height: 1px;
}
.block_intro .leadbox .intro_txt p {
	font-size: 1.25rem;
}
.block_intro .leadbox .intro_txt .name {
	padding-top: 12px;
}
.block_intro .leadbox .intro_txt .btn-campaign {
	padding-top: 30px;
}
.block_intro .leadbox .intro_txt .btn-campaign a {
	display: inline-block;
	width: 310px;
	padding: 0.7rem 0;
	border: 1px solid rgb(255,255,255);
	background-color: rgb(255,255,255);
	color: rgb(243,39,39);
	font-size: 1.8rem;
	line-height: 1.4;
	text-align: center;
	font-weight: bold;
	-webkit-transition: all 0.6s ease;
       -moz-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
         -o-transition: all 0.6s ease;
            transition: all 0.6s ease;
}
.block_intro .leadbox .intro_txt .btn-campaign a span {
	display: block;
	font-size: 1.2rem;
}
.block_intro .leadbox .intro_txt .btn-campaign a:hover {
	border: 1px solid rgb(243,39,39);
}
.block_intro .leadbox .intro_archive .btn-archive a,
.block_intro .leadbox .intro_archive .soon {
	display: inline-block;
	width: 310px;
	padding: 1.4rem 0;
	border: 1px solid rgb(184,184,184);
	color: rgb(255,255,255);
	font-size: 1.45rem;
	text-align: center;
	font-weight: bold;
	text-shadow:
	rgba(255,255,255,0.25) 1px 1px 10px, rgba(255,255,255,0.25) -1px 1px 10px,
	rgba(255,255,255,0.25) 1px -1px 10px, rgba(255,255,255,0.25) -1px -1px 10px;
	-webkit-transition: all 0.6s ease;
       -moz-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
         -o-transition: all 0.6s ease;
            transition: all 0.6s ease;
}
.block_intro .leadbox .intro_archive .btn-archive a:hover {
	border-color: rgb(255,255,255);
	color: rgb(85,85,85);
	background-color: rgb(255,255,255);
}
.block_intro .leadbox .intro_archive {
	padding: 100px 0 140px;
	color: rgb(197,197,197);
	text-align: center;
}
.block_intro .leadbox .intro_archive h2{
	margin-bottom: 35px;
	font-size: 4.5rem;
}
.block_intro .leadbox .intro_archive p{
	margin-bottom: 50px;
	font-size: 2.3rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.0;
}
.block_intro .leadbox .intro_archive .btn-archive a {
	width: 460px;
	padding: 2.0rem 0;
	font-size: 1.8rem;
}
.block_intro .leadbox .intro_archive .soon {
	width: 460px;
	margin: 0 auto;
	padding: 2.0rem 0;
	font-size: 1.8rem;
	background-color: rgb(85,85,85);
}
.block_intro .leadbox .intro_archive .soon span {
	display: block;
	margin-bottom: 0.5rem;
	color: rgb(255, 255, 255) !important;
	font-size: 1.15rem;
}

/* #slideShow */
.block_intro #slideShow {
	position: relative;
	z-index: 1;
	width: 100%;
	min-height: 970px;
	margin: 0 auto;
	overflow: hidden;

	-webkit-transform: scale3d(1,1,1) translate(0px,0px) rotate(0deg);
	-moz-transform: scale3d(1,1,1) translate(0px,0px) rotate(0deg);
	-ms-transform: scale3d(1,1,1) translate(0px,0px) rotate(0deg);
	-o-transform: scale3d(1,1,1) translate(0px,0px) rotate(0deg);
	transform: scale3d(1,1,1) translate(0px,0px) rotate(0deg);
	-webkit-transition: all 0.8s 0.6s ease;
	-moz-transition: all 0.8s 0.6s ease;
	-ms-transition: all 0.8s 0.6s ease;
	-o-transition: all 0.8s 0.6s ease;
	transition: all 0.8s 0.6s ease;
}
.block_intro #slideShow .slide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	list-style: none;
}
.block_intro #slideShow .slide img {
	position: relative;
	width: 100%;
	height: 100%;
}

/* archive_menu */
.block_intro .archive_menu {
	width: 100%;
	max-width: 980px;
	max-height: 135px;
	overflow: hidden;
	margin: 0;
	padding: 0 15px;
	display: block;
}
.block_intro .archive_menu ul {
	margin: 0 !important;
}
.block_intro .archive_menu li.menu_box {
	list-style: none;
	padding: 0 1px !important;
	margin-bottom: 1px;
	text-align: center;
	overflow: hidden;
}
.block_intro .archive_menu li.menu_box a .menu_img {
	position: relative;
	margin: 0 auto;
	width: auto;
	height: 100px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.block_intro .archive_menu li.menu_box.menu01 a .menu_img { background-image: url(../img/archive/menu_1980s.jpg); }
.block_intro .archive_menu li.menu_box.menu02 a .menu_img { background-image: url(../img/archive/menu_1990s.jpg); }
.block_intro .archive_menu li.menu_box.menu03 a .menu_img { background-image: url(../img/archive/menu_2000s.jpg); }
.block_intro .archive_menu li.menu_box.menu04 a .menu_img { background-image: url(../img/archive/menu_2010s.jpg); }
.block_intro .archive_menu li.menu_box a .menu_img:after {
	content: "";
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 65%;
	height: 55%;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.block_intro .archive_menu li.menu_box.menu01 a .menu_img:after { background-image: url(../img/archive/menu_year_1980s.png); }
.block_intro .archive_menu li.menu_box.menu02 a .menu_img:after { background-image: url(../img/archive/menu_year_1990s.png); }
.block_intro .archive_menu li.menu_box.menu03 a .menu_img:after { background-image: url(../img/archive/menu_year_2000s.png); }
.block_intro .archive_menu li.menu_box.menu04 a .menu_img:after { background-image: url(../img/archive/menu_year_2010s.png); }
.block_intro .archive_menu li.menu_box a .menu_img img {
	display: none;
}

.block_intro .archive_menu li.menu_box a .btn_viewera,
.block_intro .archive_menu li.menu_box a .btn_viewera:after{
	color: rgb(255,255,255);
	line-height: 35px;
	-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		 -ms-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
				transition: all 0.8s ease;
}
.block_intro .archive_menu li.menu_box a .btn_viewera {
	height: 35px;
	background-color: rgb(44,44,44);
	font-family: "trajan-pro-3",serif;
	font-size: 1.25rem;
	text-align: center;
	font-weight: normal;
}
.block_intro .archive_menu li.menu_box a .btn_viewera:after{
	position: relative;
	top: 0.15rem;
	display: inline-block;
	content: "\f107";
	margin-left: 0.8rem;
	font-family: FontAwesome;
	font-size: 1.8rem;
	line-height: 1.0;
}
.block_intro .archive_menu li.menu_box a:hover .btn_viewera,
.block_intro .archive_menu li.menu_box.current a .btn_viewera{
	background-color: rgb(210,33,33);
}


@media only screen and (max-width: 768px){

	.block_intro{
		padding-top:86px;
		padding-bottom: 40px;
	}
	.block_intro .leadbox .leadbox_inner{
		position: absolute;
		top: -60px;
		left: 0;
		margin-right: 5%;
		margin-left: 5%;
		padding: 12% 5%;
		width: 90%;
		min-height: auto;
	}
	.block_intro .leadbox .intro_txt{
		padding-left: 15px;
	}
	.block_intro .leadbox .intro_txt h2{
		width: auto;
		position: relative;
		margin-right: -15px;
		margin-left: -15px;
		margin-bottom: 3.5rem;
	}
	.block_intro .leadbox .intro_txt h2::after{
		margin: 0.5rem auto;
		width: 30%;
	}
	.block_intro .leadbox .intro_txt .btn-campaign a,
	.block_intro .leadbox .intro_archive .btn-archive a,
	.block_intro .leadbox .intro_archive .soon{ width: 100%; }
	.block_intro .leadbox .intro_txt .btn-campaign a {
		padding: 1.2rem 0;
		font-size: 4.2vw;
	}
	.block_intro .leadbox .intro_archive{
		padding: 4.5rem 5% 2.5rem;
	}
	.block_intro .leadbox .intro_archive h2{
		margin-bottom: 2.5rem;
		font-size: 3.2rem;
	}
	.block_intro .leadbox .intro_archive p{
		margin-bottom: 3.5rem;
		font-size: 4.2vw;
		line-height: 1.6;
	}

	/* #slideShow */
	.block_intro #slideShow {
		min-height: auto;
	}

	/* #archive_menu */
	.block_intro .archive_menu {
		width: auto;
		max-height: auto;
		margin: 0 -10%;
		padding: 0;
	}
	.block_intro .archive_menu li.menu_box a .menu_img {
		height: auto;
	}
	.block_intro .archive_menu li.menu_box a .menu_img img {
		display: inline-block;
	}
	.block_intro .archive_menu li.menu_box a .btn_viewera{
		padding-top: 1.0rem;
		padding-bottom: 0.8rem;
		height: auto;
		font-size: 1.15rem;
		line-height: 1.2 !important;
	}
	.block_intro .archive_menu li.menu_box a .btn_viewera:after{
		display: block;
		margin-left: 0;
		font-size: 1.6rem;
		text-align: center;
		line-height: 1.0 !important;
	}
		
}

@media only screen and (max-width: 768px) and (min-width: 720px) {
	.block_intro {
    padding-bottom: 86px;
	}
	.block_intro .leadbox .intro_txt .btn-campaign a {
		font-size: 1.8rem;
	}
	.block_intro .leadbox .intro_archive p {
		font-size: 2.3rem;
	}
	.block_intro .archive_menu {
    max-height: 180px;
	}
}

/*----------------------------------------------------
 block_message
--------------------------------------------------- */

.block_message{
	position: relative;
	width: 100%;
	padding-top: 60px;
	padding-bottom: 60px;
}
.block_message .title,
.block_message .sub_title{
	position: relative;
	opacity: 0;
	top: 3.0rem;
}
.block_message.view .title,
.block_message.view .sub_title {
	opacity: 1;
	top: 0;
}
.block_message .title{
	margin: 0 auto;
	max-width: 680px;
	text-align: center;
}
.block_message.view .title{
	-webkit-transition: all 0.8s 0.2s ease;
     -moz-transition: all 0.8s 0.2s ease;
      -ms-transition: all 0.8s 0.2s ease;
       -o-transition: all 0.8s 0.2s ease;
          transition: all 0.8s 0.2s ease;
}
.block_message .sub_title{
	margin: 0 auto 3.5rem;
	padding-top: 2.0rem;
	color: rgb(103,103,103);
	font-size: 2.3rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.6;
}
.block_message.view .sub_title{
	-webkit-transition: all 0.8s 0.3s ease;
     -moz-transition: all 0.8s 0.3s ease;
      -ms-transition: all 0.8s 0.3s ease;
       -o-transition: all 0.8s 0.3s ease;
          transition: all 0.8s 0.3s ease;
}
.block_message .block_message_inner {
	max-width: 980px;
	margin: 0 auto;
}
.block_message .row {
    margin-right: -0.58rem;
    margin-left: -0.58rem;
}

.block_message .col-xs-6,
.block_message .col-sm-3 {
	padding-right: 0.58rem;
    padding-left: 0.58rem;
}
.block_message li.msg_box a {
	color: rgb(112,112,112);
}
.block_message li.msg_box {
	margin-bottom: 3.0rem !important;
	min-height: 290px;
}
.block_message li.msg_box .image {
	position: relative;
	margin-bottom: 1.0rem;
}
.block_message li.msg_box a .image:before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 35px;
  height: 35px;
	background-color: rgb(243,39,39);
}

.block_message li.msg_box a .image:after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url(../img/message/zoom.png) no-repeat center center;
    width: 35px;
    height: 35px;
    -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
    -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
    -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
    -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
    transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
    -webkit-transition: all 0.3s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    -moz-transition: all 0.3s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    -ms-transition: all 0.3s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    -o-transition: all 0.3s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    transition: all 0.3s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
}

.block_message .block_message_inner li a:hover .image:after{
    -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(90deg);
    -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(90deg);
    -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(90deg);
    -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(90deg);
    transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(90deg);
}
.block_message .block_message_inner dl {
	display: block;
	padding: 0.3rem 0 0.3rem 1.0rem;
	border-left: 3px solid rgb(112,112,112);
}
.block_message .block_message_inner dt,
.block_message .block_message_inner dd {
	font-family: "trajan-pro-3",serif;
	line-height: 1.0;
}
.block_message .block_message_inner dt {
	margin-bottom: 0.8rem;
	font-size: 1.15rem;
}
.block_message .block_message_inner .btn-viewmore{
	clear: both;
	display: block;
	width: 260px;
	margin: 2.0rem auto 0;
	padding: 1.6rem 0 1.2rem;
	border: 1px solid rgb(184,184,184);

	font-family: "trajan-pro-3", serif;
	color: rgb(110,110,110);
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.0;
	cursor: pointer;
	-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		 -ms-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
				transition: all 0.8s ease;
}
.block_message .block_message_inner .btn-viewmore:after{
	display: block;
	content: "\f107";
	margin-top: 0.35rem;
	color: rgb(110,110,110);
	font-family: FontAwesome;
	-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		 -ms-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
				transition: all 0.8s ease;
}
.block_message .block_message_inner .btn-viewmore:hover{
	background-color: rgb(184,184,184);
}
.block_message .block_message_inner .btn-viewmore:hover,
.block_message .block_message_inner .btn-viewmore:hover:after{
	color: #fff;
}

@media only screen and (max-width: 768px) {

	.block_message{
		padding-top: 4.5vw;
		padding-bottom: 10vw;
	}
	.block_message .title{
		margin: 0 auto;
	}
	.block_message .sub_title{
		padding-top: 12px;
		margin: 0 auto 2.0rem;
		padding: 1.5rem 6% 0;
		font-size: 4.2vw;
		line-height: 1.6;
	}
	.block_message .block_message_inner {
    	padding: 0 6%;
	}
	.block_message li.msg_box {
    	min-height: auto;
    }
	.block_message .block_message_inner dt,
	.block_message .block_message_inner dd {
		font-size: 1.15rem;
	}
	.block_message .block_message_inner dt {
		font-size: 0.9rem;
	}
	.block_message .block_message_inner .btn-viewmore{
		width: 100%;
		margin: 2.0rem auto 0;
		padding: 1.6rem 0 1.2rem;
		font-size: 4.2vw;
	}

}
@media only screen and (max-width: 768px) and (min-width: 720px) {
	.block_message .lead{
		font-size: 3.2vw;
	}
	.block_message p{
		font-size: 2.6vw;
		line-height: 4.8vw;
	}
	.block_message .sub_title{
		font-size: 2.3rem;
		margin: 0 auto 4.0rem;
	}
	.block_message .block_message_inner .btn-viewmore {
    font-size: 1.8rem;
	}
}

/*----------------------------------------------------
 block_interview
--------------------------------------------------- */

.block_interview{
	position: relative;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding-top: 1.5rem;
	padding-bottom: 5.0rem;
}
.block_interview .title,
.block_interview .sub_title{
	position: relative;
	opacity: 0;
	top: 3.0rem;
}
.block_interview.view .title,
.block_interview.view .sub_title {
	opacity: 1;
	top: 0;
}
.block_interview .title{
	margin: 0 auto;
	max-width: 680px;
	text-align: center;
}
.block_interview.view .title{
  -webkit-transition: all 0.8s 0.2s ease;
     -moz-transition: all 0.8s 0.2s ease;
      -ms-transition: all 0.8s 0.2s ease;
       -o-transition: all 0.8s 0.2s ease;
          transition: all 0.8s 0.2s ease;
}
.block_interview .sub_title{
	margin: 0 auto 3.5rem;
	padding-top: 2.0rem;
	color: rgb(103,103,103);
	font-size: 2.3rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.6;
}
.block_interview.view .sub_title{
  -webkit-transition: all 0.8s 0.3s ease;
     -moz-transition: all 0.8s 0.3s ease;
      -ms-transition: all 0.8s 0.3s ease;
       -o-transition: all 0.8s 0.3s ease;
          transition: all 0.8s 0.3s ease;
}
.block_interview .block_interview_inner {
	max-width: 980px;
	margin: 0 auto;
}
.block_interview .interview_box {
	margin-bottom: 3.5rem;
}
.block_interview .interview_box .vol {
    position: relative;
	margin-bottom: 1.5rem;
	font-family: "trajan-pro-3",serif;
	color: rgb(153,153,153);
	font-size: 2.2rem;
	line-height: 1.0;
    text-align: left;
}
.block_interview .interview_box .vol:after {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
	background-color: rgb(153,153,153);
}
.block_interview .interview_box .vol span {
	position: relative;
	z-index: 10;
    display: inline-block;
    padding: 0 0.5em 0 0;
    background-color: rgb(255,255,255);
}

.block_interview .interview_box dt {
	margin-bottom: 0.5rem;
	color: rgb(102,102,102);
	font-size: 2.0rem;
	font-weight: bold;
}
.block_interview .interview_box dd {
	margin-bottom: 1.5rem;
	color: rgb(102,102,102);
}
.block_interview .interview_box dd.name {
	margin-bottom: 1.0rem;
	font-size: 1.15rem;
	font-weight: bold;
}
.block_interview .interview_box dd.btn-readmore a {
	display: inline-block;
	width: 260px;
	padding: 1.2rem 0;
	border: 1px solid rgb(184,184,184);
	color: rgb(110,110,110);
	font-size: 1.25rem;
	text-align: center;
	font-weight: bold;
	-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		 -ms-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
				transition: all 0.8s ease;
}
.block_interview .interview_box dd.btn-readmore a:hover {
	color: #fff;
	background-color: rgb(184,184,184);
}
.block_interview .btn-viewmore {
	clear: both;
	display: block;
	width: 260px;
	margin: 2.0rem auto 0;
	padding: 1.6rem 0 1.2rem;
	border: 1px solid rgb(184,184,184);

	font-family: "trajan-pro-3", serif;
	color: rgb(110,110,110);
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.0;
	cursor: pointer;
	-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		 -ms-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
				transition: all 0.8s ease;
}
.block_interview .btn-viewmore:after{
	display: block;
	content: "\f107";
	margin-top: 0.35rem;
	color: rgb(110,110,110);
	font-family: FontAwesome;
	-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		 -ms-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
				transition: all 0.8s ease;
}
.block_interview .btn-viewmore:hover{
	background-color: rgb(184,184,184);
}
.block_interview .btn-viewmore:hover,
.block_interview .btn-viewmore:hover:after{
	color: #fff;
}

@media only screen and (max-width: 768px) {

	.block_interview {
		padding-top: 4.5vw;
		padding-bottom: 4.5vw;
		padding-left: 4.5vw;
		padding-right: 4.5vw;
	}
	.block_interview .title{
		margin: 0 auto;
	}
	.block_interview .sub_title{
		padding-top: 12px;
		margin: 0 auto 2.0rem;
		padding: 1.5rem 6% 0;
		font-size: 4vw;
		line-height: 1.6;
	}
	.block_interview .block_interview_inner {
		padding: 0 6%;
	}
	.block_interview .interview_box .vol {
		margin-top: 1.8rem;
		margin-bottom: 1.0rem;
	}
	.block_interview .interview_box dt {
		margin-bottom: 0.5rem;
		font-size: 4.2vw;
	}
	.block_interview .interview_box dd {
		margin-bottom: 1.5rem;
	}
	.block_interview .interview_box dd.name {
		margin-bottom: 0.8rem;
		font-size: 3.2vw;
    	line-height: 4.8vw;
	}
	.block_interview .interview_box dd.btn-readmore a {
		width: 100%;
		padding: 1.2rem 0;
		font-size: 1.25rem;
	}
}
@media only screen and (max-width: 320px) {
	.block_interview .btn-readmore{
		margin-left: -20px;
	}
}
@media only screen and (max-width: 768px) and (min-width: 720px) {
	.block_interview .sub_title {
    font-size: 2.3rem;
    margin: 0 auto 4.0rem;
	}
	.block_interview .interview_box .vol {
    margin-top: 0;
		margin-bottom: 1.5rem;
		font-size: 2.2rem;
	}
	.block_interview .interview_box dt {
    font-size: 2.0rem;
	}
	.block_interview .interview_box dd {
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.block_interview .interview_box dd.name {
		font-size: 1.15rem;
		line-height: 1.2;
	}
	.block_interview .btn-readmore{
		top: 61.6vw;
		margin-left: 0px;
		width: 28vw;
	}
}

/*----------------------------------------------------
 block_exhibition
--------------------------------------------------- */

.block_exhibition{
	position: relative;
	width: 100%;
	background: rgb(117,109,101);
	padding-bottom: 8.0rem;
	padding-top: 6.0rem;
}
.block_exhibition .title,
.block_exhibition p{
	position: relative;
	opacity: 0;
	top: 3.0rem;
}
.block_exhibition.view .title,
.block_exhibition.view p{
	opacity: 1;
	top: 0;
}
.block_exhibition .title{
	margin: 0 auto;
	max-width: 680px;
	text-align: center;
}
.block_exhibition.view .title{
  -webkit-transition: all 0.8s 0.2s ease;
     -moz-transition: all 0.8s 0.2s ease;
      -ms-transition: all 0.8s 0.2s ease;
       -o-transition: all 0.8s 0.2s ease;
          transition: all 0.8s 0.2s ease;
}
.block_exhibition p{
	margin: 0 auto 3.5rem;
	padding-top: 25px;
	width: 880px;
	text-align: left;
	color: #fff;
	line-height: 1.6;
}

.end_text{color:red;}

.block_exhibition.view p{
  -webkit-transition: all 0.8s 0.3s ease;
     -moz-transition: all 0.8s 0.3s ease;
      -ms-transition: all 0.8s 0.3s ease;
       -o-transition: all 0.8s 0.3s ease;
          transition: all 0.8s 0.3s ease;
}
.block_exhibition .block_exhibition_inner {
	position: relative;
	width: 100%;
	max-width: 980px;
	margin: 0 auto 3.0rem;
	padding: 0 50px;
}
.block_exhibition .swiper-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.block_exhibition .exhibition-top {
	width: 100%;
}
.block_exhibition .exhibition-slide .swiper-slide {
	background-color: #fff;
  -webkit-transition: all 0.8s 0.1s ease;
		-moz-transition: all 0.8s 0.1s ease;
		-ms-transition: all 0.8s 0.1s ease;
			-o-transition: all 0.8s 0.1s ease;
				transition: all 0.8s 0.1s ease;
}
.block_exhibition .exhibition-slide .swiper-slide .exhib-photo,
.block_exhibition .exhibition-slide .swiper-slide .exhib-info {
	margin: 0;
	padding: 0;
}
.block_exhibition .exhibition-slide .swiper-slide a .exhib-info {
	color: rgb(118,113,103);
}
.block_exhibition .exhibition-slide .swiper-slide a .exhib-info dl {
	padding: 2.5rem 3.5rem 1.0rem;
}
.block_exhibition .exhibition-slide .swiper-slide a .exhib-info dt {
	margin-bottom: 0.8rem;
	color: rgb(175,163,143);
	font-size: 1.8rem;
	font-weight: bold;
}
.block_exhibition .exhibition-slide .swiper-slide a .exhib-info dd {
	margin-bottom: 0.8rem;
	line-height: 1.6;
}
.block_exhibition .exhibition-slide .swiper-slide a .exhib-info dd.btn-map {
	display: inline-block;
	width: 120px;
	margin-top: 0.5rem;
	margin-bottom: 0;
	padding: 0.4rem 0 0.3rem;
	border: 1px solid rgb(163,155,120);
	font-family: "trajan-pro-3",serif;
	color: rgb(163,155,120);
	font-size: 1.25rem;
	text-align: center;
	text-transform: uppercase;
}
.block_exhibition .exhibition-slide .swiper-slide a:hover .exhib-info dd.btn-map {
	color: rgb(255,255,255);
	background-color: rgb(163,155,120);
}
.block_exhibition .exhibition-slide .swiper-slide a .exhib-info dd.btn-map,
.block_exhibition .exhibition-slide .swiper-slide a:hover .exhib-info dd.btn-map {
	-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		 -ms-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
				transition: all 0.8s ease;
}
.block_exhibition .exhibition-slide .swiper-slide a .exhib-info dd.btn-map i {
	margin-left: 0.6rem;
}
.block_exhibition .swiper-naviArea {
	position: absolute;
	z-index: 10;
	margin-left: -50%;
	top: 50%;
	left: 50%;
	width: 100%;
}
.block_exhibition .swiper-controller {
	position: relative;
	width: 100%;
	max-width: 380px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.block_exhibition .swiper-controller li {
	opacity: 0.5;
	display: inline-block;
	padding: 0 2.5rem;
	border-left: 1px solid #fff;
	cursor: pointer;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		 -ms-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
				transition: all 0.8s ease;
}
.block_exhibition .swiper-controller li:last-child {
	border-right: 1px solid #fff;
}
.block_exhibition .swiper-controller li:hover {
	opacity: 1.0;
}


@media only screen and (max-width: 768px) {

	.block_exhibition{
		padding-bottom: 60px;
		padding-top: 60px;
	}
	.block_exhibition .title{
		width: 100%;
		margin: 0 auto;
	}
	.block_exhibition p{
		margin: 0 6% 2.0rem;
		padding-top: 25px;
		width: auto;
		text-align: left;
		letter-spacing: 1.01px;
	}
	.block_exhibition .block_exhibition_inner {
		margin: 0 auto 4.5rem;
		padding: 0 6%;
	}
	.block_exhibition .exhibition-slide .swiper-slide a .exhib-info dl {
		padding: 2.5rem 4.0rem 3.5rem;
	}
	.block_exhibition .exhibition-slide .swiper-slide a .exhib-info dt {
		margin-bottom: 1.5rem;
		text-align: center;
	}
	.block_exhibition .exhibition-slide .swiper-slide a .exhib-info dd {
		margin-bottom: 1.2rem;
		font-size: 2.8vw;
  	line-height: 4.8vw;
	}
	.block_exhibition .exhibition-slide .swiper-slide a .exhib-info dd.btn-map {
		display: block;
		width: 100%;
		padding: 1.0rem 0;
		font-size: 1.45rem;
	}
	.block_exhibition .swiper-button-prev,
	.block_exhibition .swiper-button-next {
		width: 40px !important;
		height: 74px !important;
		background-size: 27px 30px !important;
		background-color: rgb(81,81,81);
	}
	.block_exhibition .swiper-button-prev {
		left: 0 !important;
	}
	.block_exhibition .swiper-button-next {
		right: 0 !important;
	}
	.block_exhibition .swiper-controller li {
		padding: 0 1.5rem;
	}

}
@media only screen and (max-width: 768px) and (min-width: 720px) {

	.block_exhibition{
		padding-top: 8.5vw;
		padding-bottom: 10.0vw;
	}
	.block_exhibition .slide_area .and{
		width: 5.8vw;
	}
	.block_exhibition p{
    margin-bottom: 3.0rem;
		padding-top: 3.0rem;
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.block_exhibition .block_exhibition_inner {
    margin: 0 auto 2.5rem;
	}
	.block_exhibition .exhibition-slide .swiper-slide a .exhib-info dt {
    margin-bottom: 1.0rem;
    text-align: left;
	}
	.block_exhibition .exhibition-slide .swiper-slide a .exhib-info dd {
    margin-bottom: 1.2rem;
    font-size: 1.25rem;
    line-height: 1.6;
	}
	.block_exhibition .swiper-controller li {
    font-size: 1.25rem;
	}
}

/*----------------------------------------------------
 block_modal
--------------------------------------------------- */
#block_modal{
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(43,43,43,0.96);
	visibility: hidden;
	opacity: 0;
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}
#block_modal.view{
	visibility: visible;
	opacity: 1;
}
#block_modal .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#block_modal a.close{
	position: absolute;
	top: 35px;
	right: 35px;
	width: 32px;
	height: 32px;
	display: block;
	background: url(../img/close.png) no-repeat center center;
    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
}
#block_modal a.close:hover{
	opacity: 0.5;
}
#block_modal .modal_item{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 550px;
	height: auto;
	padding: 25px;
	display: none;
	-webkit-transition: all 0.8s 0s ease;
		-moz-transition: all 0.8s 0s ease;
		-ms-transition: all 0.8s 0s ease;
			-o-transition: all 0.8s 0s ease;
				transition: all 0.8s 0s ease;
  -webkit-transform: scale3d(1,1,1) translate(-50%,-50%);
     -moz-transform: scale3d(1,1,1) translate(-50%,-50%);
      -ms-transform: scale3d(1,1,1) translate(-50%,-50%);
       -o-transform: scale3d(1,1,1) translate(-50%,-50%);
          transform: scale3d(1,1,1) translate(-50%,-50%);
}
#block_modal .modal_item .slide_area{
	position: relative;
}
#block_modal .modal_item .slide_area .column{
	position: relative;
}
#block_modal .modal_item .slide_area .column .image{
	padding: 0;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#block_modal .modal_item .slide_area .column .image img{
	width: 100%;
	height: auto;
}

#block_modal .modal_item .slide_area .column h2,
#block_modal .modal_item .slide_area .column p,
#block_modal .modal_item .slide_area .column .meta,
#block_modal .modal_item  .pagenum {
	color: rgb(187,187,187);
}

#block_modal .modal_item .slide_area .column h2{
	margin-top: 24px;
	font-size: 1.8rem;
	text-align: center;
	letter-spacing: 1.08px;
}
#block_modal .modal_item .slide_area .column h2 span{
	display: inline-block;
	margin-bottom: 8px;
	font-size: 1.25rem;
}
#block_modal .modal_item .slide_area .column p{
	margin-top: 20px;
	font-size: 1.25rem;
}
#block_modal .modal_item .slide_area .column .meta{
	margin-top: 15px;
}
#block_modal .modal_item  .pagenum{
	position: absolute;
	bottom: 20px;
	left: 30px;
	font-size: 18px;
	letter-spacing: 2.98px;
}

/* close btn */
#block_modal .modal_item .column_close {
	margin-top: 2.5rem;
	height: 44px;
    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
}
#block_modal .modal_item .column_close a {
	position: relative;
	top: auto;
	right: auto;
	display: block;
	height: 51px;
	width: 51px;
	margin: 0 auto;
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
	float: none;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1.0;
	background-image: none;
}
#block_modal .modal_item .column_close a i{
	position: relative;
	top: 22px;
	width: 51px;
	display: block;
	height: 2px;
	background-color: rgba(204,204,204,1.00);
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
              transform-origin: center center;
      -webkit-transform-origin: center center;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(135deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(135deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(135deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(135deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(135deg);
}
#block_modal .modal_item .column_close i:before{
	position: absolute;
	content: "";
	top: 14px;
	right: 0;
	width: 51px;
	display: block;
	height: 2px;
	background-color: rgba(204,204,204,1.00);
    -webkit-transition: all 0.5s 0s ease;
       -moz-transition: all 0.5s 0s ease;
        -ms-transition: all 0.5s 0s ease;
         -o-transition: all 0.5s 0s ease;
            transition: all 0.5s 0s ease;
}
#block_modal .modal_item .column_close a i:before{
	top: 0px;
	width: 51px;
              transform-origin: center center;
      -webkit-transform-origin: center center;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(90deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(90deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(90deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(90deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(90deg);
}
#block_modal .modal_item .column_close a:hover{
	opacity: 0.5;
}


#block_modal .modal_item .slide_area .slick-prev{
	position: absolute;
	bottom:25px;
	right: 94px;
	width: 19px;
	height: 19px;
	background: url(../img/modal/slide_prev.png) no-repeat center center;
	border:none;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 1;
    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
}
#block_modal .modal_item .slide_area .slick-prev:hover,
#block_modal .modal_item .slide_area .slick-next:hover{
	opacity: 0.5;
}
#block_modal .modal_item .slide_area .slick-next{
	position: absolute;
	bottom:25px;
	right: 33px;
	width: 19px;
	height: 19px;
	background: url(../img/modal/slide_next.png) no-repeat center center;
	border:none;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 1;
    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
}
#block_modal .modal_item .slide_area.slide:after{
	position: absolute;
	bottom: 25px;
	content: "";
	width: 1px;
	height: 19px;
	background: #6c654b;
	right: 73px;
}

@media only screen and (max-width: 768px) {

	#block_modal{
	}
	#block_modal .bg{
	}
	#block_modal a.close{
		display: none;
	}
	#block_modal .modal_item{
		position: absolute;
		top: 0%;
		left: 0%;
		padding: 25px 25px 75px 25px;
		width: 100%;
		height: 100%;
	  -webkit-transform: scale3d(1,1,1) translate(0%,0%);
	     -moz-transform: scale3d(1,1,1) translate(0%,0%);
	      -ms-transform: scale3d(1,1,1) translate(0%,0%);
	       -o-transform: scale3d(1,1,1) translate(0%,0%);
	          transform: scale3d(1,1,1) translate(0%,0%);
	}
	#block_modal .modal_item:after{
		/*
		content: "";
		position: absolute;
		bottom: 64px;
		left: 0;
		width: 100%;
		height: 1px;
		background: #b6ae93;
		*/
	}
	#block_modal .modal_item .slide_area{
		padding: 6.5vw 0 0 0;
		height: 100%;
	}
	#block_modal .modal_item .slide_area .column{
		height: 100%;
		margin: 0;
		padding: 0 6%;
		overflow: auto;
	}
	#block_modal .modal_item .slide_area .column .image{
		padding: 0.5vw 0px  0 0px;
	}
	#block_modal .modal_item .slide_area .column h2{
		padding: 0px;
		margin: 0 auto;
		font-size: 4vw;
		letter-spacing: 1.08px;
		margin-top: 18px;
	}
	#block_modal .modal_item .slide_area .column p{
		padding: 0px;
		margin: 0 auto;
		font-size: 3.0vw;
		margin-top: 12px;
	}
	#block_modal .modal_item .slide_area .column .meta{
		padding: 0px;
		margin: 0 auto;
		font-size: 3.7vw;
		letter-spacing: 1.48px;
		margin-top: 5px;
	}
	#block_modal .modal_item .slide_area .column:after{
		display: none;
	}
	#block_modal .modal_item  .pagenum{
		bottom: 20px;
		left: 25px;
		font-size: 16px;
		letter-spacing: 2.98px;
	}

	#block_modal .modal_item  .column_close {
		margin: 0 auto 1.6rem;
		width: 44px;
		height: 44px;
	}
	#block_modal .modal_item .column_close a {
		height: 36px;
	}
	#block_modal .modal_item .column_close a i {
	    top: 18px;
	}
	#block_modal .modal_item .column_close a,
	#block_modal .modal_item .column_close a i,
	#block_modal .modal_item .column_close i:before,
	#block_modal .modal_item .column_close a i:before {
		width: 36px;
	}

	#block_modal .modal_item .slide_area .slick-prev{
		position: absolute;
		bottom:25px;
		right: 79px;
		width: 19px;
		height: 19px;
		background: url(../img/modal/slide_prev.png) no-repeat center center;
		background-size: 15px 15px;
	}
	#block_modal .modal_item .slide_area .slick-next{
		position: absolute;
		bottom:25px;
		right: 18px;
		width: 19px;
		height: 19px;
		background: url(../img/modal/slide_next.png) no-repeat center center;
		background-size: 15px 15px;
	}
	#block_modal .modal_item .slide_area.slide:after{
		position: absolute;
		bottom: 25px;
		content: "";
		width: 1px;
		height: 19px;
		background: #6c654b;
		right: 58px;
	}

}

@media only screen and (max-width: 768px) and (min-width: 720px) {

	#block_modal .modal_item .slide_area .column h2 {
		font-size: 1.8rem;
	}
	#block_modal .modal_item .slide_area .column p {
    font-size: 1.25rem;
	}

}