@charset "utf-8";

/* レスポンシブによる文字サイズ可変 */
@media only screen and (max-width:620px) and (min-width:611px){html{font-size:60%;}}
@media only screen and (max-width:610px) and (min-width:601px){html{font-size:59%;}}
@media only screen and (max-width:600px) and (min-width:591px){html{font-size:58%;}}
@media only screen and (max-width:590px) and (min-width:581px){html{font-size:57%;}}
@media only screen and (max-width:580px) and (min-width:571px){html{font-size:56%;}}
@media only screen and (max-width:570px) and (min-width:561px){html{font-size:55%;}}
@media only screen and (max-width:560px) and (min-width:551px){html{font-size:54%;}}
@media only screen and (max-width:550px) and (min-width:541px){html{font-size:53%;}}
@media only screen and (max-width:540px) and (min-width:531px){html{font-size:52%;}}
@media only screen and (max-width:530px) and (min-width:521px){html{font-size:51%;}}
@media only screen and (max-width:520px) and (min-width:511px){html{font-size:50%;}}
@media only screen and (max-width:510px) and (min-width:501px){html{font-size:49%;}}
@media only screen and (max-width:500px) and (min-width:491px){html{font-size:48%;}}
@media only screen and (max-width:490px) and (min-width:481px){html{font-size:47%;}}
@media only screen and (max-width:480px) and (min-width:471px){html{font-size:46%;}}
@media only screen and (max-width:470px) and (min-width:461px){html{font-size:45%;}}
@media only screen and (max-width:460px) and (min-width:451px){html{font-size:44%;}}
@media only screen and (max-width:450px) and (min-width:441px){html{font-size:43%;}}
@media only screen and (max-width:440px) and (min-width:431px){html{font-size:42%;}}
@media only screen and (max-width:430px) and (min-width:421px){html{font-size:41%;}}
@media only screen and (max-width:420px) and (min-width:411px){html{font-size:40%;}}
@media only screen and (max-width:410px) and (min-width:401px){html{font-size:39%;}}
@media only screen and (max-width:400px) and (min-width:391px){html{font-size:38%;}}
@media only screen and (max-width:390px) and (min-width:381px){html{font-size:37%;}}
@media only screen and (max-width:380px) and (min-width:371px){html{font-size:36%;}}
@media only screen and (max-width:370px) and (min-width:361px){html{font-size:35%;}}
@media only screen and (max-width:360px) and (min-width:351px){html{font-size:34%;}}
@media only screen and (max-width:350px) and (min-width:341px){html{font-size:33%;}}
@media only screen and (max-width:340px) and (min-width:331px){html{font-size:32%;}}
@media only screen and (max-width:330px) and (min-width:321px){html{font-size:31%;}}
@media only screen and (max-width:320px){html{font-size:30%;}}

@media print, screen and (min-width:641px){
/* .commonContentTitle1 */
	.commonContentTitle0 > img:nth-child(2){
		margin:110px 0 0 -136px;
	}

	/*commonContentTitle0*/
	.commonContentTxt0{
		background-color:#000;
		background-image:none;
	}
	.commonContentTxt0 > img{
		display:block;
		margin:0 auto 40px;
	}
	.commonContentTxt0 > img:nth-child(1){
		margin-top:36px;
		margin-bottom:40px;
	}
	.commonContentTxt0 > img:nth-child(2){
	}
	/*commonContentTxt1*/
	.commonContentTxt1 {
		padding-top:25px;
		padding-bottom:70px;
		height:135px;
		color:#c8c8c8;
		text-align:center;
/*font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;*/
font-family:'NotoSansJP-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
		font-size: 16px;
		font-size: 1.6rem;
		letter-spacing: 1px;
		letter-spacing: 0.1rem;
		line-height: 2.3;
	}
	/* .content0 */
	.content0{
		width:100%;
		height:740px;
		position:relative;
		overflow:hidden;
	}
	.content0 .bg{
		display:block;
		position:absolute;
		left:50%;
		top:50%;
		margin:-370px 0 0 -800px;
	}
	.content0 .title{
		position:absolute;
		left:50%;
		margin:58px 0 0 -151px;
	}
	.content0 .profile{
		position:absolute;
		left:50%;
		margin:233px 0 0 -387px;
	}
	.content0 .profile > img{
		display:inline-block;
		vertical-align:top;
	}
	.content0 .profile > dl{
		display:inline-block;
		margin:-5px 0 0 42px;
		width:410px;
		vertical-align:top;
	}
	.content0 .profile > dl > dt{
		margin:0 0 21px 0;
	}
	.content0 .profile > dl > dd{
		font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
		/*font-family:'NotoSansJP-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;*/
		color:#ececec;
		line-height:2.0;
	}
	.content0 .profile > dl > dd > p:nth-child(1){
		font-size:30px;
		font-size:3.0rem;
		letter-spacing:1.0rem;
	}
	.content0 .profile > dl > dd > p:nth-child(1) span{
		font-size:10px;
		font-size:1.0rem;
		letter-spacing:0.5rem;
		vertical-align:middle;
		position:relative;
		left:10px;
	}
	.content0 .profile > dl > dd > p:nth-child(2){
		font-size:13px;
		font-size:1.3rem;
		margin:0 0 17px;
		font-family:'NotoSansJP-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
	}
	.content0 .profile > dl > dd > p:nth-child(3){
		font-size:13px;
		font-size:1.3rem;
	}

	/*content1*/
	.content1{
		height:720px;
		width:100%;
		position:relative;
		overflow:hidden;
	}
	.content1 .slide{
		position:absolute;
		top:78px;
		left:50%;
		height:400px;
	}
	.content1 .slide li{
		position:absolute;
		top:0;
		width:630px;
		height:400px;
		margin-left:-315px;
		font-size:0;
	}
	.content1 .slide li img{
		display:block;
	}
	.slidePager{
		width:100%;
		text-align:center;
		margin:540px 0 0 0;
	}
	.slidePager li{
		width:10px;
		height:10px;
		display:inline-block;
				 transform:rotateZ(45deg);
			  -o-transform:rotateZ(45deg);
			 -ms-transform:rotateZ(45deg);
			-moz-transform:rotateZ(45deg);
		 -webkit-transform:rotateZ(45deg);
		 background-color:#4E4E4E;
		 margin:0 3px;
		 cursor:pointer;
	}
	.slideLeft, .slideRight{
		position:absolute;
		top:250px;
		left:50%;
		cursor:pointer;
		z-index:15;
	}
	.slideLeft{
		margin-left:305px;
	}
	.slideRight{
		margin-left:-355px;
	}
}

