@charset "UTF-8";


/*
======== context ======================================

Last Updated:201808
stem_girls_ambassadors.css


=======================================================
*/


h1.h1_logo{
	text-align:center;
	background:#ffffff url(../img/bg_h1.png) no-repeat 50% 50%;
	border-left:none;
	margin:40px 0 40px;
}
h1:before, h1:after{
	content:"";
}


/* top */
/*新しいCSS*/
div #ambassador h2.pc{
    
  
}

div.statement{
	background:rgba(255,255,255,0.8);
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #F7EEC7 25%, #F7EEC7 50%,
    #fff 50%, #fff 75%,
    #F7EEC7 75%, #F7EEC7
  );
	background-size: 8px 8px;
	padding:40px 0;
}
div.statement .wrap{
	background:rgba(255,255,255,0.7);
	padding:10px;
	width:700px;
	margin:0 auto;
	box-shadow:0 4px 4px 0 #CCC;
	box-sizing:border-box;
}
div.statement .inner{
	text-align:center;
	border:5px solid #E88336;
	padding:40px 50px 50px;
	box-sizing:border-box;
	background:#ffffff;
}
	div.statement img{
		width:100%;
	}
	div.statement .sp{
		display:none;
	}


#contentsArea ul.picupBtn{
	margin:20px 0;
}

#contentsArea ul.picupBtn li{
	display:inline-block;
	vertical-align:top;
	width:50%;
	margin:0;
	padding:0;
	text-align:center;
	box-sizing:border-box;
	transition:0.5s;
}
#contentsArea ul.picupBtn li:hover{
	background:rgba(0,153,255,0.1);
}

	#contentsArea ul.picupBtn li:nth-child(1){
		border-right:1px solid rgba(204,204,204,1);
	}
	#contentsArea ul.picupBtn li a{
		display:block;
		padding:20px 0;
	}


	
.menuList{
	margin:3% 0;
	/* background:#F7941D; */
	/*background:radial-gradient(#3d93ca, #2d6ebb);*/
	padding:10px 0px;
	text-align: center;
}

.menuList div {
	display: inline-block;
	width: 40%;
}

.menuList div img {
	width: 100%;
}

/* #contentsArea div.menuList ul{
	text-align:center;
	margin:10px 0;
}
#contentsArea div.menuList ul li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	background:rgba(255,255,255,1);
	border-radius:3px;
	width:400px;
	margin:5px 10px;

}
	div.menuList ul li:nth-child(1), div.menuList ul li:nth-child(2){
		margin-bottom:20px;
	}

div.menuList ul li a{
	display:block;
	padding:30px 10px 30px 10px;
	font-size:1.8rem;
	font-weight:bold;
	text-decoration:none;
}
div.menuList ul li a span{
	display:inline-block;
	vertical-align:middle;
	padding:;
	font-size:1rem;
	display:block;
	margin-bottom:4px;
}

div.menuList ul li a:before{
	position:absolute;
	border:5px solid #fff;
	display:inline-block;
	padding:35px;
	content:"";
	background:#fff;
	background-size:80%;
	background-position:center 50%;
	background-repeat:no-repeat;
	border-radius:50px;
	box-sizing:border-box;
	left:-15px;
	top:15%;
	transition:0.5s;
}
	div.menuList ul li.event a:before{
		background-image:url(../../stem_girls_ambassadors/img/bg_menu_eve.png);
	}
	div.menuList ul li.supporter a:before{
		background-image:url(../../stem_girls_ambassadors/img/bg_menu_amb.png);
	}
	
	div.menuList ul li a:hover:before{
		border:5px solid #F7941D;
	}


div.menuList.under{
	padding:5px 10px 5px;
	margin-bottom:20px;
} */
	/*#contentsArea div.menuList.under ul li{
		width:200px;
	}*/
	/* div.menuList.under ul li a{
		padding:15px 10px 15px 40px;
		font-size:1.3rem;
	}
	div.menuList.under ul li a span{
		font-size:0.8rem;
	}
	div.menuList.under ul li a:before{
		padding:30px;
		top:7%;
	} */


ul.yaji strong.data{
	display:block;
}
ul.yaji a{
	font-size:1.1rem;
	font-weight:bold;
}
ul.yaji a:before{
	display:inline-block;
	vertical-align:middle;
	content:"";
	width: 10px;
	height: 0;
	border-width: 4px 0 4px 5px;
	border-style: solid;
	border-color: transparent transparent transparent #e8830c;
}
ul.yaji li{
	margin:15px 0;
}

