html {
  scroll-behavior:smooth;
}

body {
  margin: 0%;
  overflow-x: hidden;
}

main{
	margin-top: 20px;
}

a {
  cursor: pointer;
}

/* FV画像 */
header{
	text-align: center;
}

.w100 {
 width: 100vw;
  vertical-align: bottom;
}

.w95 {
 width: 95vw;
 padding: 4px 0px;
  vertical-align: bottom;
}

.w95_2 {
 width: 95vw;
 padding: 8px 0px 0px 4px;
  vertical-align: bottom;
}

* {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
/* 今スグアンケートに答えるbtn */
.questionnairebtn {
  width: 85vw;
  display: block;
  margin: 0 auto;
}


/* ----------アンケートイメージ画像--------- */
.questionimg{
	text-align: center;
}

.w100h{
	width: 100vw;
}

/* チャット鑑定画像 */
.w100t {
  width: 100vw;
}
/* Q1タイトル画像 */
.w100tt {
  width: 95vw;
	margin: 12px auto;
}

/* ---------アンケートタイトル--------- */
/* Q1,2,3,4,5 */
.q1title {
  display: flex;
  text-align: center;
  align-items: center;
  height: 71px;
  margin: 0px 16px;
	border-bottom: dashed 2px #FA667C;	
	
}
.question {
  padding-left: 4px;
  padding-right: 5px;
  height: 42px;
}
.puestiontitle {
  font-size: 20px;
  font-weight: 900;
  padding-left: 15px;
}

/* -------------アンケート項目------------ */

/* Q1,Q3,Q5 */
.q1list {
  font-size: 20px;
  font-weight: 700;
  padding-left: 50px;
  margin-top: 32px;
}
/* Q1 */
.questionbox {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 100vw;
}
.questionbox::before {
  content: "";
  width: 93%;
  border-bottom: dashed 2px #FA667C;
  margin: auto;
  /* 下線 */
}
/* Q2 */
.questionbox2 {
  display: flex;
  flex-direction: column;
  width: 100vw;
}
.questionbox2::before {
  content: "";
  width: 93%;
  border-bottom: dashed 2px #FA667C;
  margin: auto;
}
/* Q4 */
.questionbox4 {
  display: flex;
  flex-direction: column;
  width: 100vw;
}
.questionbox4::before {
  content: "";
  width: 93%;
  border-bottom: dashed 2px #FA667C;
  margin: auto;
}
.q4list {
  font-size: 20px;
  font-weight: 700;
  padding-left: 40px;
  margin-top: 32px;
}
/* Q5 */
.questionbox5 {
  display: flex;
  flex-direction: column;
  width: 100vw;
}
.questionbox5::before {
  content: "";
  width: 93%;
  border-bottom: dashed 2px #FA667C;
  margin: auto;
}
/* Q6 */
.selection {
  font-size: 12px;
  text-align: end;
  padding-right: 8px;
  margin-bottom: -10px;
  margin-top: 8px;
}

/* -------------LINE認証画像-------------- */
.line {
  margin: 1vw;
  margin-bottom: 0%;
  width: 98%;
}

/* -------------下矢印-------------- */

.arrow{
	margin: 32px 0px;
	text-align: center;
}

.arrowimg{
	width: 45px;
}


/* Q1,Q2,Q3 */
.triangle {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 25px solid #FA667C;
  display: flex;
  margin: auto;
  margin-top: 12px;
  margin-bottom: 10px;
}
/* Q4 */
.triangle4 {
  width: 0;
  height: 0;
  border-left: 55px solid transparent;
  border-right: 55px solid transparent;
  border-top: 25px solid #FA667C;
  display: flex;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 15px;
}
/* Q5 */
.triangle5 {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 25px solid #FA667C;
  display: flex;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* -------------背景枠線（金色、グラデーション）-------------- */
.btnbox {
  width: 97.5vw;
  margin-left: 1.4vw;
  margin-top: -4px;
  background-color: white;
}
.bordercolor1 {
  background: linear-gradient(to right bottom, #f2e4b8, #a89a7b);
}
.bordercolor2 {
  background-color: white;
  width: 98vw;
  margin: -10px 1vw;
}
.bordercolor3 {
  background: linear-gradient(to right bottom, #f2e4b8, #a89a7b);
}

/* ーーーーーー鑑定の流れーーーーーーー */

.lineflow {
  width: 98.5vw;
  margin: -0.4vw;
}
.linebox {
  width: 98.5vw;
}
.linebtn {
  width: 85vw;
  margin: 0 auto;
  display: block;
  margin-top: 15px;
}
.returnbtn {
  margin-bottom: 8vw;
  margin-top: 40px;
  margin-left: 119px;
  width: 138px;
  margin: 0 auto;
  display: block;
}

/* ーーーーーーーーー注意書きーーーーーー */

.note{
    text-align: center;
    margin-top: 20px;
	padding: auto 8px;
}
.note p{
    margin-right: auto;
    margin-left: auto;
    margin-top:5px;
    color: #D50B74;
    font-size: 10px;
    font-weight: 900;
}

/* ーーーーーーーーーフッター部分ーーーーーー */

.footerpngbox {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 0px;
}
.footerpng {
  width: 30%;
  display: flex;
  justify-content: center;
}
.footerbox {
  width: 100%;
  background-color: #6B7280;
  display: flex;
  text-align: center;
  align-content: center;
  align-items: center;
margin-top: 0px;
	padding-bottom: 20px;
}
.footertext {
  color: #B8BCC2;
font-weight: midium;
  font-size: 12px;
  width: 100%;
}

/* ーーーーチェックボックス類ーーーーーー */

/* 共通類 */
.a {
  margin-top: 6vw;
}
.aa {
  margin-top: 1vw;
}
label {
  margin-top: 5px;
  padding-top: 7px;
}
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"] {
  display: none;
}
/* Q1チェックボックス */
/* Q1 */
input#check1[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check1[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  /*箱を斜めに傾けてチェック表示にする*/
  transform: rotate(-45deg) translateY(-50%);
}
input#check1[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
  /*チェックボックス分の隙間を作る*/
}
/* Q2 */
input#check2[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check2[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  /*箱を斜めに傾けてチェック表示にする*/
  transform: rotate(-45deg) translateY(-50%);
}
input#check2[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q3 */
input#check3[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check3[type="checkbox"]:checked + label::after {
 content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  /*箱を斜めに傾けてチェック表示にする*/
  transform: rotate(-45deg) translateY(-50%);
}
input#check3[type="checkbox"] + label {
  position: relative;

  padding-left: 40px;
}
/* Q4 */
input#check4[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check4[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  /*箱を斜めに傾けてチェック表示にする*/
  transform: rotate(-45deg) translateY(-50%);
}
input#check4[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q5 */
input#check5[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check5[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  /*箱を斜めに傾けてチェック表示にする*/
  transform: rotate(-45deg) translateY(-50%);
}
input#check5[type="checkbox"] + label {
  position: relative;

  padding-left: 40px;
}
/* Q2チェックボックス */
/* Q1 */
input#check2-1[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 15px;
}
input#check2-1[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  box-sizing: border-box;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check2-1[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q2*/
input#check2-2[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 15px;
}
input#check2-2[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  box-sizing: border-box;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check2-2[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q3*/
input#check2-3[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 15px;
}
input#check2-3[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  box-sizing: border-box;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check2-3[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q4 */
input#check2-4[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 15px;
}
input#check2-4[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  box-sizing: border-box;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check2-4[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q5 */
input#check2-5[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 15px;
}
input#check2-5[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  box-sizing: border-box;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check2-5[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q3チェックボックス */
/* Q1 */
input#check3-1[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check3-1[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check3-1[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q2 */
input#check3-2[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check3-2[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check3-2[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q3 */
input#check3-3[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check3-3[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check3-3[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q4 */
input#check3-4[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check3-4[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check3-4[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q5 */
input#check3-5[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check3-5[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check3-5[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q4チェックボックス */
/* Q1 */
input#check4-1[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check4-1[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check4-1[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q2*/
input#check4-2[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check4-2[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check4-2[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q3*/
input#check4-3[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check4-3[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check4-3[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q4 */
input#check4-4[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check4-4[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check4-4[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q5 */
input#check4-5[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check4-5[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check4-5[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q6 */
input#check4-6[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 0px;
}
input#check4-6[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 40px;
  height: 20px;
  box-sizing: border-box;
  border-bottom: 3px solid red;
  border-left: 3px solid red;
  position: absolute;
  bottom: 10%;
  left: 1px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check4-6[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q5チェックボックス */
/* Q1 */
input#check5-1[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 15px;
}
input#check5-1[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  box-sizing: border-box;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check5-1[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q2*/
input#check5-2[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 15px;
}
input#check5-2[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  box-sizing: border-box;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check5-2[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q3*/
input#check5-3[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 15px;
}
input#check5-3[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  box-sizing: border-box;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check5-3[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q4 */
input#check5-4[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 15px;
}
input#check5-4[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  box-sizing: border-box;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check5-4[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q5 */
input#check5-5[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 15px;
}
input#check5-5[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  box-sizing: border-box;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check5-5[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q6 */
input#check5-6[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 15px;
}
input#check5-6[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  box-sizing: border-box;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check5-6[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q7 */
input#check5-7[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 15px;
}
input#check5-7[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  box-sizing: border-box;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check5-7[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q8 */
input#check5-8[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 15px;
}
input#check5-8[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  box-sizing: border-box;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check5-8[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}
/* Q9 */
input#check5-9[type="checkbox"] + label::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 23%;
  left: -3px;
  border: 1px solid #FA667C;
  border-radius: 15px;
}
input#check5-9[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  box-sizing: border-box;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  position: absolute;
  top: 45%;
  left: 5px;
  transform: rotate(-45deg) translateY(-50%);
}
input#check5-9[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
}

.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 40%;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal a img {
  width: 100%;
  border-radius: 12px;
}

/*フッター追加*/
.footer1 {
	background-color: #6B7280;
}


.foterlink{
	margin-top: 30px;
	padding-top: 40px;
	padding-left: 0px;
	list-style: none;
	text-align: center;
	color: #B8BCC2;
}

.fottera{
	color: white;
	text-decoration: none;
}

.foterlink li{
	font-size: 14px;
	padding: 5px;
}

.qtop{
	 scroll-margin-top: 100px;
}

.puyon {
  animation: puyon 1.0s infinite;
}
@keyframes puyon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  50%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  60%  { transform: scale(0.95, 1.05) translate(0%, -3%); }
  70%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}