@charset "UTF-8";

.main-inner {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}


/* ボタン
--------------------------------------------------*/
/* 押せない ----------*/
#main .btn-link:not([href]) {
  background-color: #999999;
  border-color: #999999;
  cursor: default;
}
#main .btn-link:not([href]):hover {
  color: #ffffff;
  opacity: 1;
}


/* 重要ボタン（TOPボタン コンテンツINDEXページボタン）----------*/
.btn-link {
  display: block;
  margin: 0 auto;
  padding: 6.5px 0;
  background-color: #ce2f35;
  background-repeat: no-repeat;
  border: 1px solid #ce2f35;
  color: #ffffff;
  font-size: 93%;
  text-align: center;
  text-decoration: none;
}
.btn-link:hover {
  background-color: #ffffff;
  color: #ce2f35;
}

/* 矢印 */
.btn-link.arrow {
  background-image: url(/volunteer/assets/images/arrow_btn-link-01.png);
  background-position: right 15px center;
}
.btn-link.arrow:hover {
  background-image: url(/volunteer/assets/images/arrow_btn-link-02.png);
}
.btn-link.arrow:not([href]):hover {
  background-image: url(/volunteer/assets/images/arrow_btn-link-01.png);
}

/* 別窓 -パターン1 */
.btn-link.blank {
  background-image: url(/volunteer/assets/images/icon_btn-blank-01.png);
  background-position: right 6px bottom 6px;
}
.btn-link.blank:hover {
  background-image: url(/volunteer/assets/images/icon_btn-blank-01_on.png);
}
.btn-link.blank:not([href]):hover {
  background-image: url(/volunteer/assets/images/icon_btn-blank-01.png);
}


/* 別窓 -パターン2 */
.btn-link.blank-b {
  background-image: url(/volunteer/assets/images/icon_btn-blank-02.png);
  background-position: right 10px center;
}
.btn-link.blank-b:hover {
  background-image: url(/volunteer/assets/images/icon_btn-blank-02_on.png);
}
.btn-link.blank-b:not([href]):hover {
  background-image: url(/volunteer/assets/images/icon_btn-blank-02.png);
}


/* 青ボタン ----------*/
.btn-link-blue {
  background-color: #0077c0;
  color: #fff;
  display: block;
  width: 40%;
  margin: 0 auto 50px;
  padding: 6.5px 0;
  background-repeat: no-repeat;
  border: 1px solid #0077c0;
  font-size: 93%;
  text-align: center;
  text-decoration: none;
}
.btn-link-blue:hover {
  background-color: #ffffff;
  color: #0077c0;
}
#inner a.btn-link-blue:visited,
.inner a.btn-link-blue:visited {
  color: #fff;
}
#inner a.btn-link-blue:visited:hover,
.inner a.btn-link-blue:visited:hover {
  color: #0077c0;
}
.btn-link-blue.arrow {
  background-image: url(/volunteer/assets/images/arrow_btn-link-01.png);
  background-position: right 15px center;
}
.btn-link-blue.arrow:hover {
  background-image: url(/volunteer/assets/images/arrow_btn-link-04.png);
}
.btn-link-blue.arrow:not([href]):hover {
  background-image: url(/volunteer/assets/images/arrow_btn-link-01.png);
}

/* 下層ボタン ----------*/
.btn-link-lower {
  display: inline-block;
  height: 40px;
  background-color: #ffffff;
  border: 1px solid #0077c0;
  color: #0077c0;
}
.btn-link-lower:hover {
  background-color: #0077c0;
  color: #0077c0;
}


/* 赤矢印ボタン ----------*/
.btn-arrow {
  background: url(/volunteer/assets/images/arrow_btn-link-03.png) no-repeat #ffffff;
}
.btn-arrow:hover {
  opacity: 0.7;
}


/* chamo chat system add ----------*/
#chamo-waiting > span, #chamo-mesmes {
display:none !important;
}