.event-caption,
.ambassadors-caption {
	padding: 30px 10px 30px 30px;
	background: url(../img/events_ambassador_titleback.png) no-repeat center bottom;
	background-size: cover;
	color: #6A3906;
	font-size: 18px;
	letter-spacing: 0.2em;
	font-weight: bold;
}	

h2.category {
	color:#FFF;
	background-color: #E9874E;
	/* border-bottom:6px double #F96605; */
	padding:8px 10px;
	font-size:1.2rem;
	margin-top:40px;
}
	h2.category::after{
		width:0;
		background-color:none;
	}

strong.data{
	display:block;
}

div.tiup{
	margin:30px 0 0 0;
	display:inline-block;
}

.tiup img{
	width: 100%;
}

/* topic */

.topic {
	margin-top: 5%;
}

#contentsArea div.topic h2.pc{
	/* color:#F96605;
	border-bottom:6px double #F96605;
	padding:8px 10px;
	font-size:1.8rem;
	text-align:center;
	margin-top:40px; */
		margin: 0 0 1em;
    padding: .25em 1em .25em 1em;
    border-bottom: 1px solid #ccc;
}
	div.topic h2.pc::after{
		content: "";
    width: 5px;
	}

	#contentsArea div.topic ul li{
		margin-left:0;
	}
	div.topic a.yaji{
		display:block;
		font-size:1.1rem;
		font-weight:bold;
		padding:4px 10px;
		text-indent:-1rem;
		padding-left:1rem;
	}
		div.topic a.yaji:before{
			display:inline-block;
			vertical-align:middle;
			content:"";
			width: 10px;
			height: 0;
			border-width: 4px 0 4px 5px;
			border-style: solid;
			border-color: transparent transparent transparent #e8830c;
		}
		

div.topic dl{
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	margin-bottom:0;
}
	div.topic dl dt{
		display:inline-block;
		vertical-align:top;
		width:280px;
		text-align:center;
	}
	div.topic dl dt img{
		width:100%;
		border-radius:5px;
	}
	#contentsArea div.topic dl dd{
		display:inline-block;
		vertical-align:top;
		width:680px;
		margin-right:20px;
		margin-left:0;
	}


	#contentsArea div.topic .read{
		font-size:1.0rem;
		margin:6px 0;
	}
	div.topic span{
		display:block;
	}
	div.topic strong.data{
		display:inline-block;
		vertical-align:middle;
		font-size:1.1rem;
		color:#444444;
	}
	div.topic em.category{
		display:inline-block;
		vertical-align:middle;
		padding:2px 0;
		border:1px solid #F96605;
		color:#F96605;
		border-radius:3px;
		margin-right:10px;
		font-size:0.7rem;
		font-weight:normal;
		line-height: 1em;
		width:80px;
		text-align:center;
	}
	

#contentsArea div.topic ul.topics{
	margin-top:-1em;
}
div.topic ul.topics li{
	padding:20px 0;
	border-bottom:1px solid #ccc;
}




div.listPage dl{
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	margin-bottom:0;
}
	div.listPage dl dt{
		display:inline-block;
		vertical-align:top;
		width:280px;
		text-align:center;
	}
	div.listPage dl dt img{
		width:100%;
		border-radius:5px;
	}
	#contentsArea div.listPage dl dd{
		display:inline-block;
		vertical-align:top;
		width:680px;
		margin-right:20px;
		margin-left:0;
	}
	div.listPage a.yaji{
		display:block;
		font-size:1.1rem;
		font-weight:bold;
		padding:4px 10px;
		text-indent:-1rem;
		padding-left:1rem;
	}
		div.listPage a.yaji:before{
			display:inline-block;
			vertical-align:middle;
			content:"";
			width: 10px;
			height: 0;
			border-width: 4px 0 4px 5px;
			border-style: solid;
			border-color: transparent transparent transparent #e8830c;
		}



/* topic */

h1.h1_logo.topics{
	height:140px;
	background-size:contain;
}
	h1.h1_logo.topics img{
		height:100%;
		width:auto;
	}

h2.topics{
	border:10px solid #F96605;
	padding:8px;
	font-size:1.3rem;
	box-shadow:0px 4px 0px -2px #bbb;
	margin-top: 5%!important;
}
	h2.topics::after{
		width:0;
		background-color:none;
	}

