@charset "UTF-8";

.mb20pc{margin-bottom: 20px}
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  background-color: #edf9f9;
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/10);
  height: 50px;
    padding-top: 15px;
  border-bottom: 3px solid #5ab4bd;
  background-color: #99dddb;
  line-height: 1.3em;
  font-size: 13px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
    border-right: solid 1px #fff
}
.tab_item:hover {
background-color: #5ab4bd
}

.tab_last{padding-top: 8px!important;border-right: none}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 0;
  clear: both;
  overflow: hidden;
    background-color: #fff
}
.tab_box{padding: 40px}

/*選択されているタブのコンテンツのみを表示*/
#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content,
#tab04:checked ~ #tab04_content,
#tab05:checked ~ #tab05_content,
#tab06:checked ~ #tab06_content,
#tab07:checked ~ #tab07_content,
#tab08:checked ~ #tab08_content,
#tab09:checked ~ #tab09_content,
#tab10:checked ~ #tab10_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}







section.information2 {
    background-color: #edf9f9
}


section.information2 p {
background-color: #edf9f9

	
}

section.information2 p.bk_w{background-color: #fff} 

.toggle.close .close p span {
  background-image: url(../../img/qa/icon_minus.jpg) !important;
}

.toggle.close p span {
  background-image: url(../../img/qa/icon_plus.jpg) !important;
}

.toggle.close ul {
  display: none;
}


div.closeNav {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;

}

nav.mainNav.opened + div.pageWrap + div.closeNav {
  display: block;
  -webkit-transform: translateX(200px);
  transform: translateX(200px);
}

.toggle.close p span {
  background-image: url(../../img/qa/icon_plus.jpg)  !important;
}

.toggle.close ul {
  display: none;
}


p.q_icon{background-image:url(../../img/qa/Q.png); background-position:left 20px bottom 25px; background-repeat:no-repeat;background-size: 25px}

@media only screen and (min-width:750px){
	
	section.information2 p span {
	background: url(../images/icon_arrow_black.png) no-repeat 100% 70%;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	padding:20px 30px 20px 60px;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
	cursor:pointer;  border-bottom: 1px solid #ccc;
        margin-bottom: 20px
}
.img_center{vertical-align:bottom;
margin-right:20px}


ul.informationLink li {

	list-style: none;
	background-color:#fff;
	padding:17px 30px 17px 100px;
	background-image:url(../../img/qa/icon_a.png)  ;
	background-repeat:no-repeat;
	background-position:60px 22px;
    background-size: 25px
	}


ul.informationLink li a span.date {
	color: #82786E;
	display: block;
	float: left;
	margin-left: -7em;
	padding-left: 10px;
	width: 5em;
}

  ul.informationLink li a {
    background-image: url(../img/icon_arrow_gray_2x.png);
    background-size: 18px 13px;
  }

ul.informationLink li {

  list-style: none;
  
}}

#qa_other a{color:#004EA2;
text-decoration:underline}

#main_qa a{color:#004EA2;
text-decoration:underline;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

#main_qa a:hover{color:#004EA2;text-decoration:underline;}

a:active, a:focus {outline:0;}


@media screen and (max-width: 1215px) {.tab_item {font-size:1.2vw;}}

@media screen and (max-width: 900px) {
    .tab_item {font-size: 1.7vw; width: calc(100%/5);}
    
    }


@media screen and (min-width: 769px) {

    
}

@media screen and (max-width: 768px) {
    
    .mb20pc{margin-bottom: 0}
    .tab_box{padding: 0px;border-bottom: 3px solid #fff}
    p.q_icon{background-image:url(../../img/qa/Q.png); background-position:left 20px top 25px; background-repeat:no-repeat;background-size: 25px}
    
    .tab_content {
  display: none;
  padding:  0;
  clear: both;
  overflow: hidden;
    background-color: #edf9f9;
}

	 .tab_item {font-size: 2.7vw; width: calc(100%/5);}
	section.information2 p span {
	background: url(../images/icon_arrow_black.png) no-repeat 95% 50%;
	display: block;
	font-size: 3.3vw;
	font-weight: bold;
	line-height: 1.3em;
	padding:20px 60px 20px 60px;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
	cursor:pointer;
     
}
	
	
.img_center{vertical-align:bottom;
margin-right:20px}


ul.informationLink li {
	
	list-style: none;
	background-color:#fff;
	padding:17px 30px 17px 60px;
	background-image:url(../../img/qa/icon_a.png)  ;
	background-repeat:no-repeat;
	background-position:20px 12px;
    background-size: 25px
	}


ul.informationLink li a span.date {
	color: #82786E;
	display: block;
	float: left;
	margin-left: -7em;
	padding-left: 10px;
	width: 5em;
}

  ul.informationLink li a {
    background-image: url(../img/icon_arrow_gray_2x.png);
    background-size: 18px 13px;
  }

ul.informationLink li {

  list-style: none;
  
}}