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

/*========= Q&A ===============*/

.boxQA {
    position: relative;
    margin: 1em 1em 2em;
    padding: 0.5em 0.5em;
    background: #EDF1F5;/*A文章部分背景色*/
    border-radius: 10px;
}

.boxQA .box-title.q1,.q2,.q3,.q4,.q5,.q6,.q7,.q8,.q9,.q10,
.q11,.q12,.q13,.q14,.q15,.q16,.q17,.q18,.q19,.q20,
.q21,.q22,.q23,.q24,.q25,.q26,.q27,.q28,.q29,.q30{
    position: relative;
    background: #fff;/*Q文章部分背景色*/
    padding: 7px 5px 10px 32px;
    color: #454545;/*Q文章文字色*/
	font-weight: bold;
	font-size:16px;
    border-radius: 10px;
}
.boxQA .box-title.q1:before {
    content: "Q1";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q2:before {
    content: "Q2";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q3:before {
    content: "Q3";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q4:before {
    content: "Q4";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q5:before {
    content: "Q5";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q6:before {
    content: "Q6";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q7:before {
    content: "Q7";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q8:before {
    content: "Q8";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q9:before {
    content: "Q9";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q10:before {
    content: "Q10";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q11:before {
    content: "Q11";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q12:before {
    content: "Q12";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q13:before {
    content: "Q13";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q14:before {
    content: "Q14";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q15:before {
    content: "Q15";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q16:before {
    content: "Q16";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q17:before {
    content: "Q17";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q18:before {
    content: "Q18";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q19:before {
    content: "Q19";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q20:before {
    content: "Q20";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q21:before {
    content: "Q21";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q22:before {
    content: "Q22";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q23:before {
    content: "Q23";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q24:before {
    content: "Q24";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q25:before {
    content: "Q25";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q26:before {
    content: "Q26";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q27:before {
    content: "Q27";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q28:before {
    content: "Q28";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q29:before {
    content: "Q29";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title.q30:before {
    content: "Q30";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}

.boxQA .box-title:after {
    content: "A";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
	font-size:16px;
    color: white;/*A文字色*/
    background: #f8a0e0;/*A背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.2em;
    bottom: -80px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}

.boxQA p {
    padding: 20px 20px 15px 32px;
    margin: 0;
}

.boxQA ul {
  padding: 0 0.4em;
  position: relative;
}
.boxQA ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.8em 3.2em;
  list-style-type: none!important;
}
.boxQA ul li:before {
  font-family: "FontAwesome";
  content: "●";/*アイコン種類*/
  position: absolute;
  left : 2.2em;
  color: #f8a0e0; /*Aのリストのアイコンの色*/
}

.boxQA ul li.num1:before {
  font-family: "FontAwesome";
  content: "1.";/*アイコン種類*/
  font-weight: bold;
  position: absolute;
  left : 2.2em;
  color: #ed63c8; /*Aのリストのアイコンの色*/
}
.boxQA ul li.num2:before {
  font-family: "FontAwesome";
  content: "2.";/*アイコン種類*/
  font-weight: bold;
  position: absolute;
  left : 2.2em;
  color: #ed63c8; /*Aのリストのアイコンの色*/
}
.boxQA ul li.num3:before {
  font-family: "FontAwesome";
  content: "3.";/*アイコン種類*/
  font-weight: bold;
  position: absolute;
  left : 2.2em;
  color: #ed63c8; /*Aのリストのアイコンの色*/
}
.boxQA ul li.num4:before {
  font-family: "FontAwesome";
  content: "4.";/*アイコン種類*/
  font-weight: bold;
  position: absolute;
  left : 2.2em;
  color: #ed63c8; /*Aのリストのアイコンの色*/
}
.boxQA ul li.num5:before {
  font-family: "FontAwesome";
  content: "5.";/*アイコン種類*/
  font-weight: bold;
  position: absolute;
  left : 2.2em;
  color: #ed63c8; /*Aのリストのアイコンの色*/
}

.sp_url{
 word-break: break-all;
}
.anc_margin{
 display: block;
 height:70px;
 margin-top:-70px;
}

/*========= anchor link ===============*/

#page-link{
  padding:0 0 0;
  margin-bottom:15px;
}

#page-link li{
  float: left;
  list-style: none;
  line-height:220%;
  width:365px;
}

#page-link li a{
  color: #333;
  padding:0 20px;
  text-decoration: none;
}

#page-link li a::before{
  content:'▼';
  font-size:0.8rem;
  padding:0 10px 0 0;
  color: #7ec1ff;
}


@media all and (max-width: 768px) {/* 横幅がいっぱいになったら */
#page-link li{
  width:300px;
}


@media all and (max-width: 600px) {/* スマホ600px */
#page-link li{
  width:300px;
}
}