#contentsArea div.photo ul{
	text-align:center;
}

#contentsArea div.photo ul li{
	display:inline-block;
	vertical-align:middle;
	width:400px;
	padding:10px 5px;
	box-sizing:border-box;
}
	div.photo ul li img{
		width:100%;
	}
	#contentsArea div.photo.height ul li img{
		width:auto;
		height:250px;
		max-width:400px;
	}

	
hr.topics{
	border:1px dashed #CCCCCC;
	border-left:1px solid #F96605;
	border-right:1px solid #F96605;
}



/* prof */

div.prof{
	border:5px solid #F96605;
	position:relative;
	padding:15px 160px 15px 20px;
	border-radius:5px;
	margin-top:40px;
}
div.prof:after{
	display:block;
	content:"";
	position:absolute;
	padding:20px;
	background:url(../../stem_girls_ambassadors/img/bg_papa.png) no-repeat;
	background-size:contain;
	right:-10px;
	bottom:-15px;
	width:120px;
	height:253px;
	z-index:3;
}


/* topic */

dl.aisatsu dt {
	display:inline-block;
	vertical-align:top;
	width:650px;
}

dl.aisatsu dd {
	display:inline-block;
	vertical-align:top;
	width:230px;
	margin:0;
	text-align:center;
}

/* topic */
div.recipe.border2{
	padding:20px;
}
div.recipe h4{
	display:inline-block;
	padding:4px 6px;
	background:#c9c9c9;
	border-radius:3px;
}



.box{
	border:5px solid #F96605;
	padding:20px;
	margin:40px 0;
}


	.box dl.message dt{
		display:inline-block;
		vertical-align:top;
		width:76%;
	}
	.box dl.message dd{
		display:inline-block;
		vertical-align:top;
		width:23%;
		margin:0;
		text-align:center;
	}
	.box dl.message dd img{
		max-width:100%;
	}

.box.inine{
	display:inline;
}

.mt4{
	margin-top:40px;
}
.mv4{
	margin:40px 0;
}

#contentsArea ul.mt4{
	margin:40px 0;
}
#contentsArea p.mv4{
	margin-top:40px;
}


ul.img_logo span.img{
	display:inline-block;
	vertical-align:middle;
	margin-right:1rem;
	padding:4px;

}
	ul.img_logo span.img.nega{
		background:#666666;
	}
ul.img_logo span.txt{
	display:inline-block;
	vertical-align:middle;
}

	
div.info_logo{
	margin-top:20px;
	background:rgba(0,102,204,0.1);
	padding:6px;
}
	div.info_logo a{
		display:block;
	}

/* topics */

#contentsArea h3.simple{
	background:none;
	font-size:1.1rem;
	color: #F96605;
}


h3.interview{
	border-bottom:2px dotted #F96605;
}
h3.interview:before{
	content:"◆";
	color:#F96605;
}

div.ans{
	padding:5px 0 15px;
	font-size:1.05rem;
}

div.ans span.img-l{
	display:inline-block;
	float:left;
	margin-right:20px;
	width:300px;
}
div.ans span.img-r{
	display:inline-block;
	float:right;
	margin-left:20px;
	width:300px;
}
div.ans span.img-r.last{
	width:500px;
}
	div.ans span img{
		width:100%;
	}
div.ans:after{
	display:block;
	height:0;
	clear:both;
	content:"";
}

/*topics*/

div.supporters{
	border:3px solid #F96605;
	margin-top:20px;
}

div.supporters h3{
	padding:0px 20px 6px;
	border-bottom:6px double #F96605;
	color:#F96605;
	background:none;
}

div.supporters dl{
	padding:0 10px 0px;
}

div.supporters dl dt{
	display:inline-block;
	vertical-align:top;
	width:30%;
	padding:10px;
	box-sizing:border-box;
}
	div.supporters dl dt img{
		width:100%;
	}

div.vertical-p dl dt{
	display:inline-block;
	vertical-align:top;
	width:45%;
	padding:10px;
	box-sizing:border-box;
}

div.supporters dl dd{
	display:inline-block;
	vertical-align:top;
	width:70%;
	margin:0;
	padding:0 20px;
	box-sizing:border-box;
}

