@charset "UTF-8";
img {
	max-width:100%;
	height: auto;/*高さ自動*/
}
a {
   /*display:block;*/
    color: #666;
    text-decoration-line: none;
}

.fs-c-heading--page{
	padding: 0.5em 0 !important;
}


a:hover { 
    color: #999;
}

.under {
    border-bottom: 0.4rem solid #000;
    padding:0 1rem 1rem 1rem;
}
.center {
	text-align: center;
	margin-bottom: 2.5rem;
}

.bg-gray{
	background-color: #F4F4F4;
}
.bg-white{
	background-color: #FFFFFF;
}
.bg-indigo{
	background-color: #17658F;
	color: #FFFFFF;
}

.bg-radius{
	border-radius: 0px 20px 0px 20px;
}

.b-bottom{
	border-bottom: 0.1rem solid #000;
}

a.anchor {
    display: block;
    padding-top: 60px;
    margin-top: -60px;
}



.guide_h2{
	font-size: 2em;
	border-bottom: 1px solid #999999;
	text-align: left;
	padding-left: 0.4em;
	color:#F29600;
	margin-top: 50px;
	font-weight: bold;
}
.guide_h2p{
	text-align: left;
	padding: 0.9em 1.15em;
	margin-top:0;
	/*background-color:#F7F7F7;*/
}

.chat-footer {
	display:none !important;
}

.chat-message li.left .chat-message-body {
  background-color: #FFFFFF !important;
}

.chat-message li.left .chat-message-body:before {
  background: #FFFFFF !important;
}

.chat-message li.center .chat-message-body {
  background-color: #FFFFFF !important;
  padding: 10px !important;
}

#goqsystem-chat .chat-window {
  height: 500px !important;
  width: 100% !important;
  margin: 0 auto;
}

.chat-window .chat-body {
  height: 500px !important;
  border: 1px solid #7C8790 !important;
  background-color: #ffeeff !important;
}

.chat-footer .chat-footer-input input, .chat-footer .chat-footer-input textarea {
  border: 1px solid #7c8790 !important;
}

.chat-footer .chat-footer-button .btn {
  width: 100px !important;
  background-color: #d11d2a !important;
}

.chat-message li.center .chat-message-body:hover {
  background-color: #CCFFCC !important;
}

.chat-window a {
  font-weight: bold !important;
}

@media screen and (max-width: 600px) {
  .chat-message li.center .chat-message-body {
    margin-bottom: 10px;
  }
  #goqsystem-chat .chat-window {
    height: 500px !important;
    width: 100% !important;
  }
}



/* 全体の設定
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 62.5%;
}

body {
    color: #000;
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    background:#fff;
    /*font-size: 16px;*/
    font-weight: 400;
    line-height: 1.6;
    margin:0;
	padding:0;
}

/* グリッド
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 2.0rem;
    position: relative;
}
/* ブロックを縦に表示 */
.row {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%;
}

.col {
    display: block;
    flex: 1 1 auto;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
    margin-top: 15px;
    padding: 5px;
	
	border-radius: 0.5em;
}

/* 768px以上の表示 */
@media ( min-width : 768px ) {
.row {
    display: flex;
    flex-direction: row;
    padding: 0;
}
.col {
    margin-left: 4%;
}
	
.col:first-child { 
    margin-left: 0; 
}

.row .col.span-1 {
    flex: 0 0 4.66666666667%;
    max-width: 4.66666666667%;
}
.row .col.span-2 {
    flex: 0 0 13.3333333333%;
    max-width: 13.3333333333%;
}
.row .col.span-3 {
    flex: 0 0 22%;
    max-width: 22%;
}
.row .col.span-4 {
    flex: 0 0 30.6666666667%;
    max-width: 30.6666666667%;
}
.row .col.span-5 {
    flex: 0 0 39.3333333333%;
    max-width: 39.3333333333%;
}
.row .col.span-6 {
    flex: 0 0 48%;
    max-width: 48%;
    margin-top: 15px;
    padding: 15px;
}

.row .col.span-7 {
    flex: 0 0 56.6666666667%;
    max-width: 56.6666666667%;
}
.row .col.span-8 {
    flex: 0 0 65.3333333333%;
    max-width: 65.3333333333%;
}
.row .col.span-9 {
    flex: 0 0 74.0%;
    max-width: 74.0%;
}
.row .col.span-10 {
    flex: 0 0 82.6666666667%;
    max-width: 82.6666666667%;
}
.row .col.span-11 {
    flex: 0 0 91.3333333333%;
    max-width: 91.3333333333%;
}
.row .col.span-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

/* オフセット */
.row .col.offset-1 {
    margin-left: 8.66666666667%;
}
.row .col.offset-2 {
    margin-left: 17.3333333333%;
}
.row .col.offset-3 {
    margin-left: 26%;
}
.row .col.offset-4 {
    margin-left: 34.6666666667%;
}
.row .col.offset-5 {
    margin-left: 43.333333333%;
}
.row .col.offset-6 {
    margin-left: 52%;
}
.row .col.offset-7 {
    margin-left: 60.6666666667%;
}
.row .col.offset-8 {
    margin-left: 69.3333333333%;
}
.row .col.offset-9 {
    margin-left: 78.0%;
}
.row .col.offset-10 {
    margin-left: 86.6666666667%;
}
.row .col.offset-11 {
    margin-left: 95.3333333333%;
}    
}


