@charset "utf-8";
/* *******************************************************************************************
* 
*	cloud
*
******************************************************************************************* */
@media screen and (max-width : 768px){

	/* ----------------------------- talk ----------------------------- */
	.talk{
		margin-top: 30px;
	}
	.talk:last-child{
		margin-bottom: 80px;
	}
	.talk li.member2{
		background: url(../image/member2.jpg) no-repeat 0 center;
		background-size: 80px;
	}
	.talk li.member1_1{/*ふつう*/
		background: url(../image/member1_1.jpg) no-repeat 0 center;
		background-size: 80px;
	}
	.talk li.member1_2{/*おどろき*/
		background: url(../image/member1_2.jpg) no-repeat 0 center;
		background-size: 80px;
	}
	.talk li.member1_3{/*笑顔*/
		background: url(../image/member1_3.jpg) no-repeat 0 center;
		background-size: 80px;
	}
	.talk li.member1_4{/*考える*/
		background: url(../image/member1_4.jpg) no-repeat 0 center;
		background-size: 80px;
	}
	.talk li.member1_5{/*汗*/
		background: url(../image/member1_5.jpg) no-repeat 0 center;
		background-size: 80px;
	}
	.talk li.member1_6{/*いかり*/
		background: url(../image/member1_6.jpg) no-repeat 0 center;
		background-size: 80px;
	}
	.talk li.member1_7{/*こまり*/
		background: url(../image/member1_7.jpg) no-repeat 0 center;
		background-size: 80px;
	}
	.talk dl{
		width: 80%;
		margin: 0 auto 20px !important;
	}
	.talk dl.mb{
		margin-bottom: 60px;
	}
	.talk dl dd{
		margin-bottom: 25px !important;
		margin-top: 0px !important;
		margin-right: 0px !important;
		width: 100% !important;
	}
	.talk dl dd:last-of-type{
		margin-bottom: 40px !important;
	}
	.talk dl dd p{
		font-size: 15px;
		margin-bottom: 0px;
	}
	.talk dl dd strong{
		border: 0px;
		border-bottom: 2px dotted ;
		padding: 0 5px 2px;
		margin-bottom: 15px;
		color: #ee7300;
		font-size: 16px;
	}
	.talk .hAuto{
		height: auto;
	}
	.talk dl.col1 dd figure img{
		width: 100%;
	}
	.talk .question .answer{
		display: block;
		margin-top: -80px;
		margin-bottom: 0px;
	}
	.talk .question{
		border-bottom: 0px;
		margin-bottom: -30px;
	}
	.talk .question dl{
		margin-top: 20px !important;
	}
	.talk .question .answer .sec_tit{
		color: #ee7300;
		border-color: #ee7300;
		margin-bottom: 40px;
	}
	.talk .question .answer .sec_tit + p{
		text-align: center;
		margin-bottom: 20px;
	}
	.talk .question .answer dl dd figure{
		width: 100%;
		margin-bottom: 15px;
	}

	.summary_talk{
		border: 3px dotted #ee7300;
		padding: 20px 5% 20px;
		border-radius: 15px;
		position: relative;
	}

	.summary_talk h4{
		text-align: center;
		font-size: 18px;
		color: #ee7300;
		position: absolute;
		top:-30px;
		width: 100%;
		text-align: center;
	}
	.summary_talk h4 span{
		display: inline-block;
		background-color: #fff;
		padding: 0 10px 0 5px;
		margin-left: -30px;
	}
	.summary_talk ul{
		display: block;
		margin-bottom: -15px;
	}
	.summary_talk li{
		text-align: left;
		font-size: 18px;
		position: relative;
		padding-left: 2em;
		font-weight: bold;
		width: auto;
		margin-bottom: 15px;
	}
	.summary_talk li span{
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -0.8em;
		font-size: 24px;
		color: #ee7300;
	}

	.sec_tit + .lead{
		text-align: center;
		font-size: 16px;
		margin: -10px 0 30px;
		font-weight: bold;
	}

	.case h4{
		width: 100%;
		margin: 0 auto;
		border: 3px solid #FFF1D1;
		padding: 0 0 20px 0;
		font-size: 20px;
		color: #ee7300;
		border-radius: 15px;
		overflow: hidden;
		text-align: center;
		position: relative;
		box-sizing: border-box;
	}
	.case h4 span{
		display: block;
		padding: 5px 0;
		margin-right: 40px;
		background-color:#FFF1D1;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.case figure{
		text-align: center;
		width: 80%;
		margin: 0 auto;
	}
	.case figure.w100p{
		width: 100%;
	}
	.case figure img{
		overflow: hidden;
		border-radius: 15px;
		width: 100%;
	}
	.case .talk li.pic{
		padding: 0px;
		text-align: center;
		display: block;
	}
	.case .talk li.pic p{
		text-align: center;
		margin-top: 10px;
		font-size: 16px;
	}
	.case .talk li.pic.mt{
		margin-top: 50px;
	}
	.case .hauto{
		height: auto;
	}

	/* ----------------------------- interview ----------------------------- */
	.interview {
		margin-bottom: 50px;
	}
	.interview .lead{
		text-align: center;
		margin-bottom: 30px;
		font-size: 16px;
		font-weight: bold;
		margin-top: -20px;
	}
	.interview figure{
		text-align: center;
		margin: 40px 0;
		width: 120%;
		margin-left: -10%;
	}
	.interview figure img{
		display: inline-block;
		border-radius: 0px;
		overflow:hidden;
		width: 100%;
	}
	.interview_list_item{
		font-size: 16px !important;
	}


	/* ----------------------------- remarks ----------------------------- */
	.remarks .lead{
		text-align:center;
		margin: 30px 0 10px !important;
	}
	.remarks figure{
		text-align: center;
		margin-bottom: 20px;
		float: none;
		width: 100%;
	}
	.remarks figure img{
		display: inline-block;
		border-radius: 15px;
		overflow:hidden;
		width: 100%;
	}
	.remarks ul{
		display: block;
		margin-bottom: -20px;
	}
	.remarks li{
		width: 100%;
		margin: 0px;
		border-bottom: 2px dotted #2294E6;
		border-left: 0px;
		box-sizing: border-box;
		padding: 25px 0px 25px 0px;
	}
	.remarks li:nth-child(odd){
		border-bottom: 2px dotted #2294E6;
		padding: 25px 0px 25px 0px;
	}
	.remarks li:nth-child(12){
		border-bottom: 0px;
	}
	.remarks li h4{
		margin-bottom: 15px;
		text-align: center;
		font-size: 16px;
	}
	.remarks p{
		overflow: hidden;
		zoom:1;
		margin: 0px;
		font-size: 16px;
	}
	.remarks li span{
		display: block;
		margin-top: 15px;
	}

	/* ----------------------------- profile ----------------------------- */
	.profile dl{
		margin-top: 20px;
		margin-bottom: -15px;
	}
	.profile dt{
		margin-bottom: 0px;
	}
	.profile dt:before{
		content: '・';
	}
	.profile dd{
		margin-bottom: 15px;
		padding-left: 1em;
	}
	.profile dd a{
		text-decoration: underline !important;
	}
	.profile dd a:hover{
		text-decoration: none !important;
	}
	
	.profile_about {
		margin: 0 0 0 0px;
		font-size: 16px;
		line-height: 1.8;
	}
}