.chamo_pc .chamo-titlebar div:first-child {
text-indent:-9999px;
}

.chamo_pc .chamo-titlebar div:first-child::after {
position: absolute;
width:100%;
top: 0;
left: 0;
text-indent: 0;
text-align:center;
content: "お気軽質問窓口";
}

.chamo-poweredby {
display:none !important;
}

#offline-message-sendbutton {
display:none !important;
}

/*デバイステキストのh2見出し*/
#container h2.mainTitle {
	border-bottom: 2px solid #ce2f35;
	padding: 0;
	padding-left: 12px;
	padding-bottom: calc(10px - 1px - ((1.4em - 1em) / 2));
	font-size: 26px;
	line-height: 1.4;
	margin-bottom: 45px;
	color: #ce2f35;
	display: flex;
	justify-content: flex-start;
	align-items: center;
  -webkit-font-smoothing: antialiased;
}

/*デバイステキストのh2見出しのアイコン設定*/
#container h2.mainTitle.icon_faq::before {
    background: url(../images/icon_faq.svg) no-repeat center bottom/contain;
	content: " ";
    width:32px;
    height:30px;
	display: block;
	margin-right: 8px;
    margin-bottom: calc((1.4em - 1em) / 2);
}
#container h2.mainTitle.icon_man::before {
    background: url(../images/icon_man.svg) no-repeat center bottom/contain;
	content: " ";
    width:32px;
    height:30px;
	display: block;
	margin-right: 8px;
    margin-bottom: calc((1.4em - 1em) / 2);
}
#container h2.mainTitle.icon_pencil::before {
    background: url(../images/icon_pencil.svg) no-repeat center bottom/contain;
	content: " ";
    width:32px;
    height:30px;
	display: block;
	margin-right: 8px;
    margin-bottom: calc((1.4em - 1em) / 2);
}
#container h2.mainTitle.icon_prise::before {
    background: url(../images/icon_prise.svg) no-repeat center bottom/contain;
	content: " ";
    width:32px;
    height:30px;
	display: block;
	margin-right: 8px;
    margin-bottom: calc((1.4em - 1em) / 2);
}
#container h2.mainTitle.icon_notebook::before {
    background: url(../images/icon_notebook.svg) no-repeat center bottom/contain;
	content: " ";
    width:32px;
    height:30px;
	display: block;
	margin-right: 8px;
    margin-bottom: calc((1.4em - 1em) / 2);
}
#container h2.mainTitle.icon_info::before {
    background: url(../images/icon_info.svg) no-repeat center bottom/contain;
	content: " ";
    width:32px;
    height:30px;
	display: block;
	margin-right: 8px;
    margin-bottom: calc((1.4em - 1em) / 2);
}
#container h2.mainTitle.icon_tell::before {
    background: url(../images/icon_tell.svg) no-repeat center bottom/contain;
	content: " ";
    width:32px;
    height:30px;
	display: block;
	margin-right: 8px;
    margin-bottom: calc((1.4em - 1em) / 2);
}
#container h2.mainTitle.icon_results::before{
  background: url(../images/icon_results.svg) no-repeat center bottom/contain;
  content: " ";
  width:32px;
  height:30px;
  display: block;
  margin-right: 8px;
  margin-bottom: calc((1.4em - 1em) / 2);
}
#container #leftBox h2.mainTitle.icon_results::before{
    background: url(../images/icon_results.svg) no-repeat center bottom/contain;
    content: " ";
    width:32px;
    height:30px;
	display: block;
	margin-right: 8px;
    margin-bottom: calc((1.4em - 1em) / 2);
}

#container h2.mainTitle.new_line::before{
    margin-bottom: 1.6em!important;
}

/*デバイステキストのh3見出し*/
#container h3.lower-sub-head {
	padding-left: 23px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	color: #007abd;
	font-size: 143%;
	background: url(../images/icon_sub-head.png) left center no-repeat;
  
}


#container h3.lower-sub-head span{
    font-size: 77.7%;
}