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

.section
	{
	width: 980px;
	 margin: auto;
}

.main
	{
	margin-bottom: 20px;
}

.box{width: 960px;
	 margin: auto;
	
}

/* 文字 */

.midashi
{
	background: #f091a7;
	color: #fff;/*文字色*/
	margin:2em auto 1em;
	padding: 0.1em;
	font-size: 28px;
text-align: center;
	font-weight: 700;
}


.lead
{
	
	color: #f091a7; /*文字色*/
	margin:0 0 0.5em ;
	font-size: 21px;
text-align: left;
	font-weight: 700;
}

.lead2
{
	
	color: #f091a7; /*文字色*/
	margin:0 0 1em ;
	font-size: 21px;
text-align: left;
	font-weight: 700;
}

.lead3
{
	
	color: #e61673; /*文字色*/
	font-size: 28px;
text-align: center;
	font-weight: bold;
	margin-top: 30px;
}

hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #f091a7;   /* 線色 */
   margin: 20px 10px;
   
}

.honbun
{	
	color: #000; /*文字色*/
	margin:0 0 2em ;
	font-size: 16px;
	text-align: left;
	
}

.kome
{	
	color: #000; /*文字色*/
	font-size: 14px;
	text-align: left;	
}
.url
{	
	margin:0 0 2em ;
	font-size: 18px;
	text-align: left;
}

/* シンプル角丸 枠 1 */
.kakomi-maru1 {
 margin: 0 0 1em ;  
 padding: 0.1em;
 width: 20%; /*幅の調節*/
 color: #fff; /*文字色*/
 background-color: #f091a7; /*背景色*/
 border: 0; /*線の太さ・色*/
 border-radius: 50px; /*角の丸み*/ 
font-size: 21px;
text-align: center;
}

/* シンプル角丸 枠 1 */
.kakomi-maru2 {
 margin: 0 0 1em ;  
 padding: 0.2em;
 width: 60%; /*幅の調節*/
 color: #fff; /*文字色*/
 background-color: #f091a7; /*背景色*/
 border: 0; /*線の太さ・色*/
 border-radius: 50px; /*角の丸み*/ 
font-size: 24px;
text-align: center;
}

/* 文字色 */
.pink{
	color:#f091a7;
	font-weight: bold;
	}

.blue{
	color:#84BAE5;
	font-weight: bold;
	}




/* 画像 */
.images1 {
  float: left;
}
.images1 .pc_layout
{
	width: 250px;
	float: left;
	
}
.img01_pc
{
	width: 250px;
	float: left;
	margin:0px 10px 0px 0px;
}

.images2 .pc_layout
{
	width: 960px;
	
}
.img02_pc
{
	width: 960px;
  margin: 0 auto 30px;
}

.images3 {
  float: right;
}
.images3 .pc_layout
{
	width: 350px;
	float: right;
	
}
.img03_pc
{
	width: 350px;
	float: right; 
   margin:0px 0px 0px 10px;
}



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

{ 
	
	body {
  box-sizing : border-box;
}
	.section
	{
	width: 100%;
	margin: auto;
	padding: 1rem;
	box-sizing: border-box;
}
	
	.main
	{
	width: 95%;
	margin: 0 auto 20px;
}


	


/* シンプル角丸 枠 1 */
.kakomi-maru1 {
 margin: 0 0 5vw 1vw ;  
 padding: 0.2em;
 width: 35%; /*幅の調節*/
 border-radius: 10vw; /*角の丸み*/ 
font-size: 4vw;
	font-weight: bold;
}
	
	.kakomi-maru2 {
 margin: 0 0 5vw 1vw ;  
 padding: 0.2em;
 width: 80%; /*幅の調節*/
 border-radius: 10vw; /*角の丸み*/ 
font-size: 4vw;
	font-weight: bold;
}
	
	/* 文字 */

.midashi
{
	color: #fff;/*文字色*/
	margin:2em 0 1em;
	padding: 0.2em;
	font-size: 6vw;
text-align: center;
	font-weight: 700;
}


.lead
{
	
	
	margin:0 0 1em ;
	font-size: 4vw;
	text-align: left;
	font-weight: 700;
}
	
	

	.lead2
{
	
	
	margin:0 0 1em ;
	font-size: 4vw;
	text-align: left;
	font-weight: 700;
}
	
	.lead3
{
	
	
	margin:1em  0 1em ;
	font-size: 5vw;
	text-align: left;
	font-weight: 700;
}

	
.honbun
{	
	color: #000; /*文字色*/
	margin:0 0 1em ;
	font-size: 3.8vw;
	text-align: left;
}
	
	.kome
{	
	font-size: 3vw;
}
	
.url
{	
	margin:0 0 2em ;
	font-size: 3.8vw;
	text-align: center;
}	
	
	.images1 {
  float:none;
}
	
	.images1 sp_layout
{
	width: 100%　!important;
	float:none;
	margin: auto;
	padding-bottom: 20px;
}
	.img01_sp
{
	width: 100%　!important;
	float:none;
	margin: auto;
	padding-bottom: 20px;
}
	.images2 {
  float:none;
}
	.images2 sp_layout
{
	width: 100%　!important;
	float:none;
	margin: auto;
	padding-bottom: 10px;
}
	.img02_sp
{
	width: 100%　!important;
	float:none;
	margin: auto;
	padding-bottom: 10px;
}
	
	.images3 {
  float:none;
}
	
	.images3 sp_layout
{
	width: 100%　!important;
	float:none;
	margin: auto;
	padding-bottom: 20px;
}
	.img03_sp
{
	width: 100%　!important;
	float:none;
	margin: auto;
	padding-bottom: 20px;
}
	}



 /*PCで無効*/
.pc_hid{
    display: none;
}

/*スマホだけ改行させない*/
@media screen and (max-width: 640px) {
    .br-sp { display:none; }
}


a {
    text-decoration:none; 
}