@charset "UTF-8";
/*.site-title{
	margin-top: 20px;
	width: 460px;
	line-height: 1px;
	padding: 10px 20px;
}*/
img {
	max-width: 100%;
 }
/*.section-title {
	margin-top: 60px;
  }*/
#about p {
	font-size: 1.2rem;
	font-weight: bold;
}  
.right a {
	font-size: 1.2rem;
	font-weight: bold;
}  
.wrapper {
  max-width: 1260px;
  margin: 0 auto 100px;
  padding: 0 4%;
  text-align: center;
}
.wrapper02 {
	max-width: 960px;
	margin: 0 auto 0px;
	padding: 0 4%;
	text-align: left;
  }
/*-------------------------------------------
About
-------------------------------------------*/
#about{
	padding-top: 120px;
}

/*-------------------------------------------*/
div.renkei{
	display: flow-root;
	padding: 15px 0 25px 0;
	font-size: 1.1rem;
}
.lfline {
    float: left;
	text-decoration: underline;
	font-weight: bold;
	color: rgb(255, 102, 7);
}
.riline {
    float: right;
	text-decoration: underline;
	font-weight: bold;
	color: rgb(52, 81, 195);
}
div.left {
	  text-align: left; 
}
div.right {
	  text-align: right; 
	  padding:0 0 15px 0;
}
.udline{
	/*position: relative;*/
	display: inline-block;
	font-weight: bold;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	color: #FFA000;
	background: #fff1da;
	border-bottom: solid 3px #FFA000;
	border-radius: 5px 5px 0 0;
	transition: .4s;
	/*
	text-decoration: underline;
	font-weight: bold;
	color: rgb(235, 56, 6);*/
}  
.udline:hover {
	background: #ffc25c;
	color: #FFF;
  }
  .bdline{
	/*position: relative;*/
	display: inline-block;
	font-weight: bold;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	color: #bf76ba;
	background: #f4f2f4;
	border-bottom: solid 3px #bf76ba;
	border-radius: 5px 5px 0 0;
	transition: .4s;
	/*
	text-decoration: underline;
	font-weight: bold;
	color: rgb(235, 56, 6);*/
}  
.bdline:hover {
	background: #e49df4;
	color: #f2ecf1;
  }
.TPline{
	text-decoration: underline;
	font-weight: bold;
	color: rgb(52, 81, 195);
}   
 .imgsize{
	padding-top: 120px;
 } 

/*-------------------------------------------
SP
-------------------------------------------*/
@media screen and (max-width: 600px) {
	/*追加*/
 .wrapper {
	margin-bottom: 10px;
  }
 /* .site-title {
	margin-top: 30px;
  }
  .section-title {
	margin-top: 60px;
  }
   /*-------------------------------------
  About
  -------------------------------------------*/
 #about .content {
    flex-direction: column;
 }
 #about img {
    margin-right: 0;
 }
 #about h2{
	font-size: 1.1rem;
 }

 #about p {
	font-size: 0.75rem;
 }

 #about a {
	font-size: 0.7rem;
 }
div.renkei{
	padding: 0 0 5px 0;
}
div.right {
	padding:0 0 10px 0;
}
#list  a{
	font-size: 0.6rem;
  }
 }