/* 見出し
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 300;
  letter-spacing: 0.1em;}
h1 { font-size: 3.2rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 2.0rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 2.0rem; line-height: 1.3;  letter-spacing: -.1rem;
    /*border-bottom: 0.1rem solid #000;*/
    padding: 1rem 1rem 1rem 1rem;

}
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* PC表示 */
@media (min-width: 550px) {
  h1 { font-size: 3.0rem; }
  h2 { font-size: 2.5rem; }
  h3 { 
	font-size: 2.0rem;
	/*border-bottom: 0.1rem solid #000;*/
	padding: 1rem 1rem 1rem 1rem;}
  h4 { font-size: 2.0rem; }
  h5 { font-size: 1.8rem; }
  h6 { font-size: 1.5rem; }
 
}

p {
  margin-top: 0;
  font-size: 1.5rem;
  text-align: left;
}


/* リンク
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #0080ff; }
a:hover {
  color: #0FA0CE; }



/* リスト
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ul {
  list-style: circle inside; }  */
/* ol {
  list-style: decimal inside; } */
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 0.1rem;
  text-align: left;
}


/*アコーディオンメニュー
---------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}

body{
  font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic Pro N', Meiryo, sans-serif;
}

.contents{
  max-width: 400px;
  padding: 0 40px;
  margin: 0 auto;
}

.accordion-single  {
  /*border-bottom: 1px solid #efefef; */
  margin-top: 10px;
}

.accordion-single-title {
  /*border-top: 1px solid #efefef;*/
  padding: 5px;
  cursor: pointer;
  position: relative;
  font-size: 1.0em;
  margin: 0;
  letter-spacing: 0.1em;
}

.accordion-single-title::after{
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  transform: translateY(-50%) rotate(135deg);
}

.accordion-single-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-in-out;
}

.accordion-single-content p {
    padding: 15px;
    background-color: #FFFFFF;
    color: #000000;
    border-radius: 0.5em;
}

.accordion-single-content div {
    padding: 15px;
    background-color: #FFFFFF;
    color: #000000;
    border-radius: 0.5em;
}

.accordion-single-item.is-open .accordion-single-content  {
  max-height: 3000px;
}

.accordion-single-item.is-open .accordion-single-title::after  {
  transform: translateY(-50%) rotate(315deg);
}


/*頻出質問
------------------------------------------------------------*/
.freq_list {
	/*list-style-type: none;*/
	padding: 0;
	margin: 0px 5% 0px 5%;
	/*display: flex;*/
	flex-wrap: wrap;
}


li a{
    display: block;
    height: 100%;
    width: 100%
}


.freq_item a{
	font-size:1em;
}

.freq_item a:hover{
	/*color: white;*/
}
.freq_midashi{
	font-size:1.3em;
}

.freq_item {
	display: list-item;  /* 縦に並べる */
	list-style-type: none;
	text-transform: uppercase;
	background: #17658F;
	border-radius: 0.5em;
	margin-bottom: 5px;
	font-size:0.8em;
	padding: 0.4em;
}
.freq_item a:link {color:#ffffff;} /*未訪問のリンクの色*/
.freq_item a:visited {color:#ffffff;} /*訪問済みのリンクの色*/
.freq_item a:hover {color:#ffffff;} /*カーソルが乗っているリンクの色*/
.freq_item a:active {color:#ffffff;} /*クリック中のリンクの色*/

/* 横幅が広いとき */
@media (min-width: 550px) {
.freq_item {
	display: inline-block;  /* 横に並べる */
	margin-bottom: 10px;
	padding: 0.5em;
	font-size:1em;
}

.freq_list {
	margin: 0px 2.5% 0px 2.5%;
}

.freq_item a{
	font-size: 0.8em;
}




}