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

.content2 {
  width: 600px;
	margin:0 auto 30px;
	
 
}

.content3 {
  width: 900px;
	margin:0 auto 50px;
	box-sizing : border-box;
	
 
}

.content4 {
  width: 960px;
	margin:0 auto 50px;
	box-sizing : border-box;
	
 
}

.inner {
  display: flex;
  justify-content: space-evenly;
}

.inner2 {
  display: flex;
  justify-content: space-evenly;
}

.button {
  max-width: 350px;
  margin: 10px auto;
 

}

.button2{
  max-width: 900px;
  margin: 10px auto;
 

}

.circle{
    width: 500px;
    height: 50px;
    border-radius: 9999px;
	margin: 20px auto;
    background: #937ab5;
	font-size: 28px;
	color:#ffffff;
	display:flex;
   justify-content:center; /*横中央*/
   align-items:center; /*縦中央*/
   text-align:center; /*行揃えを中央*/
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.circle2{
    width: 500px;
    height: 50px;
    border-radius: 9999px;
	margin: 20px auto;
    background: #71c7d1;
	font-size: 28px;
	color:#ffffff;
	display:flex;
   justify-content:center; /*横中央*/
   align-items:center; /*縦中央*/
   text-align:center; /*行揃えを中央*/
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}




a {
    text-decoration:none; 
}

/*--------------------------------
  arrow down2
--------------------------------*/
.arrow-btn1 {
  text-align: center;
  margin: 30px auto 50px;
  }
.arrow-btn1 a {
  background-color: #937ab5;
  padding: 0.8rem 2rem 0.8rem;
  border-radius: 10rem;
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
  text-decoration: none;  
}
.arrow-btn1 img {
  width: 20px;
}
.arrow-btn1 a:hover {
  background-color: #c7bdd6;
}
@media only screen and (max-width: 640px) {
  .arrow-btn {
    margin: 1rem auto 3rem;
  }
	.arrow-btn1 a {
  font-size: 1rem;
}
}



/*=============
a.btn_02_a
=============*/
a.btn_02_a {
  display: block;
  color: #fff;
  font-size: 18px;
  padding: 0.5rem 1rem;
  background-color: #604c3f;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.3s;
}
a.btn_02_a:hover {
  background: #82736b;
}
a.btn_02_a span {
  position: relative;
  padding-left: 36px;
}
a.btn_02_a span:before {
  content: '';
  width: 26px;
  height: 26px;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px;
}
a.btn_02_a span:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: 3px solid #604c3f;
  border-right: 3px solid #604c3f;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 7px;
  margin-top: -5px;
}
a.btn_02_a:hover span:after {
  border-top: 3px solid #82736b;
  border-right: 3px solid #82736b;
}



/*=============
a.btn_02_b
=============*/
a.btn_02_b {
  display: block;
  color: #fff;
  font-size: 18px;
  padding: 0.5rem 1rem;
  background-color: #f091a7;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.3s;
}
a.btn_02_b:hover {
  background: #f8cdce;
}
a.btn_02_b span {
  position: relative;
  padding-left: 36px;
}
a.btn_02_b span:before {
  content: '';
  width: 26px;
  height: 26px;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px;
}
a.btn_02_b span:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: 3px solid #f091a7;
  border-right: 3px solid #f091a7;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 7px;
  margin-top: -5px;
}
a.btn_02_b:hover span:after {
  border-top: 3px solid #f8cdce;
  border-right: 3px solid #f8cdce;
}


/*=============
a.btn_02_c
=============*/
a.btn_02_c {
  display: block;
  color: #fff;
  font-size: 1px;
  padding: 0.5rem 1rem;
  background-color: #afdde7;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.3s;
}
a.btn_02_c:hover {
  background: #cfeaf3;
}
a.btn_02_c span {
  position: relative;
  padding-left: 36px;
}
a.btn_02_c span:before {
  content: '';
  width: 26px;
  height: 26px;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px;
}
a.btn_02_c span:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: 3px solid #afdde7;
  border-right: 3px solid #afdde7;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 7px;
  margin-top: -5px;
}
a.btn_02_c:hover span:after {
  border-top: 3px solid #cfeaf3;
  border-right: 3px solid #cfeaf3;
}


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

{ 
		.content2 {
  width: 98%;
  margin:0 auto 10px;
 
}
	.content3 {
  width: 98%;
  margin:0 auto 20px;
 
}
	
	.content4 {
  width: 98%;
  margin:0 auto 20px;
 
}

	.inner {
   display:flex;
  flex-flow: column;
}
	
	.button2{
  max-width:80%;
  
 

}

	
	.circle{
    width: 90%;
    height: 50px;
	font-size: 20px;
	
}
	
	.circle2{
    width: 90%;
    height: 50px;
	font-size: 20px;
	


}

}