div.vertical-p dl dd{
	display:inline-block;
	vertical-align:top;
	width:55%;
	margin:0;
	padding:0 20px;
	box-sizing:border-box;
}
	div.supporters dl dd span{
		display:block;
		text-align:center;
	}
	div.supporters dl dd span img{
		max-height:210px;
		margin:5px;
	}

	div.vertical-p dl dd span img{
		max-height:170px;
		margin:5px;
	}
	
	
/* recipes */

h1.h1_logo.recipes{
	height:380px;
	background-size:contain;
	margin:40px 0 40px;
	text-align:center;
}
	h1.h1_logo.recipes img{
		height:100%;
		width:auto;
	}

div.recipe.border2 p img{
	width:450px;
	height:auto;
}

#contentsArea div.recipesBox h3.recipe{
	padding:5px 10px;
	border-left:10px solid #F96605;
}

#contentsArea div.recipesBox ul.recipeList{
	display:table;
	table-layout: fixed;
	text-align: center;
  	width: 100%;
}
#contentsArea div.recipesBox ul.recipeList li{
	display:table-cell;
	border-bottom:1px solid #ccc;
	padding:0px 4px 20px;
}
div.recipesBox ul.recipeList li img{
	border-radius:5px;
	max-width:100%;
}
div.recipesBox ul.recipeList li span{
	display:block;
	padding-top:10px;
}

#contentsArea div.recipesBox p.logo img{
	width:300px;
}

.background_orange{
	background-color: #FDEADA;
}

.contentsBox_stem_girls_ambassadors .supporters h2 {
    background: #F7C767;
    font-weight: normal;
    font-size: 1.2em;
    margin-bottom: 10px;
    padding: 5px 10px 5px 30px;
    color: #6A3906;
    letter-spacing: 1px;
}

.ambassador_message{
	padding: 0 20px;
}

/* renew */

#ambassador {
	background: #FAE7DC url(../img/top_title_illust.png) no-repeat left bottom;
	padding: 25px 50px 50px 270px;
	text-align: left;
	line-height: 1.8em;
	background-size: contain;
}

.wanted {
	margin-top: 30px;
	background: #FFF9CD;
	padding: 20px 20px;
	font-size: 1em;
	line-height: 1.8em;
	position: relative;
	text-align: center;
}

.wanted .pc.size05 {
	width: 80%;
	margin: 0 auto;
}

.wanted .check {
	width: 15%;
	position: absolute;
	top: -3%;
	left: 15%;
}

.wanted .img-sec {
	width: 40%;
	display: inline-block;
	vertical-align: top;
}

.wanted .img-sec img {
	width: 100%;
}

.wanted .text-sec {
	width: 50%;
	display: inline-block;
	text-align: left;
	font-weight: bold;
	margin-top: 30px;
}

.stem_message {
	border: 2px solid #6A3906;
	border-radius: 30px;
	padding: 15px 40px;
}

.stem_message span {
	display: inline-block;
	font-weight: bold;
	color: #6A3906;
	margin-bottom: 10px;
}

.event-cnt {
	margin-bottom: 50px;
}

.event-cnt .detail {
	width: 65%;
	vertical-align: top;
	display: inline-block;
}

.event-cnt .detail .label {
	width: 100px;
	display: inline-block;
}

.event-cnt .detail .date {
	font-weight: bold;
	display: inline-block;
	margin: 0;
}

.event-cnt .thumbnail{
	width:25%;
	display: inline-block;
	vertical-align: bottom;;
	padding-left: 5%;
}

.event-cnt .thumbnail img {
	width: 100%;
	border-radius: 5px;
}

.fuki-box{
	margin-top: 3%;
	text-align: center;
}

.fuki-box div{
	width: 30%;
	display: inline-block;
}

.fuki-box div img{
	width: 100%;
}

.ambassadors-box {
	position: relative;
}

.ambassadors-box .emblem {
	position: absolute;
	z-index: 100;
	top: -5px;
	left: 0px;
}

.ambassadors-box .emblem img {
	width: 70px;
}

.ambassadors-box h3 {
	margin-top: 50px;
	background: none;
}

.ambassadors-box h3 span {
	display: block;
	padding-left: 50px;
	height: 30px;
	line-height: 30px;
	margin-left: 30px;
}

.ambassadors-box .name {
	background-color: #FAE7DC;
	color: #E9874E;
	font-size: 20px;
	position: relative;
}

