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


.profile_photo{
	float:left;
	width:20%;
	margin:0 1em 0 0;
}


/*++++++++++++++++++++++++++++++++++++++++++
    PC　表示
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (min-width: 1300px){

	/*-------------------------------
	    スクロール
	-------------------------------*/
	div .scroll {
	    height: auto;
		margin:0.5em auto;
	    padding: 5px;
	    overflow: scroll;
	    /*border: 1px solid #CCC;*/
	    -webkit-overflow-scrolling: touch;
	}

}


/*++++++++++++++++++++++++++++++++++++++++++    
    スマホ横とiPad 　548←→1300px
+++++++++++++++++++++++++++++++++++++++++++*/

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

	.profile_photo{
		float:none;
		width:150px;
		margin:0 auto;
	}

	/*-------------------------------
	    スクロール
	-------------------------------*/
	div .scroll {
	    height:auto;
	    width: 95%;
		margin:1em auto;
	    padding: 5px;
	    overflow: scroll;
	    /*border: 1px solid #CCC;*/
	    -webkit-overflow-scrolling: touch;
	}
}

/*++++++++++++++++++++++++++++++++++++++++++
    スマホ　表示
+++++++++++++++++++++++++++++++++++++++++++*/

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


	.profile_photo{
		float:none;
		width:150px;
		margin:0 auto;
	}
	/*-------------------------------
	    スクロール
	-------------------------------*/
	
	div .scroll {
	    height:auto;
	    width: 95%;
		margin:0.5em auto;
	    padding: 5px;
	    overflow: scroll;
	    /*border: 1px solid #CCC;*/
	    -webkit-overflow-scrolling: touch;
	}
}

/* PC */
@media (min-width:1000px){ 

	/* box2_rs */
	.box2_rs{
		display: flex;
		justify-content:space-between;
	}
	
	.box2_rs .item{
		width: 47%;
	}
	.box2_rs .item img{
		max-width: 100%;
	}

	/*box2 profile archive article */
	.box2_profile{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.box2_profile .item{
		width: 44%;
		margin: 0 3%
	}

	.box2_profile .item img{
		width: 50%;
	}	

	.box2_profile .item:nth-child(1){
		text-align: right;
	}

	.box2_profile .item:nth-child(2){
		text-align: left;
		font-size: 1.8em;
	}

}

/* SP */
@media (max-width:999px){

	/* box2_rs */
	.box2_rs .item{
		width: 100%;
	}

	.box2_rs .item img{
		max-width: 100%;
	}

	.box2_rs .caption{
		font-size: 0.8em;
	}

	/*box2 profile archive article */
	.box2_profile{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.box2_profile .item{
		width: 44%;
		margin: 0 3%
	}

	.box2_profile .item img{
		width: 50%;
	}	

	.box2_profile .item:nth-child(1){
		text-align: right;
	}

	.box2_profile .item:nth-child(2){
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
	}

}