@charset "utf-8";




/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.inner section #ta2 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
#ta2 tr td {
      border-bottom: 1px dotted #CCCCCC;
}
#ta4 tr td {
      border-bottom: 1px dotted #CCCCCC;
}



.inner section #ta4 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
#ta2 tr th {
    font-weight: bold;
    font-size: 16px;
    width: 150px;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
    padding-right: 50px;
    border-bottom: 1px dotted #CCCCCC;
}

#ta4 tr th {
    font-size: 16px;
    width: 150px;
    float: none;
    text-align: left;
    font-weight: normal;
    padding-right: 50px;
    border-bottom: 1px dotted #CCCCCC;
}

.box {
    position: relative;
    color: #FFFFFF;
}

.box p {
    position: absolute;
    top: 32px;
    left: 1326px;
    width: 233px;
    height: 32px;
}

.img_box {
    border: 1px solid #CCCCCC;
    float: right;
    height: auto;
    margin-right: 14px;
    clear: none;
    position: relative;
    margin-top: 0px;
}

.txt_box {
    border: 1px solid #CCCCCC;
    float: right;
    height: 100px;
    clear: none;
    position: relative;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.title_box {
    border: 1px solid #CCCCCC;
    float: right;
    height: 30px;
    clear: none;
    width: 320px;
    position: relative;
    text-align: center;
    background-color: #0060BB;
    color: #FFFFFF;
    margin-bottom: 5px;
}
.box2 {
    height: auto;
    display: block;
    width: 324px;
    float: left;
    padding-right: 2%;
}
.a_img_line {
    width: 32%;
    margin-right: 10px;
    float: right;
}

/*よくある質問2
---------------------------------------------------------------------------*/
.accordion {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

/* チェックボックスは非表示 */
.accordion-hidden{
  display: none;
}

/* Question部分 */
.accordion-open {
    display: block;
    padding: 10px 80px 10px 10px;
    background: #add8e6;
    cursor: pointer;
    margin: 5px 0;
    position: relative;
    border-radius: 0.5em;
}

/* 開閉状態を示すアイコン+の作成 */
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #000;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

/* 一本は縦にして+を作る */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたら縦棒を横棒にして-にする */
.accordion-hidden:checked + .accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* Answer部分 */
.accordion-close {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;/* 表示速度の設定 */
}

/* チェックボックスにチェックが入ったらAnswer部分を表示する */
.accordion-hidden:checked + .accordion-open + .accordion-close {
  height: auto;
  opacity: 1;
  padding: 10px;
}

/* Q&A追加 */
.accordion_qa .Q{
    position: relative;
    font-weight: normal; /*太字にする設定*/
}
.accordion_qa .accordion-open{
  padding-left: 2.5em;
}
.accordion_qa .Q::before{
    content: 'Q';
    font-size: x-large;
    display: block;
    position: absolute;
   
    left: -1.3em;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: bold; /*太字にする設定*/
}
.accordion_qa .A{
  position: relative;
  padding-left: 2em;
}
.accordion_qa .A::before{
    content: 'A';
    font-size: x-large;
    display: block;
    position: absolute;
    top: -.1em;
    left: 0;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold; /*太字にする設定*/
}
/*よくある質問
---------------------------------------------------------------------------*/
/*質問と答えのボックス全体を囲むブロック未使用*/
.faq {
  padding: 0 20px 10px; /*上、左右、下へのボックス内余白*/
}
/*質問*/
.faq dt {
  font-weight: bold; /*太字にする設定*/
  color: #988162; /*文字色*/
}
/*回答*/
.faq dd {
  padding-bottom: 10px; /*下に空けるスペース*/
  line-height: 25px;
}
/*質問と答えのボックス全体を囲むブロック*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_qa .cp_actab {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 5px;
    color: #1b2538;
}
.cp_qa .cp_actab input {
  position: absolute;
  opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
    font-weight: bold;
    line-height: 1.6em;
    position: relative;
    display: block;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 1em 2em 1em 2.5em;
    cursor: pointer;
    text-indent: 1em;
    border-radius: 0.5em;
    background: #91d0cd;
}
.cp_qa .cp_actab label::before {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1.5em;
    margin-left: -2em;
    padding-right: 0.5em;
    content: 'Q';
}
.cp_qa .cp_actab label:hover {
    transition: all 0.3s;
    color: #008000;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
    font-size: 1.7em;
    font-weight: bold;
    line-height: 2em;
    position: absolute;
    top: 0;
    right: 0;
    content: '+';
    display: inline-block;
    width: 2em;
    height: 2em;
    -webkit-transition: transform 0.4s;
    transition: transform 0.4s;
    padding-left: 0.5em;
    margin-right: 10px;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
  position: relative;
  overflow: hidden;
  max-height: 0;
  padding: 0 0 0 2.5em;
  -webkit-transition: max-height 0.2s;
  transition: max-height 0.2s;
  border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1.5em;
    position: absolute;
    margin: 0.4em 0 0 -1em;
    padding: 0;
    content: 'A';
    color: #FF070B;
  }
.cp_qa .cp_actab .cp_actab-content p {
  margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
  max-height: 40em;
  border: 10px solid rgba(27, 37, 56, 0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
    color: #008000;
    border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.a_line {
    width: 100%;
    border-bottom: 2pt dotted #9F9F9F;
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
}
.a_toppage_space {
    margin-top: 30px;
}


.reflection{
display:inline-block;
position:relative;
overflow:hidden;
}
 
.reflection:after {
content:"";
height:100%;
width:30px;
position:absolute;
top:-180px;
left:0;
background-color: #fff;
opacity:0;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 2s ease-in-out infinite;
}
 
@keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){



}


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

  .a_img_line {
   display: none;
}
  .box2 {
    height: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    
}
    .box2 img {
    border: 1px solid #CCCCCC;
    float: right;
    clear: both;
    width: 98%;
}

    .txt_box {
    height: 80px;
    margin-bottom: 10px;
    width: 95%;
    float: right;
   
    
}
    
.title_box {
    font-size: large;
    width: 95%;
    
}
    
 .inner section #ta2 {
    width: 100%;
}
    
.ta2 th {
	width: 40%;
}
    
/*ta1の右側ボックス*/
.ta2 td {
	width: 60%;
}
    
#ta2 tr th {
    width: 40%;
    padding-right: 30px;
}

.inner section #ta4 {
    width: 100%;
}

.ta4 td {
	width: 60%;
}
#ta4 tr th {
    width: 40%;
    padding-right: 30px;
}
    
}