.ambassadors-box .name::after {
	content:"";
	width: 0;
	height: 0;
	border-bottom: 30px solid #FFF;
	border-left: 30px solid transparent;
	position: absolute;
	right: 0;
}

.ambassadors-box .job-title {
	background-color: #E9874E;
	color: #FFF;
	font-size: 16px;
	position: relative;
}

.ambassadors-box .job-title::after {
	content:"";
	width: 0;
	height: 0;
	border-top: 30px solid #FFF;
	border-left: 30px solid transparent;
	position: absolute;
	right: 0;
}

.ambassadors-box .person {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}

.ambassadors-box .person img {
	width: 100%;
}

.ambassadors-box .sentence {
	width: 70%;
	display: inline-block;
	vertical-align: top;
}

.ambassadors-box .sentence div {
	text-align: center;
}

.ambassadors-box .sentence img {
	width: 40%;
}

.ambassadors-box .ambassador_message{
	margin-top: 30px;
	padding: 0 10px;
}

.ambassadors-box .ambassador_message h2 {
	background-color: #F6BF5C;
	color: #673204;
	padding: 5px 0 5px 30px;
}

.ambassadors-box .ambassador_message h2::after {
	content: "";
	width: 5px;
}

.contentsBox_stem_girls_ambassadors hr {
	border: 1px solid #DCDDDD;
}