@media only screen and (max-width:1000px) and (min-width:641px) {

}
@media print, screen and (max-width:640px) {
	/* .commonContentTitle0 */

	.commonContentTitle0 {
		position:relative;
	}
	.commonContentTitle0 > img:nth-child(2){
		margin:20px auto;
		width:90%;
	}

	/*commonContentTitle0*/
	.commonContentTxt0{
		background-color:#000;
		background-image:none;
	}
	.commonContentTxt0 > img{
		display:block;
		margin:0 auto 40px;
	}
	.commonContentTxt0 > img:nth-child(1){
		margin-top:36px;
		margin-bottom:40px;
		width: 52.404%;
	}
	.commonContentTxt0 > img:nth-child(2){
	}
	/* .content0 */
	.content0{
		width:100%;
		overflow:hidden;
	}
	.content0 .title img {
		width:56.7%;
		height:auto;
		margin:0 auto 25px;
	}
	.content0 .profile > img{
		width:54.489%;
		height:auto;
		margin:0 auto 20px;
	}
	.content0 .profile > dl{
		display:block;

	}

	.content0 .profile > dl > dt img {
		width:27%;
		height:auto;
		margin:0 auto 10px;
	}
	.commonContentArea .content0:nth-child(6) .profile > dl > dt img {
		width:40%;
	}

	.content0 .profile > dl > dd{
		position:relative;
		font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
		/*font-family:'NotoSansJP-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;*/
		color:#c8c8c8;
		line-height:2.0;
	}
	.content0 .profile > dl > dd > p:nth-child(1){
		font-size:6.0rem;
		letter-spacing:1.4rem;
		line-height: 1.5;
		font-weight: lighter;
		text-align: center;
	}
	.content0 .profile > dl > dd > p:nth-child(1) span{
		font-size:2.0rem;
		letter-spacing:1.1rem;
		font-weight: lighter;
		vertical-align:middle;
		display:block;
	}
	.content0 .profile > dl > dd > p:nth-child(2){
		font-size:2.6rem;
		margin:20px 3% 17px 5%;
		display:none;
		font-family:'NotoSansJP-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
	}
	.content0 .profile > dl > dd > p:nth-child(2) span:nth-child(3) {
		margin-top:-10px;
	}
	.content0 .profile > dl > dd > p:nth-child(2) span {
			font-size:2.9rem;
			display:block;
			margin:10px 0 -5px;
	}
	.content0 .profile > dl > dd > div img {	
		width:40.066%;
		height:auto;
		margin:30px auto 50px;
	}
	
	/* .content1 */
	.content1 .flickslide_btns{
		width:100%;
		position:relative;
		top:-62px;
	}
	.content1 .flickslide_btns > img{
		padding:6px;
		width:10px;
	}
	.content1 .flickslide_btns > img:first-child{
		position:absolute;
		top:0;
		left:10px;
				 transform:rotateZ(180deg);
			  -o-transform:rotateZ(180deg);
			 -ms-transform:rotateZ(180deg);
			-moz-transform:rotateZ(180deg);
		 -webkit-transform:rotateZ(180deg);
	}
	.content1 .flickslide_btns > img:last-child{
		position:absolute;
		top:0;
		right:10px;
	}
	.flickslide_pagelist{
		font-size:0;
		line-height:0;
	}
}