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

.main_title{
	background: url("../img/mainvisual.png")no-repeat center;    background-size: cover;
    height: 380px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container{
    max-width: 1024px;
    margin: auto;
    width: 100%;
}
.blue_btn {
    max-width: 250px;
}
.btn_cap {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.number {
  position: relative;
  border: 2px solid #3A89D4;
  background: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #3A89D4;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.number_blue {
  position: relative;
  background: #3386D2;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.qa-wrap {
  margin-bottom: 20px;
}
.qa-wrap:last-of-type {
  margin-bottom: 120px;
}
.accbox input {
  display: none;
}
.accbox label {
  display: block;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s;
}
.question {
  display: flex;
justify-content: center;
}
.q-txt {
  color: #000;
  width: 100%;
  padding: 15px 35px;
font-size: 130%;
	position: relative;
}
.answer {
  display: flex;
}
.answer_inner{
	display: flex;
	justify-content: center;
}

.a-txt {
width: 100%;
  padding: 35px 0;
  line-height: 1.7;
text-align: left;
overflow: hidden;
}
.a-txt p,.indent_box{
margin-bottom: 30px;
line-height: 2;
    width: 100%;
    padding-left: 30px;
    box-sizing: border-box;
}


.q-txt:after {
position: absolute;
  content: url(../img/arrow-icon01.png);
right: 0px;
}
.cssacc:checked + label .q-txt:after {
  content: url(../img/arrow-icon02.png);
}
.cssacc:checked + label + .accshow {
  height: auto;
  padding: 0px 0 15px;
  opacity: 1;
}
.accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s;
}

.a-txt-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.a-txt-flex img {
  margin-left: 50px;
}
.link-anker{
display: block;
  padding-top: 70px;
  margin-top: -70px;
}
.indent{
    text-indent: -1.75em;
    padding: 0 0 0 1.75em;
    margin-left: 5px;
}
.bnr{
	display: flex;
	justify-content: center;
	margin: 50px auto;
	flex-wrap: wrap;
}

.technical_bnr{
width: 41%;
    background: url("../../products/img/technical_bnr.png")no-repeat center;
    background-size: cover;
    padding: 30px 40px;
    text-align: center;
}
.product_bnr{
width: 41%;
    background: url("../../products/img/product_bnr.png")no-repeat center;
    background-size: cover;
    padding: 30px 40px;
    text-align: center;
}
.bnr_inner{
	width: 80%;
	margin: auto;
 background-color:rgba(255,255,255,0.8);
 padding: 20px;
}
.qa_nav {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 0 0 80px;
}
.qa_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 125%;
    border: 1px solid #3a89d4;
    width: 241px;
    font-weight: bold;
    padding: 5px 0;
  transition: .3s;
  cursor: pointer;
}
.qa_btn.act {
    border: 1px solid #3a89d4;
  color: #fff;
  background: #3a89d4;
}
a.ul_link {
    text-decoration: underline;
}
a.ul_link:hover {
    text-decoration: none;
}
.qa_outer{
  display: none;
}
.qa_outer.open{
  display: block;
}
/*--------------------------
----------------------------
------　固有レスポンシブ　-----
----------------------------
--------------------------*/

@media screen and (max-width: 1279px) {

    
}

@media screen and (max-width: 767px) {
	ul.pankuzu {
    width: 90%;
}
	.question {
    justify-content: flex-start;
		align-items: center;
}
	.q-txt{
		font-size: 14px;
	}
	.container {
    width: 90%;
}
	.a-txt p,.indent_box {
    padding-left: 10px;
    width: 80%;
}
	.answer_inner {
    justify-content: flex-start;
}
	p.q-txt {
    width: 70%;
    padding: 0px 10px;
}
.img-list--center {
        display: block;
        }
.a-txt {
        padding: 35px 0;
        }
.q-txt:after {
    right: -20px;
  top: -5px;
}
.a-txt-flex {
    flex-wrap: wrap;
}
.a-txt-flex img {
    margin-left: 0;
}
	
	.technical_bnr,.product_bnr{
		width: 100%;
	}
}