@media screen and (max-width: 640px) {
		h1.h1_logo img{
			width:70%;
		}	
		h1.h1_logo.topics img{
			width:60%;
		}
		h1.h1_logo{
			background-size:contain;
			padding:0 20px;
			margin:20px 0px;
		}
		h1.h1_logo.topics{
			padding:0 0px;
			margin:20px 50px;
			height:inherit;
		}

		div.statement{
			padding:10px 10px;
		}
		div.statement .wrap{
			width:100%;
		}
		div.statement .inner{
			padding:20px;
		}
		div.statement .sp{
			display:block;
		}
		div.statement .pc{
			display:none;
		}
		#contentsArea ul.picupBtn li a img{
			width:100%;
		}

		/* #contentsArea div.menuList ul{
			padding:0;
		}
		#contentsArea div.menuList ul li{
			width:45%;
			margin:20px 5px 5px;
		}
		div.menuList ul li a{
			padding:30px 10px 10px 10px;
			font-size:1.2rem;
		}
		div.menuList ul li a span{
			font-size:0.8rem;
		}
	
		div.menuList ul li a:before{
			padding:20px;
			left:38%;
			top:-20px;
		}

		div.menuList.under{
			padding:10px 0px;
		}
		#contentsArea div.menuList.under ul li{
			width:45%;
		}
		div.menuList.under ul li a{
			padding:30px 10px 10px 10px;
			font-size:1.2rem;
		}
		div.menuList.under ul li a span{
			font-size:0.8rem;
		}
		div.menuList.under ul li a:before{
			padding:20px;
			left:38%;
			top:-20px
		} */

		div.topic dl{
		}
		div.topic dl dt{
			width:100%;
		}
		#contentsArea div.topic dl dd{
			width:100%;
		}

		div.listPage dl{
		}
		div.listPage dl dt{
			width:100%;
		}
		#contentsArea div.listPage dl dd{
			width:100%;
		}

		/* 170613以降 */
		#contentsArea div.photo ul li{
			text-align:center;
			width:100%;
			margin-left:0;
		}
		#contentsArea ul.topicsList li{
			width:48%;
			margin-left:0;
			margin-bottom:20px;
		}
		div.prof{
			padding:15px 15px 15px 15px;
		}
		div.prof:after{
			right:-10px;
			bottom:insert;
			top:-70px;
			width:50px;
			height:105px;
		}
		dl.aisatsu dt {
			display:block;
			width:100%;
			text-align:center;
		}
		dl.aisatsu dd {
			display:block;
			width:100%;
			text-align:center;
		}
		div.topic dl dt{
			display:block;
			width:100%;
		}
		div.topic dl dd{
			display:block;
			width:100%;
		}
		.box dl.message dt{
			display:block;
			width:100%;
		}
		.box dl.message dd{
			display:block;
			width:100%;
		}
		div.ans span.img-l{
			display:block;
			float:none;
			margin-right:0px;
			text-align:center;
			width:100%;
		}
		div.ans span.img-r{
			display:block;
			float:none;
			margin-left:0px;
			text-align:center;
			width:100%;
		}
		div.ans span.img-r.last{
			width:100%;
		}
		div.ans span img{
			width:100%;
		}
		div.supporters dl dt{
			width:40%;
			text-align:center;
			padding:0;
		}
		div.supporters dl dt img{
			width:100%;
		}
		div.supporters dl dd{
			width:60%;
			padding:0 10px;
		}
		div.supporters dl dd span img{
			max-height:none;
			margin:5px;
			max-width:100%;
		}

		/* recipes */

		h1.h1_logo.recipes{
			background:none;
			height:auto;
			width:80%;
			margin:20px auto 20px;
		}
		h1.h1_logo.recipes img{
			height:auto;
			width:100%;
		}

		div.recipe.border2 p img{
			width:100%;
		}

		#ambassador,
		#stem_event,
		#yaji {
				background: none;
				padding: 0;
		}

		#ambassador .icon01 {
				background-size: 30px;
				background-position: 10px center;
				font-size: 1em;
   			line-height: 1.3em;
		}

		#stem_event .icon01 {
				background-size: 30px;
				background-position: 12px center;
				font-size: 1em;
				line-height: 1.3em;
		}

		#stem_ambassadors .icon01 {
					background-size: 30px;
					background-position: 12px center;
					font-size: 1em;
					line-height: 1.3em;
		}

		#ambassador h2,
		#stem_event h2,
		#yaji h2 {
			padding: 15px 10px 15px 60px;
		}

		.wanted .img-sec,
		.wanted .text-sec {
			width: 100%;
			line-height: 1.4em;
			font-size: 1em;
			font-weight: normal;
			margin-top: 0px;
		}

		.menuList div {
			display: inline-block;
			width: 80%;
		}

		#mainContents label {
				cursor: pointer;
		}

		#mainContents .inner {
				display: none;
		}

		#mainContents input[type="checkbox"].on-off:checked ~ .contentsBox_STEM_Girls_Ambassadors .inner {
				display: block;
		}

		div.topic h2.sp img{
			width: 100%;
		}

		.event-cnt .detail {
			width: 100%;
		}
		
		.event-cnt .thumbnail{
			text-align: center;
			padding: 0;
			width: 100%;
		}

		.event-cnt .thumbnail img{
			width: 70%;
		}

		.fuki-box div{
			width: 70%;
			display: inline-block;
		}
		
		.fuki-box div img{
			width: 100%;
		}

		.ambassadors-box .emblem {
			position: absolute;
			z-index: 100;
			top: 25px;
			left: 0px;
		}

		.ambassadors-box h3 {
			margin-left: 35px;
		}

		.ambassadors-box h3 .name {
			display: block;
			padding-left: 50px;
			height: 60px;
			line-height: 60px;
			margin-left: 0;
		}

		.ambassadors-box h3 .job-title {
			display: table-cell;
    	vertical-align: middle;
			padding-left: 50px;
			height: 60px;
			margin-left: 30px;
			font-size: 0.7em;
			padding-right: 100px;
			width: 600px;
			line-height: 1.5em;
		}

		.ambassadors-box .name::after {
			content:"";
			width: 0;
			height: 0;
			border-bottom: 60px solid #FFF;
			border-left: 60px solid transparent;
			position: absolute;
			right: 0;
		}
		
		.ambassadors-box .job-title::after {
			content:"";
			width: 0;
			height: 0;
			border-top: 60px solid #FFF;
			border-left: 60px solid transparent;
			position: absolute;
			right: 0;
			top: 0;
		}

		.ambassadors-box .person {
			width: 40%;
		}

		.ambassadors-box .sentence {
			width: 50%;
		}

		.ambassadors-box .sentence img {
			width: 80%;
		}

		.ambassadors-box .ambassador_message {
			font-size: 12px;
		}

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

		.ambassadors-box h3 .name {
			font-size: 16px;
		}

		.ambassadors-box .person {
			width: inherit;
			text-align: center;
			padding: 0;
		}

		.ambassadors-box .person img {
			width: 90%;
		}

		.ambassadors-box .sentence {
			width: 100%;
		}

		.ambassadors-box .ambassador_message h2 {
			font-size: 10px;
			padding: 5px 0 5px 10px;
		}

		.ambassadors-box .sentence p{
			padding: 0 20px;
		}

		.ambassadors-box .sentence img {
			width: 90%;
		}
	}

}