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

.greeting_box {
	line-height	: 1.6;
	text-align	: left;
	width		: 690px;
}

	.greeting_box p{
		margin		: 15px 0 0 0;
	}

.greeting_box .imgR{
	width	: 320px;
	margin	: 0 0 15px 25px;
}

sup {
	vertical-align: 0.5em;
	font-size: 0.8em;
}

ul.asterisk {
	margin: 30px 0 0;
}

	ul.asterisk li {
		text-indent: -2.6em;
		padding-left: 2.6em;
		margin-bottom: 5px;
	}
body p{
	line-height: 1.8;
}

.mainBox p{
	font-size: 116%;
	/*font-size: 1.5rem;*/
	text-align: left;
	text-indent: 1em;
}

.mt60{
	margin-top:60px!important;
}

.mini {
    text-indent: 0 !important;
    font-size: 100% !important;
    padding-top: 5px;
    display: block;
}

.flex_box,.flex_box02{
	display: flex;
	padding: 0;
	justify-content: space-between;
}

	.flex_box figure{
		padding-bottom: 20px;
	}

.greeting_txt{
	margin-top: 20px;
}

.flex_box p{
	max-width: 570px;
	width: 100%;
	margin: 0;
}

.flex_box02 p{
	max-width: 560px;
	width: 100%;
	margin: 0;
}

.sp_lead{
	display: none;
}

.greeting_name{
	display: none;
}

.float_box .item_img{
	float: right;
	margin-left: 15px;
}


@media screen and (max-width: 956px) {
	.flex_box,.flex_box02{
		display: block;
	}
	
	.sp_lead{
		display: block;
	}
	
	.greeting_main{
		background: #eff1f8;
		max-height: inherit !important;
	}
	.mainimg{
		width: 340px !important;
	}
	
	.sp_lead{
		font-size: 20px;
		text-align: left;
		font-weight: bold;
		line-height: 1.6;
		padding: 10px;
	}
	
	.flex_box p,.flex_box02 p{
		max-width: 100%;
	}
  
  .flex_box p:last-child,.flex_box02 p:last-child{
    margin-bottom: 10px;
  }
	
	.greeting_photo{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 10px 0;
	}
	
	.flex_box figure,.flex_box02 figure  {
		padding-right: 20px;
	}
	.flex_box figure,.flex_box02 figure p  {
		max-width: 360px;
		margin: 0 auto;
	}
	.sp_name{
		margin-top: 15px;
		font-size: 16px;
		text-align: left;
	}
	.sp_name span{
		font-size: 20px;
	}
	.greeting_name{
		display: block;
		margin: 30px 10px 0 0;
	}
	.greeting_name p{
		text-align: right;
	}
	.greeting_name img{
		display: block;
		margin: 5px 0 0 auto;
	}
	
	.float_box .item_img{
		float: none;
		margin-left: auto;
		margin-bottom: 10px;
	}
	
	#b_csr .mainBox ul li{
		float: left;
		margin: 0;
	}
}

@media screen and (max-width: 478px) {
	.mainimg{
		width: 80% !important;
	}
	
	.flex_box figure,.flex_box02 figure {
		padding-right: 0;
		width: 100%;
	}
}

.float_box .item_img figure figcaption{
	text-align: left;
	margin-top: 5px;
	margin-bottom: 20px;
    line-height: 1.8;
}
@media screen and (max-width: 478px) {
	
	.imgArea h3 br{
		display: none;
	}
}

@media screen and (max-width: 957px) {
	.float_box .item_img figure{
		text-align: center;
		max-width: 360px;
		margin: 0 auto;
	}
}