@media screen and (min-width: 769px) {
	
	/*---------------------------------------
	 * Cover
	---------------------------------------*/ 
	
	
	/*---------------------------------------
	 * PageData
	---------------------------------------*/
	
	.post-data{
		margin: -45px 0 0;
		position: relative;
		z-index: 1;
	} 
	.post-data::before{
		content:"";
		display: block;
		width: 1px;
		height: 90px;
		background: #1f2f4a;
		margin: 0 auto 35px;
	}
	.post-data .inner{
		width: calc(100% - 40px);
		max-width: 686px;
		margin: 0 auto;
	}
	.post-data .title{
		font-size: 4.8rem;
		text-align: center;
		letter-spacing: 2px;
		margin: 0 0 35px;
	}
	.post-data .en{
		font-size: 1.3rem;
		text-align: center;
		margin: 0 0 50px;
	}
	.post-data .author{
		border-top: 6px solid #1f2f4a;
		border-bottom: 1px solid #1f2f4a;
		padding: 18px 0 10px;
		margin: 0 0 60px;
		text-align: center;
	}
	.post-data .author .position{
		margin: 0 0 13px;
	}
	.post-data .author .name{
		font-size: 32px;
		margin: 0 0 16px;
		letter-spacing: 2px;	
	}
	.post-data .author .name span{
		font-size: 18px;
	}
	.post-data .author .field{
		border-top: 1px solid #1f2f4a;
		padding: 10px 0 0;
	}
	
	
	/*---------------------------------------
	 * Post
	---------------------------------------*/ 
	
	.post .inner{
		width: calc(100% - 40px);
		max-width: 686px;
		margin: 0 auto;
	}
	.post .midashi{
		font-size: 2.6rem;
		text-align: center;
		line-height: 1.6;
		color: #c77ea3;
		margin: 0 0 30px;
	}
	.imai .post .midashi,
	.kitamatsu .post .midashi,
	.babe .post .midashi{
		color: #c77ea3;
	}
	.azuma .post .midashi,
	.kitastuji .post .midashi,
	.kinoshita .post .midashi{
		color: #1f9eb9;
	}
	.post .read{
		line-height: 2;
		text-align: justify;
	}
	
	
	/*---------------------------------------
	 * OtherContents
	---------------------------------------*/ 
	
	.other-contents{
		margin: 0 0 80px;
	}
	.other-contents::before{
		content:"";
		display: block;
		width: 1px;
		height: 90px;
		background: #1f2f4a;
		margin: 0 auto 35px;
	}
	.other-contents .inner{
		width: calc(100% - 40px);
		max-width: 1000px;
		margin: 0 auto;
	}
	.other-contents .inner .midashi{
		font-size: 2.6rem;
		letter-spacing: 2px;
		color: #CCCCCC;
		text-align: center;
		margin: 0 0 30px;
	}
	.other-contents .inner .list{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.other-contents .inner .list li{
		width: 48.5%;
		margin: 0 0 3%;
	}
	.other-contents .inner .list li figure{
		margin: 0 0 20px;
		overflow: hidden;
		background: #1f2f4a;
		position: relative;
	}
	.other-contents .inner .list li figure::before{
		content:"";
		width: 100%;
		height: 100%;
		position: absolute;
		top:0px;
		left: 0px;
		border: 0px solid rgba(255,255,255,.9);
		opacity:0;
		transition: all .3s;
	}
	.other-contents .inner .list li figure img{
		transition: transform .6s,opacity .6s;
	}
	.other-contents .inner .list li .caption{
		font-size: 2rem;
		margin: 0 0 10px;
	}
	.other-contents .inner .list li .en{
		font-size: 1.1rem;
	}
	.other-contents .inner .list li a:hover figure img{
		transform: scale(1.1,1.1);
		transform-origin: center;
		opacity: .8;
	}
	.other-contents .inner .list li a:hover figure::before{
		content:"";
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		position: absolute;
		top:10px;
		left: 10px;
		border: 1px solid rgba(255,255,255,.7);
		opacity: 1;
	}
	.other-contents .inner .toplink{
		display: block;
		width: 312px;
		font-weight: 700;
		letter-spacing: 1px;
		border: 1px solid #1f2f4a;
		background-image:url(../../../assets/img/deco_arrow.png);
		background-position: 10px 50%;
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		background-size: 18px;
		text-align: center;
		padding: 16px 0;
		margin: 20px auto 0;
		transition: background .2s;
	}
	.other-contents .inner .toplink:hover{
		background-image:url(../../../assets/img/deco_arrow_on.png);
		background-color: #1f2f4a;
		color: #FFFFFF;
	}


	/*---------------------------------------
	 * Genten
	---------------------------------------*/ 

	.genten{
		
		height:100%;
		position:relative;
	}
	.genten::before{
		content:"";
		width:500px;
		height:calc(100% - 82px);
		background:url(../img/bg_left-01.png) 0 0 repeat-y;
		background-size:500px;
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
		opacity:0.9;
	}
	.genten::after{
		content:"";
		width:100%;
		height:calc(100% - 82px);
		background:url(../img/bg_right-01.png) 100% 0 repeat-y;
		background-size:500px;
		position:absolute;
		top:0;
		right:0;
		z-index:-1;
		opacity:0.9;
	}

	.genten .cover{
		padding-top:200px;
		margin-bottom: 120px;
		background:url(../img/bg_top-01.png) 50% 0 no-repeat;
		background-size:1200px;
	}
	.genten .cover .inner{
		width: calc(100% - 40px);
		max-width: 1000px;
		margin: 0 auto;
	}
	.genten .cover .inner .title{
		width: 100%;
		max-width: 830px;
		margin:0 auto 75px;
	}
	.genten .cover .inner .read{
		text-align: center;
		font-size: 1.6rem;
		line-height: 2.4;
	}

	/* Theme
	---------------------------------------*/ 

	.genten{
		
		
	}
	.genten .theme{
		margin-bottom: 130px;
	}
	.genten .theme .midashi{
		position: relative;	
	}
	.genten .theme .midashi::after{
		content:"";
		display:block;
		width: calc(50% + 349px);
		height: calc(100% - 112px);
		background :rgba(153,153,153,0.1);
		position: absolute;
		top:85px;
		right:0;
	}
	.genten .theme:nth-child(odd) .midashi::after{
		right:inherit;
		left:0;
	}
	.genten .theme .midashi .inner{
		width:calc(100% - 40px);
		max-width: 1000px;
		margin:0 auto;
		position: relative;
	}
	.genten .theme .midashi .inner::before{
		content:"";
		display: block;
		width: 194px;
		height: 150px;
		background: rgb(199,126,163);
		background: linear-gradient(0deg, rgba(199,126,163,1) 0%, rgba(199,126,163,0) 100%);
		position: absolute;
		top:0;
		left:-54px;
	}
	.genten .theme:nth-child(odd) .midashi .inner::before{
		right:-54px;
		left:inherit;
	}
	.genten .theme:nth-of-type(n+5) .midashi .inner::before{
		background: rgb(152,215,233);
		background: linear-gradient(0deg, rgba(152,215,233,1) 0%, rgba(152,215,233,0) 100%);
	}
	.genten .theme .midashi .inner::after{
		content:"";
		display: block;
		width: 122px;
		height: 89px;
		background: rgb(197,128,164);
		background: linear-gradient(0deg, rgba(197,128,164,0.9) 0%, rgba(234,202,219,0) 100%);
		position:absolute;
		top:25px;
		right:72px;
		z-index: 0;
	}
	.genten .theme:nth-child(odd) .midashi .inner::after{
		left:72px;
		right:inherit;
	}
	.genten .theme:nth-of-type(n+5) .midashi .inner::after{
		background: rgb(149,218,232);
		background: linear-gradient(0deg, rgba(149,218,232,0.9) 0%, rgba(149,218,232,0) 100%);
	}
	.genten .theme .midashi .number{
		font-size:7rem;
		color:#8f98a7;
		position: absolute;
		bottom:calc(100% - 37px);
		right:0;
	}
	.genten .theme:nth-child(odd) .midashi .number{
		right:inherit;
		left:0;
	}
	.genten .theme .midashi .box{
		display: flex;
		position: relative;
		z-index: 1;
	}
	.genten .theme:nth-child(odd) .midashi .box{
		flex-flow: row-reverse;
	}
	.genten .theme .midashi .box::before{ /*罫線枠 横上*/
		content:"";
		display:block;
		width: 440px;
		height:8px;
		background: rgb(199,126,163);
		background: linear-gradient(90deg, rgba(208,143,177,1) 0%, rgba(247,217,232,1) 100%);
		position: absolute;
		left:0;
		top:-8%;
		z-index: 0;
	}
	.genten .theme:nth-child(odd) .midashi .box::before{ /*罫線枠 横上*/
		right:0;
		left: inherit;
	}
	.genten .theme:nth-of-type(n+5) .midashi .box::before{ /*罫線枠 横上*/
		background: rgb(31,158,185,1);
		background: linear-gradient(90deg, rgba(63,171,194,1) 0%, rgba(197,227,235,1) 100%);
	}
	.genten .theme .midashi .box::after{ /*罫線枠 横下*/
		content:"";
		display:block;
		width: 440px;
		height:8px;
		background: rgb(199,126,163);
		background: linear-gradient(90deg, rgba(199,126,163,1) 0%, rgba(233,190,211,1) 100%);
		position: absolute;
		left:0;
		top:247px;
		z-index: 0;
	}
	.genten .theme:nth-child(odd) .midashi .box::after{ /*罫線枠 横下*/
		right:0;
		left: inherit;
	}
	.genten .theme:nth-of-type(n+5) .midashi .box::after{ /*罫線枠 横下*/
		
		background: rgb(31,158,185,1);
		background: linear-gradient(90deg, rgba(31,158,185,1) 0%, rgba(148,208,220,1) 100%);
		
	}
	.genten .theme .midashi .box .photo{
		width: 440px;
		position: relative;
		left:24px;
	}
	.genten .theme:nth-child(odd) .midashi .box .photo{
		right:24px;
		left: inherit;
	}
	.genten .theme .midashi .box .photo img{
		position: relative;
		z-index: 1;
	}
	.genten .theme .midashi .box .photo::before{ /*罫線枠 右縦*/
		content:"";
		display:block;
		width: 8px;
		height:27.4vw;
		max-height:274px;
		background: rgb(233,190,211);
		background: linear-gradient(0deg, rgba(233,190,211,1) 0%, rgba(247,217,232,1) 100%);
		position: absolute;
		right:24px;
		top:-24px;
		z-index: 0;
	}
	.genten .theme:nth-child(odd) .midashi .box .photo::before{ /*罫線枠 右縦*/
		right:-24px;
	}
	.genten .theme:nth-of-type(n+5) .midashi .box .photo::before{ /*罫線枠  右縦*/
		background: rgb(31,158,185,1);
		background: linear-gradient(0deg, rgba(148,208,220,1) 0%, rgba(197,227,235,1) 100%);
	}
	.genten .theme .midashi .box .photo::after{ /*罫線枠  左縦*/
		content:"";
		display:block;
		width: 8px;
		height:27.4vw;
		max-height:274px;
		background: rgb(199,126,163);
		background: linear-gradient(0deg, rgba(199,126,163,1) 0%, rgba(208,143,177,1) 100%);
		position: absolute;
		left:-24px;
		top:-24px;
		z-index: 0;
	}
	.genten .theme:nth-child(odd) .midashi .box .photo::after{ /*罫線枠  左縦*/
		left:24px;
	}
	.genten .theme:nth-of-type(n+5) .midashi .box .photo::after{ /*罫線枠  左縦*/
		background: rgb(31,158,185);
		background: linear-gradient(0deg, rgba(31,158,185,1) 0%, rgba(63,171,194,1) 100%);
	}
	.genten .theme .midashi .box .text{
		width: calc(100% - 440px);
		background:#FFFFFF;
		position: relative;
		top: 0;
		right:13%;
		padding-left:calc(13% + 54px);
		padding-right:4%;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 55px;
		box-sizing: border-box;	
	}
	.genten .theme:nth-child(odd) .midashi .box .text{
		padding-right:calc(13% + 54px);
		padding-left:4%;
		left:13%;
		right:inherit;
	}
	.genten .theme .midashi .box .text .title{
		color:#4e759b;
		font-size: 2.5rem;
		line-height: 1.4;
		border-bottom: 2px solid #4e759b;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
	.genten .theme .midashi .box .text .department{
		color:#1f2f4a;
		font-size: 1.4rem;
		letter-spacing: 1px;
		margin-bottom: 10px;
	}
	.genten .theme .midashi .box .text .name{
		font-size: 2.2rem;
		letter-spacing: 4px;
		color:#1f2f4a;
		margin-bottom: 20px;
	}
	.genten .theme .midashi .box .text .name span{
		font-size: 1.6rem;
		vertical-align: bottom;
	}
	.genten .theme .midashi .box .text .major{
		color: #6f7682;
		font-size: 1.2rem;
		letter-spacing: 1px;
		line-height: 1.8;
	}
	.genten .theme .midashi .btn{
		display: block;
		width: 192px;
		height:54px;
		box-sizing: border-box;
		border:1px solid #c87fa4;
		background-color:#c87fa4;
		background-image:url(../img/plus.png);
		background-position:center right 16px;
		background-repeat: no-repeat;
		background-size: 15px;
		margin: 27px auto 0;
		font-size: 1.6rem;
		letter-spacing: 1px;
		line-height: 0.7;
		position: relative;
		z-index:2 ;
		transition: background .3s,color .3s;
	}
	.genten .theme .midashi .btn:hover{
		background-color:#FFFFFF;
		color:#c87fa4;
		background-image:url(../img/plus-pnk.png);
	}
	.genten .theme .midashi .btn.active{
		background-image:url(../img/minus.png);
	}
	.genten .theme .midashi .btn.active:hover{
		background-image:url(../img/minus-pnk.png);
	}
	.genten .theme .detail{
		display:none;	
	}
	.balloon {
		width: calc(100% - 40px);
		max-width: 780px;
		box-sizing: border-box;
		margin:60px auto 0;
		background:#FFFFFF;
		box-shadow: 0 0 10px 2px rgba(190,190,190,0.2);
		padding:50px 44px;
		line-height: 2.2;
		position: relative;
		display: block;
		font-size: 16px;
		background: #FFFFFF;
		
	}
	.balloon:before {
		content: "";
		position: absolute;
		top: -10px;
		left: 50%;
		margin-left: -30px;
		width:60px;
		height:60px;
		background:#FFFFFF;
		/*box-shadow: 0 0 10px 2px rgba(190,190,190,0.2);*/
		transform:rotate(-45deg);
		z-index:0;
		/*border: 30px solid transparent;*/
		/*border-bottom: 30px solid #FF0000;*/

	}
	.balloon:after {
		content: "";
		position: absolute;
		top: -10px;
		left: 50%;
		margin-left: -30px;
		width:60px;
		height:60px;
		background:transparent;
		box-shadow: 0 0 10px 2px rgba(190,190,190,0.2);
		transform:rotate(-45deg);
		z-index:-1;
		/*border: 30px solid transparent;*/
		/*border-bottom: 30px solid #FF0000;*/

	}  
	.balloon p {
		margin: 0;
		padding: 0;
	}
	.genten footer{
		position:relative;
	}
	.genten footer::before{
		content:"";
		width: 100%;
		height:400px;
		background:url(../img/bg_bottom-01.png) 50% 100% no-repeat;
		background-size:1000px;
		position:absolute;
		bottom:100%;
		left:0;
		opacity:.9;
		z-index:-1;
	}
	
}


@media screen and (max-width: 768px) {
	
	/*---------------------------------------
	 * Cover
	---------------------------------------*/ 
	
	
	/*---------------------------------------
	 * PageData
	---------------------------------------*/
	
	.post-data{
		margin: -5.333vw 0 0;
		position: relative;
		z-index: 1;
	} 
	
	.post-data::before{
		content:"";
		display: block;
		width: 0.267vw;
		height: 12vw;
		background: #1f2f4a;
		margin: 0 auto 5.333vw;
	}
	
	.post-data .inner{
		width: calc(100% - 10.667vw);
		margin: 0 auto;
	}
	.post-data .title{
		font-size: 6.4vw;
		text-align: center;
		letter-spacing: 0.533vw;
		margin: 0 0 5.333vw;
	}
	.post-data .en{
		font-size: 2.667vw;
		text-align: center;
		margin: 0 0 6.667vw;
	}
	.post-data .author{
		border-top: 0.8vw solid #1f2f4a;
		border-bottom: 0.267vw solid #1f2f4a;
		padding: 2.667vw 0 1.333vw;
		margin: 0 0 8vw;
		text-align: center;
	}
	.post-data .author .position{
		font-size: 2.933vw;
		margin: 0 0 2.667vw;
	}
	.post-data .author .name{
		font-size: 5.333vw;
		margin: 0 0 2.667vw;
		letter-spacing: 0.533vw;	
	}
	.post-data .author .name span{
		font-size: 3.467vw;
	}
	.post-data .author .field{
		font-size: 2.933vw;
		border-top: 0.267vw solid #1f2f4a;
		padding: 1.333vw 0 0;
	}
	
	
	/*---------------------------------------
	 * Post
	---------------------------------------*/ 
	
	.post .inner{
		width: calc(100% - 10.667vw);
		margin: 0 auto;
	}
	.post .midashi{
		font-size: 4vw;
		text-align: center;
		line-height: 1.6;
		color: #c77ea3;
		margin: 0 0 4vw;
	}
	.post .read{
		line-height: 2;
		text-align: justify;
	}
	
	
	/*---------------------------------------
	 * OtherContents
	---------------------------------------*/ 
	
	.other-contents{
		margin: 0 0 10.667vw;
	}
	.other-contents::before{
		content:"";
		display: block;
		width: 0.267vw;
		height: 12vw;
		background: #1f2f4a;
		margin: 0 auto 4vw;
	}
	.other-contents .inner{
		width: calc(100% - 10.667vw);
		margin: 0 auto;
	}
	.other-contents .inner .midashi{
		font-size: 4.267vw;
		letter-spacing: 0.533vw;
		color: #CCCCCC;
		text-align: center;
		margin: 0 0 8vw;
	}
	.other-contents .inner .list{
		
	}
	.other-contents .inner .list li{
		width: 100%;
		margin: 0 0 8vw;
	}
	.other-contents .inner .list li figure{
		margin: 0 0 2.667vw;
		overflow: hidden;
		background: #000000;
		position: relative;
	}
	.other-contents .inner .list li figure::before{
		content:"";
		width: 100%;
		height: 100%;
		position: absolute;
		top:0px;
		left: 0px;
		border: 0px solid rgba(255,255,255,.9);
		opacity:0;
		/*transition: all .3s;*/
	}
	.other-contents .inner .list li figure img{
		/*transition: transform .6s,opacity .6s;*/
	}
	.other-contents .inner .list li .caption{
		font-size: 5.333vw;
		margin: 0 0 2.667vw;
	}
	.other-contents .inner .list li .en{
		font-size: 2.933vw;
	}
	/*
	.other-contents .inner .list li a:hover figure img{
		transform: scale(1.1,1.1);
		transform-origin: center;
		opacity: .8;
	}
	.other-contents .inner .list li a:hover figure::before{
		content:"";
		width: calc(100% - 5.333vw);
		height: calc(100% - 5.333vw);
		position: absolute;
		top:2.667vw;
		left: 2.667vw;
		border: 0.267vw solid rgba(255,255,255,.7);
		opacity: 1;
	}
	*/
	.other-contents .inner .toplink{
		display: block;
		width: 234px;
		font-weight: 700;
		letter-spacing: 1px;
		border: 1px solid #1f2f4a;
		background-image:url(../../../assets/img/deco_arrow.png);
		background-position: 10px 50%;
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		background-size: 18px;
		text-align: center;
		padding: 16px 0;
		margin: 60px auto 0;
		transition: background .2s;
	}


	/*---------------------------------------
	 * Genten
	---------------------------------------*/ 

	.genten-wrapper{
		margin-top:calc(-16vw + 1.333vw);
	}

	.genten-wrapper .fix-zone{
		display:none;
	}

	.genten{
		
		height:100%;
		position:relative;
	}
	.genten::before{
		content:"";
		width:50%;
		height:calc(100% - 21.867vw);
		background:url(../img/bg_left-01.png) 0 0 repeat-y;
		background-size:100%;
		
		position:absolute;
		top:0;
		left:-10vw;
		z-index:-1;
		opacity:0.9;
	}
	.genten::after{
		content:"";
		width:100%;
		height:calc(100% - 50vw);
		background:url(../img/bg_right-01.png) 100% 0 repeat-y;
		background-size:100%;
		position:absolute;
		top:0;
		right:-20vw;
		z-index:-1;
		opacity:0.9;
	}

	.genten .cover{
		padding-top:26.667vw;
		margin-bottom: 16vw;
		background:url(../img/bg_top-01.png) 50% -5vw no-repeat;
		background-size:100%;
	}
	.genten .cover .inner{
		width: calc(100% - 21.333vw);
		margin: 0 auto;
	}
	.genten .cover .inner .title{
		width: 100%;
		margin:0 auto 8vw;
	}
	.genten .cover .inner .read{
		text-align: center;
		font-size: 3.733vw;
		line-height: 2;
	}

	/* Theme
	---------------------------------------*/ 

	.genten{
		overflow: hidden;
	}

	.genten .theme{
		margin-bottom: 18.667vw;
	}
	.genten .theme .midashi{
		position: relative;	
	}
	.genten .theme .midashi::after{
		content:"";
		display:block;
		width: 100%;
		height: 66.667vw;
		background :rgba(153,153,153,0.1);
		position: absolute;
		bottom:4.8vw;
		right:0;
	}
	.genten .theme:nth-child(odd) .midashi::after{
		right:inherit;
		left:0;
	}
	.genten .theme .midashi .inner{
		width:calc(100% - 16vw);
		margin:0 auto;
		position: relative;
	}
	.genten .theme .midashi .inner::before{
		content:"";
		display: block;
		width: 34.133vw;
		height: 27.467vw;
		background: rgb(199,126,163);
		background: linear-gradient(0deg, rgba(199,126,163,1) 0%, rgba(199,126,163,0) 100%);
		position: absolute;
		top:27.467vw;
		left:-8vw;
	}
	.genten .theme:nth-child(odd) .midashi .inner::before{
		right:-14.4vw;
		left:inherit;
	}
	.genten .theme:nth-of-type(n+5) .midashi .inner::before{
		background: rgb(152,215,233);
		background: linear-gradient(0deg, rgba(152,215,233,1) 0%, rgba(152,215,233,0) 100%);
	}
	.genten .theme .midashi .inner::after{
		content:"";
		display: block;
		width: 18.133vw;
		height: 14.4vw;
		background: rgb(197,128,164);
		background: linear-gradient(0deg, rgba(197,128,164,0.9) 0%, rgba(197,128,164,0) 100%);
		position:absolute;
		top:9.867vw;
		right:15.2vw;
		z-index: 0;
	}
	.genten .theme:nth-child(odd) .midashi .inner::after{
		left:13.333vw;
		right:inherit;
	}
	.genten .theme:nth-of-type(n+5) .midashi .inner::after{
		background: rgb(149,218,232);
		background: linear-gradient(0deg, rgba(149,218,232,0.9) 0%, rgba(149,218,232,0) 100%);
	}
	.genten .theme .midashi .number{
		font-size:12vw;
		color:#8f98a7;
		text-align:right;
		margin-bottom:8vw;
		
	}
	.genten .theme:nth-child(odd) .midashi .number{
		text-align:left;
	}
	.genten .theme .midashi .box{
		
		position: relative;
		z-index: 1;
	}
	.genten .theme:nth-child(odd) .midashi .box{
		
	}
	.genten .theme .midashi .box::before{ /*罫線枠 横上*/
		content:"";
		display:block;
		width: 100%;
		height:1.067vw;
		background: rgb(199,126,163);
		background: linear-gradient(90deg, rgba(208,143,177,1) 0%, rgba(247,217,232,1) 100%);
		position: absolute;
		left:-4.267vw;
		top:-4.267vw;
		z-index: 0;
	}
	.genten .theme:nth-child(odd) .midashi .box::before{ /*罫線枠 横上*/
		right:-4.267vw;
		left: inherit;
	}
	.genten .theme:nth-of-type(n+5) .midashi .box::before{ /*罫線枠 横上*/
		background: rgb(31,158,185,1);
		background: linear-gradient(90deg, rgba(63,171,194,1) 0%, rgba(197,227,235,1) 100%);
	}
	.genten .theme .midashi .box::after{ /*罫線枠 横下*/
		content:"";
		display:block;
		width: 100%;
		height:1.067vw;
		background: rgb(199,126,163);
		background: linear-gradient(90deg, rgba(199,126,163,1) 0%, rgba(233,190,211,1) 100%);
		position: absolute;
		left:-4.267vw;
		top:47.2vw;
		z-index: 0;
	}
	.genten .theme:nth-child(odd) .midashi .box::after{ /*罫線枠 横下*/
		right:-4.267vw;
		left: inherit;
	}
	.genten .theme:nth-of-type(n+5) .midashi .box::after{ /*罫線枠 横下*/
		
		background: rgb(31,158,185,1);
		background: linear-gradient(90deg, rgba(31,158,185,1) 0%, rgba(148,208,220,1) 100%);
		
	}
	.genten .theme .midashi .box .photo{
		width: 100%;
		position: relative;	
	}
	.genten .theme:nth-child(odd) .midashi .box .photo{
		
	}
	.genten .theme .midashi .box .photo img{
		position: relative;
		z-index: 1;
	}
	.genten .theme .midashi .box .photo::before{ /*罫線枠 右縦*/
		content:"";
		display:block;
		width: 1.067vw;
		height:52.309vw;
		max-height:73.067vw;
		background: rgb(233,190,211);
		background: linear-gradient(0deg, rgba(233,190,211,1) 0%, rgba(247,217,232,1) 100%);
		position: absolute;
		right:4.267vw;
		top:-4.267vw;
		z-index: 0;
	}
	.genten .theme:nth-child(odd) .midashi .box .photo::before{ /*罫線枠 右縦*/
		right:-4.267vw;
	}
	.genten .theme:nth-of-type(n+5) .midashi .box .photo::before{ /*罫線枠  右縦*/
		background: rgb(31,158,185,1);
		background: linear-gradient(0deg, rgba(148,208,220,1) 0%, rgba(197,227,235,1) 100%);
	}
	.genten .theme .midashi .box .photo::after{ /*罫線枠  左縦*/
		content:"";
		display:block;
		width: 1.067vw;
		height:52.309vw;
		max-height:73.067vw;
		background: rgb(199,126,163);
		background: linear-gradient(0deg, rgba(199,126,163,1) 0%, rgba(208,143,177,1) 100%);
		position: absolute;
		left:-4.267vw;
		top:-4.267vw;
		z-index: 0;
	}
	.genten .theme:nth-child(odd) .midashi .box .photo::after{ /*罫線枠  左縦*/
		left:4.267vw;
	}
	.genten .theme:nth-of-type(n+5) .midashi .box .photo::after{ /*罫線枠  左縦*/
		background: rgb(31,158,185);
		background: linear-gradient(0deg, rgba(31,158,185,1) 0%, rgba(63,171,194,1) 100%);
	}
	.genten .theme .midashi .box .text{
		width: 100%;
		background:#FFFFFF;
		padding :5.333vw 13vw 5.333vw 4vw;
		box-sizing: border-box;	
	}
	.genten .theme .midashi .box .text .title{
		color:#4e759b;
		font-size: 4.8vw;
		line-height: 1.4;
		border-bottom: 1px solid #4e759b;
		padding-bottom: 4vw;
		margin-bottom: 5.333vw;
	}
	.genten .theme .midashi .box .text .department{
		color:#1f2f4a;
		font-size: 3.5vw;
		letter-spacing: 0.267vw;
		margin-bottom: 2.667vw;
	}
	.genten .theme .midashi .box .text .name{
		font-size: 5.2vw;
		letter-spacing: 1.067vw;
		color:#1f2f4a;
		margin-bottom: 4vw;
	}
	.genten .theme .midashi .box .text .name span{
		font-size: 3.733vw;
		vertical-align: bottom;
	}
	.genten .theme .midashi .box .text .major{
		color: #6f7682;
		font-size: 2.667vw;
		letter-spacing: 0.267vw;
		line-height: 1.8;
	}
	.genten .theme .midashi .btn{
		display: block;
		width: 37.867vw;
		height:9.333vw;
		box-sizing: border-box;
		border:0.267vw solid #c87fa4;
		background-color:#c87fa4;
		background-image:url(../img/plus.png);
		background-position:center right 4vw;
		background-repeat: no-repeat;
		background-size: 2.667vw;
		margin: 4.8vw auto 0;
		font-size: 3.467vw;
		letter-spacing: 0.267vw;
		line-height: 1.75;
		position: relative;
		z-index:2 ;
		transition: background .3s,color .3s;
	}
	/*
	.genten .theme .midashi .btn:hover{
		background-color:#FFFFFF;
		color:#c87fa4;
		background-image:url(../img/plus-pnk.png);
	}
	*/
	.genten .theme .midashi .btn.active{
		background-image:url(../img/minus.png);
	}
	/*
	.genten .theme .midashi .btn.active:hover{
		background-image:url(../img/minus-pnk.png);
	}
	*/
	.genten .theme .detail{
		display:none;
	}
	.genten .theme .detail{
		display:none;	
	}
	.genten .theme .detail p{
		position:relative;
		z-index: 2;
		text-align: justify;
	}
	.balloon {
		width: calc(100% - 40px);
		box-sizing: border-box;
		margin:16vw auto 0;
		background:#FFFFFF;
		box-shadow: 0 0 10px 2px rgba(190,190,190,0.2);
		padding:8vw 7.467vw;
		line-height: 1.8;
		position: relative;
		display: block;
		font-size: 3.2vw;
		background: #FFFFFF;
		
	} 
	.balloon:before {
		content: "";
		position: absolute;
		top: -2.667vw;
		left: 50%;
		margin-left: -8vw;
		width:16vw;
		height:16vw;
		background:#FFFFFF;
		transform:rotate(-45deg);
		z-index:0;

	}
	.balloon:after {
		content: "";
		position: absolute;
		top: -2.667vw;
		left: 50%;
		margin-left: -8vw;
		width:16vw;
		height:16vw;
		background:transparent;
		box-shadow: 0 0 10px 2px rgba(190,190,190,0.2);
		transform:rotate(-45deg);
		z-index:-1;
	}
	.genten footer{
		position:relative;
	}
	.genten footer::before{
		content:"";
		width: 100%;
		height:106.667vw;
		background:url(../img/bg_bottom-01.png) 50% 100% no-repeat;
		background-size:200%;
		position:absolute;
		bottom:100%;
		left:0;
		opacity:.9;
		z-index:-1;
	}
	
}