/*
Theme Name: 困窮者支援情報共有サイト〜みんなつながるネットワーク〜
Theme URI: https://minna-tunagaru.jp/
Description: 生活困窮者自立支援制度について、現在さまざまに流通している情報や必要な情報をトータルに閲覧できるように整理して、提供していくホームページです。
*/

/*------------------------------------------------------------
    デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 1em;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
    display: block;
}
 
ol, ul { list-style: none;}

blockquote, q { quotes: none;}
 
:focus { outline: 0;}
 
ins { text-decoration: none;}
 
del { text-decoration: line-through;}

a:link{
	color: #137ec1;
	text-decoration: none;
	transition: 0.3s all;
}

a:hover{
	color:#FFB238;
	text-decoration:none;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: bottom;
}

*, *::before, *::after {
	box-sizing: border-box;
}

blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
	width: auto;
	display: inline-block;
	margin: 5px 0;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 15px;
    content: "\f10d";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

video {
  width: 100%;
  max-width: 100%; /* 最大でも400px以下に */
}

.post-password-form {
	padding: 40px 0 60px;
}
/*------------------------------------------------------------
    汎用スタイル
------------------------------------------------------------*/

.clear { clear: both;}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.fl { float: left;}
.fr { float: right;}
.txt-c { text-align: center;}
.txt-l { text-align: left;}
.txt-r { text-align: right;}
.red { color: #F00;}
.place { color: #1000ff;}
.mk-ye { background: linear-gradient(transparent 60%, #ffff66 60%);}
.fs11 {	font-size: 1.1rem;}
.txt-bl { color: #137bbd; }
.mb20 { margin-bottom: 20px !important;}
.blbig { color: #5c9ee7; font-weight: bold; font-size: 1.75rem; }
.chushaku { font-size: 1.3rem; color: #F00; }

input.wpcf7c-conf,
textarea.wpcf7c-conf,
select.wpcf7c-conf,
checkbox.wpcf7c-conf {
  border: 1px solid #333333;
  background: #e8f0fe;
  opacity: 1;
}

/*------------------------------------------------------------
    レイアウト
------------------------------------------------------------*/

html {font-size: 62.5%;}

body {
    /*font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';*/
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
    line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
   	width: 100%;
	position: relative;
	font-size: 1.4rem;
	color: #333333;
	background-color: #f9f9f2;
}

/*------------------------------------------------------------
    ヘッダー
------------------------------------------------------------*/
 
#header {
	width: 100%;
	height: 100%;
	background-color: #e0f2fc;
}

#page #header {
	background: none;
}


.head-in {
	min-height: 100px;
	position: relative;
	text-align: left;
}

.head-in .logo {
	font-size: 1em;
	font-weight: normal;
	display: inline-block;
	margin-top: 17px;
	margin-left: 10px;
}

.head-in .k-link {
	width: 110px;
}

.headmenu01 {
	text-align: center;
	margin: 20px 0px 5px;
	padding: 0px;
	font-weight: normal;
	line-height: normal;
	font-size: 0.9em;
}

.headmenu01 li a{
	display: inline-block;
	position: relative;
	padding-left: 15px;
	margin-right: 5px;
	transition: .3s all;
}

.headmenu01 li a::before{
	content: "\f105";
	font-family: fontawesome;
	display: inline-block;
	margin-right: 5px;
	font-size: 90%;
}

.headmenu02 {
	text-align: center;
	margin: 4px 0px;
	padding: 0px;
}



.search_container{
  box-sizing: border-box;
}
.search_container input[type="text"],
.searchform input[type="text"] {
  border: 1px solid rgba(0,0,0,.125);
  padding: 3px 5px;
  height: 2.0em;
  width: 180px;
  overflow: hidden;
}
.search_container input[type="text"]:focus,
.searchform input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="submit"],
.searchform input[type="submit"] {
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 1.3em;
  border: none;
  background: none;
  color: #3879D9;
  outline : none;
  display: inline-block;
  vertical-align: middle;
}

.searchhighlight {
         background:#FFFF00;
}

.page-numbers {
}


/*------------------------------------------------------------
    ナビゲーション
------------------------------------------------------------*/

.gnavi {
	width: 100%;
	padding: 5px 0px 10px;
	margin: 0px;
	background-color: #e0f2fc;
	transition: .3s;
}

.gnavi.is-fixed {
	background-color: rgba(255,255,255,0.9);
	padding: 15px 0;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
.is-hide {
  transform: translateY(-100%);
}

#page .gnavi {
	background: none;
}

#page .gnavi.is-fixed {
	background-color: rgba(255,255,255,0.9);
}

.gnavi .nav-item {
	text-align: center;
	/*height: 50px;*/
	font-size: 1em;
	font-weight: bold;
	color: #2b78ce; 
	border-right: dotted 1px #137ec1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gnavi .nav-item a {
	color: #333;
	transition: .3s all;
}

.gnavi .nav-item a:hover {
	color: #137ec1;
}

.gnavi .nav-item a img {
	display: block;
	margin:0 auto 5px;
	position: relative;
}

.gnavi .nav-item:first-child {
	border-left: dotted 1px #137ec1;
}




.gnav-wrapper {
	/*background: #5e5e5e;*/
	position: relative;
}
.gnav {
	display: flex;
	justify-content: space-between;
}
.gnav li {
	text-align: center;
	width: 100%;
	/*height: 50px;*/
	font-size: 1em;
	font-weight: bold;
	color: #2b78ce; 
	/*border-right: dotted 1px #137ec1;*/
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s ease-in;
}

.gnav li:first-child {
	/*border-left: dotted 1px #137ec1;*/
}
.gnav a {
	/*color: #fff;*/
	color: #333;
	transition: .3s all;
}
.gnav > li > a {
	display: block;
	width: 100%;
	margin: auto;
	position: relative;
}
.gnav a img {
	display: block;
	margin:0 auto 5px;
	position: relative;
	width: 32px;
}
.gnav li:last-child img {
	width: 65%;
}

.gnav a:hover {
	color: #137ec1;
}
.gnav > li:hover .megamenu {
	max-height: 9999px;
	opacity: 1;
	padding: 30px;
}
.megamenu {
	background: rgba(19,126,196,0.9);
	border-radius:10px;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	position: absolute;
	top: 67px;
	left: 0;
	transition: all .2s ease-in;
	z-index: 999;
}
.megamenu::before {
	content: "";
	width: 0;
    height: 0;
    border: 30px solid transparent;
    border-top: 20px solid #e0f2fc;
	position: absolute;
	top: -5px;
	left: 63px;
}

#page .megamenu::before {
  border-top: 20px solid #f9f9f2;
}

.is-fixed .megamenu::before,
#page .is-fixed .megamenu::before {
	border-top-color: #FFFFFF;
}

.gnav li:nth-child(2) .megamenu::before {
	left: 247px;
}
.gnav li:nth-child(3) .megamenu::before {
	left: 431px;
}
.gnav li:nth-child(4) .megamenu::before {
	left: 620px;
}
.gnav li:nth-child(5) .megamenu::before {
	left: 803px;
}
.gnav li:nth-child(6) .megamenu::before {
	left: 987px;
}

.megamenu-inner {
	display: flex;
	flex-wrap: wrap;
}

.megamenu-inner h4 {
	color: #FFF;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 2px solid #FFF;
	flex-shrink: 0;
	width: 200px;
    margin-right: 20px;
}

.gnav .megamenu-inner li {
	text-align: left;
	/*flex-direction: column;*/
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 20px;
	margin-right: 20px;
	display: flex;
}

.gnav .megamenu-inner li ul li {
	margin-bottom: 10px;
}

.gnav .megamenu-inner li ul li a{
	position: relative;
	display: flex;
	padding-left: 5px;
	font-weight: normal;
}

.gnav .megamenu-inner li ul li a::before {
	content: "\f105";
	font-family: fontawesome;
	display: inline-block;
	margin-right: 5px;
	font-size: 90%;
}

.gnav .megamenu-inner li ul li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #F90;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.gnav .megamenu-inner li ul li a:hover::after {
  transform: scale(1, 1);
}

.megamenu-inner > li {
	/*width: calc( (100% / 4) );*/
	padding: 0;
}
.megamenu-inner a {
	border-left: none;
	color: #fff;
	font-size: 1.4rem;
	transition: all .3s ease-in;
}
.megamenu-inner a:hover {
	color: #ffff00;
	color: #F90;
}
.megamenu-inner-img {
	margin: 0 0 10px;
}
.megamenu-inner-text img {
	margin: 0 5px 0 0;
}
/*------------------------------------------------------------
    トップイメージ
------------------------------------------------------------*/

.topimg {
	width: 100%;
	/*background: #deeff8;*/
	background-color: #e0f2fc;
	height: 450px;
	background-image: url(../img/head-cloud.png);
	background-repeat:repeat-x;
	background-position: center bottom;
	background-size: contain;
}

.mv {
	width: 100%;
	height: 100%;
	background: url(../img/bg-mv.png) no-repeat center bottom 20px;
	background-size: contain;
}

.mv-cont {
	padding: 40px 0;
	height: 100%;
}

.cont-lead {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: left;
	position: absolute;
	right: 90px;
	top: 140px;
}

.cont-lead a:hover,
.side-bn a:hover {
	opacity: 0.7;
}

.img_box {
  animation: img_box_9955 2s linear infinite;
  transform-origin: 50% 50%;
  /*margin: 1rem 0 !important;*/
}
@keyframes img_box_9955 {
0% { transform: translateY(0) }
33.33333% { transform: translateY(-5px) }
66.66667% { transform: translateY(0) }
100% { transform: translateY(0) }
}

.mv-lead {
	line-height: 1.7;
	margin-bottom: 15px;
}

.cont-lead a .btn {
	font-size: 1.7rem;
	font-weight: bold;
}

/*
.mv-lead > span {
	border-bottom: dashed 3px #ffff00;
}
*/
/*------------------------------------------------------------
    IFRAME
------------------------------------------------------------*/

.iframe-wrapper {
	position: relative;
	width: 100%;
	padding: calc(600 / 670 * 100%) 0 0;
}

.iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*------------------------------------------------------------
    フッター
------------------------------------------------------------*/

.footer {
	background: #137bbd;
	color: #FFF;
	position: relative;
	width: 100%;
	text-align: left;
}

.footer-in {
	padding: 30px 0 0;
}

.footer-in .row {
	margin-bottom: 20px;
}

.footer-info figure{
	/*width: 180px;*/
	margin:10px auto 0;
}

.footer-navi > ul {
	padding-bottom: 14px;
}


.footer-navi > li {
	margin-bottom: 15px;
}

.footer-navi li a {
	color: #ffffff;
	position: relative;
	padding-left: 15px;
	margin-bottom: 7px;
	display: block;
	transition: .3s all;
}
.footer-navi li a:hover {
	color: #F90;
}

.footer-navi li a::before {
	content: "\f105";
	font-family: fontawesome;
	display: inline-block;
	margin-right: 5px;
	font-size: 90%;
}
 
.footer-navi > ul > li > ul {
	margin-left: 1em;
}

.footer-navi > ul > li > a {
	font-weight: bold;
}

.footer-navi > ul > li > a::before {
	content: "\f138";
}

.footer-navi > ul > li > ul > li > a {
	margin-bottom: 5px;
}

.area-ft-link li span {
	display: block;
	margin-top: 5px;
	font-size: 1.2rem;
	text-align: center;
}


/*
.area-ft-link li span::before {
	content: "\f2d2";
	display: inline-block;
	font-family: fontawesome;
	margin-right: 5px;
}
*/


 	
small {
	display: block;
	font-weight: normal;
    font-size: 1.0rem;
    padding: 10px 0;
	color: #FFF;
	text-align: center;
}

/*------------------------------------------------------------
    コンテンツ
------------------------------------------------------------*/

.wrapper {
	overflow: hidden;
}

.wrap {
	overflow: hidden;
	text-align: left;
	padding: 20px 0 80px;
}

#home .wrap {
	padding-top: 60px;
	padding-bottom: 60px;
}

.main {
}

.maincont {
	background: #FFF;
	border-radius: 10px;
	padding: 30px 20px;
	box-shadow: 2px 2px 0px #ebe5d3;
	margin-bottom: 2px;
}

.top-bn {
	/*padding:60px 0;*/
}

.corona-bn a:hover {
	opacity: 0.7;
}

.top-bn-wrap ul,
.page-bn-wrap ul,
.covid-wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.top-bn-wrap ul li {
	width: 32%;
	margin-bottom: 20px;
	background: #FFF;
	border-radius: 10px;
    box-shadow: 2px 2px 0px #ebe5d3;
	transition: 0.3s all;
	text-align: center;
}

.page-bn-wrap ul li {
	width: 49%;
	margin-bottom: 20px;
	background: #FFF;
    border: 1px solid #ebe5d3;
	transition: 0.3s all;
}

.covid-wrap ul li {
	width: 100%;
	margin-bottom: 2%;
	background: #FFF;
	border-radius: 10px;
    border: 1px solid #ebe5d3;
    box-shadow: 2px 2px 0px #ebe5d3;
	transition: 0.3s all;
	text-align: left;
	position: relative;
}

.covid-wrap ul li::before {
	content: "\f138";
	font-family: fontawesome;
	display: inline-block;
	font-size: 90%;
	color: #137ec1;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	transition: 0.3s all;
}

.covid-wrap ul li:hover::before {
	right: 15px;
}


.top-bn-wrap ul li:hover,
.page-bn-wrap ul li:hover,
.covid-wrap ul li:hover {
	background: #FFFFCC;
}

.covid-wrap ul li:hover {
	box-shadow: none;
}

.top-bn-wrap ul li a {
	display: block;
	padding:40px 20px;
	color: #137ec1;
	transition: 0.3s all;
}

.page-bn-wrap ul li a {
	display: block;
	padding: 20px;
	color: #137ec1;
	transition: 0.3s all;
}

.covid-wrap ul li a {
	display: block;
	padding:20px;
	color: #137ec1;
	transition: 0.3s all;
	font-weight: bold;
	font-size: 1.6rem;
}

.top-bn-wrap ul li a:hover,
.page-bn-wrap ul li a:hover,
.covid-wrap ul li a:hover {
	color: #FFB238;
}

.top-bn-leadbox {
	padding-bottom: 40px;
}

.top-bn-leadbox p{
	line-height: 1.7;
	margin-bottom: 20px;
	text-align: left;
	/*padding-left: 30px;*/
}

.top-bn-leadbox .badge-primary {
  color: #137ec1;
  background: none;
  transition: 0.3s all;
}

.top-bn-leadbox .list-group-item:hover .badge-primary {
	transform: translateX(5px);
}




.h2ttl {
    font-size:  2.4rem;
	position:  relative;
	font-weight:  bold;
	display:  inline-block;
	padding-top: 40px;
	/*padding-left: 30px;*/
	padding-bottom: 20px;
	text-align: left;
}

.h2ttl::before {
    content:  '';               /* 空白の要素を作る */
    background-color: #ffeaac;  /* 背景色指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left:  0;                   /* 位置調整 */
    height: 90px;               /* 高さ指定 */
    width: 90px;                /* 幅指定 */
    border-radius:  50%;        /* 丸くする */
    top: 0;                     /* 位置調整 */
    z-index:  -1;
}

.h2ttl02 {
  color: #505050;
  padding: 0.6em 0.8em;
  line-height: 1.3;
  background: #fff0d9;
  vertical-align: middle;
  margin-bottom: 25px;
  font-weight: bold;
  font-size: 2rem;
  border-radius: 5px;
}
/*
.h2ttl02:before {
  content: '●';
  color: white;
  margin-right: 8px;
}
*/

.ttl-ribon {
  position: relative;
  padding: 0.5em;
  background: #a6d3c8;
  color: white;
  margin-left: -40px;
  padding-left: 40px;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 4rem;
  border-radius: 0 5px 5px 0;
  border-bottom: 1px dashed #FFF;
}
.ttl-ribon span {
	font-size: 70%;
	display: inline-block;
	margin-left:10px;
}
.ttl-ribon::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

.top-bn-box img {
	width: 100px;
	height: auto;
	margin-bottom:15px;
}

.page-bn-box img {
	width: 80px;
	height: auto;
	margin-right:15px;
}



.top-bn-ttl {
	font-weight: bold;
	font-size: 1.6rem;
	position: relative;
}

.top-bn-ttl::before {
	content: "\f138";
	font-family: fontawesome;
	display: inline-block;
	margin-right: 5px;
	font-size: 90%;
}

.h2-ttl-square {
    position: relative;
    display: block;
    padding: 0.2em 0 0.2em 2.2em;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.3;
	margin-bottom: 15px;
}

.h2-ttl-square::before {
    position: absolute;
    top: 0.46em;
    left: 0;
    display: block;
	border-radius: 2px;
    width: 0.8em;
    height: 0.8em;
    background: #9dcdff;
    box-shadow: 1em 0 0 #ffcdcd;
    content: "";
}

.h3ttl {
	padding: 0.5em;/*文字周りの余白*/
	color: #494949;/*文字色*/
	/*background: #fffaf4;/*背景色*/
	border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
	margin: 30px 0 15px;
	font-weight: bold;
	font-size: 1.6rem;
}

.card-body .h3ttl {
	margin-top: 0;
}

.area-topics {
	width: 100%;
	min-height: 465px;
	margin-bottom: 40px;
}

.member .area-topics {
	min-height: inherit;
	height: 400px;
	overflow: scroll;
}

#home .area-topics {
	margin-bottom: 0;
}

.li-topics-in {
	display: block;
	margin: 0 0 32px 0;
}

.area-topics .li-topics-in li {
  display: flex;
  width: 100%;
  margin: 0 0 16px 0;
  padding: 0 0 16px 0;
  border-bottom: 1px solid #e2e0cb;
}

.area-topics .li-topics-in li a {
	color: inherit;
	transition: 0.3s all;
}

.file .area-topics .li-topics-in li a {
	text-decoration: underline;
}


.area-topics .li-topics-in li a:hover {
	color: #FFB238;
}

.area-topics .li-topics-in li .date,
.area-topics .li-topics-in li .tag {
  display: block;
}

.area-topics .li-topics-in li .date {
  width: 120px;
  color: #137ec1;
}

.file .area-topics .li-topics-in li .date {
  width: auto;
  margin-right: 20px;
}

.area-topics .area-btn {
	text-align: center;
}

.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.area-ft-link {
	width: 100%;
	margin: 40px auto 80px;
	text-align: left;
}

.area-link li {
	width: 250px;
	/*height: 65px;*/
	border-radius: 10px;
	margin: 0 10px;
}

.area-link li a {
	display: block;
	transition: 0.3s all;
}

.area-link li a img{
	border: 1px solid #ebe5d3;
}

.area-link li a:hover {
	box-shadow: 2px 2px 0px #ebe5d3;
}

.soudanmadoguchi a {
	display: inline-block;
	border-radius: 5px;
	margin: 20px auto 10px;
}

.soudanmadoguchi a img {
	border-radius: inherit;
}

.cont-wrap.d-flex .cont-img {
	margin-left: 20px;
	width: 200px;
	flex-shrink: 0;
}

/*------------------------------------------------------------
    サイドバー
------------------------------------------------------------*/
.side-soudan {
	margin-bottom: 20px;
}

.soudan-box {
  width: 100%;
  border-bottom: 3px solid #e3e4cb;
  padding: 30px 30px 20px;
  background: #deeff8;
  position: relative;
}

.soudan-box::before {
  content: "";
  width: 40%;
  height: 15px;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #ffeaac;
}


.soudan-box h3 {
	font-weight: bold;
	font-size: 2.4rem;
	text-align: center;
	margin: 0 -10px 15px;
	line-height: 1.56;
}

.soudan-box h3 span {
	border-bottom: dotted 5px white;
}

.soudan-box p {
	text-align: justify;
	text-justify: inter-ideograph;
}

.soudan-box .button,
.jigyo-box .button,
.member-box .button,
.card-body .button {
  background-color: #59b1eb;
  color: #fff;
  width: 100%;
  margin-top: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  position:relative;
  border-radius: 5px;
}
.soudan-box .button.secondary {
	background-color: #a6d3c8;
}
.soudan-box .button:hover,
.member-box .button:hover,
.jigyo-box .button:hover,
.card-body .button:hover {
  background-color: #F90;
}
.jigyo-box .button {
	width: 200px;
	height: 40px;
	line-height: 40px;
}
.member-box .button {
	width: 300px;
	height: 40px;
	margin: 0 auto 10px;
	display: block;
	line-height: 40px;
}
.card-body .button {
	width: 350px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
	max-width: 100%;
	margin: 0 auto 20px;
	display: inherit;
}

.card-body .taikai-btn {
	text-align: center;
	margin: auto;
}

.card-body .taikai-btn .button {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
	margin: 0 auto 10px;
	width: 450px;
	max-width: 100%;
	display: block;
	height: auto;
	line-height: inherit;
	padding: 10px;
	font-size: 1.7rem;
}



.side-inner {
	/*background: url(../img/bg-check.gif) left top repeat;
	border-radius: 10px;*/
}

.side-bn li {
	margin-bottom: 10px;
	width: 100%;
	/*background: #ebe5d3;
	height: 60px;*/
}

.side-sienbox {
	margin-top: 15px;
}


/*------------------------------------------------------------
    サイドバーEND
------------------------------------------------------------*/

.sub-head {
	width: 100%;
	margin-bottom: 20px;
	background: #e0f2fc;
}

.head-ttl {
	/*height: 90px;*/
	padding: 40px 20px;
}

.head-ttl .ttl {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: left;
	line-height: 90px;
	line-height: 1.6;
}

.breadcrumb {
	background-color: inherit !important;
}

.breadcrumb-item+.breadcrumb-item::before {
  content: "\f105";
  font-family: fontawesome;
}

.breadcrumb-item+.breadcrumb-item {
  color: #6c757d;
}

.maincont .cont {
	margin-bottom: 60px;
}

.maincont p {
	margin-bottom: 15px;
	line-height: 1.7;
}

.maincont .covid-wrap p {
  margin-bottom: 0;
}

.maincont .m0p p {
	margin-bottom: 0;
}

.page-bn-wrap.m0p {
	margin-top: -30px;
}

/*
.page-bn-wrap.m0p ul li {
  width: 49%;
}
*/

.jimu .mb-5 {
	margin-bottom: 1.5rem !important;
}

.shadow-none p:first-child {
	font-size: 1.8rem;
	line-height: 1.7;
}

.maincont .shadow-none p {
	margin: 0;
}

.maincont .shadow-none p.red {
	margin-top: 5px;
	position: relative;
}

.ba-fa::before {
	content: "";
	font-family: fontawesome;
	display: inline-block;
	margin-right: 5px;
}
	
.caret-right::before {
	content: "\f0da";
}
	
.lead-empha {
	font-size: 1.7rem;
	font-weight: bold;
	color: #C60;
}

.link-wrap {
	margin-top: 3em;
}

ul.linkbox {
  border: solid 2px #ffb03f;
  padding: 1em 1.5em;
  position: relative;
  margin-top: 2em;
}
ul.linkbox li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
  border-bottom: 1px dotted #ffb03f;
}
ul.linkbox li:before {
  /*リストのアイコン*/
  font-family: fontawesome;
  content: "\f138";
  display: inline-block;
  margin-right: 5px;
  color: #ffb03f; /*アイコン色*/
}

ul.linkbox li ul {
	margin-left: 1em;
}

ul.linkbox li ul li{
	border-bottom: none;
	padding: 0.3em 0 0;
}

ul.linkbox li ul li:before {
  /*リストのアイコン*/
  font-family: fontawesome;
  content: "\f105";
  display: inline-block;
  margin-right: 5px;
  color: #ffb03f; /*アイコン色*/
}


ul.linkbox p {
	margin-bottom: 0;
}
/*
ul.linkbox.gaibu li:before {
  content: "\f2d2";
}
ul.linkbox.siryo li:before {
  content: "\f1c1";
}
ul.linkbox li.be-wd:before {
  content: "\f1c2";
}
ul.linkbox li.be-xsl:before {
  content: "\f1c3";
}
ul.linkbox li.be-pdf:before {
  content: "\f1c1";
}
*/

ul.linkbox li:after {
  /*タブ*/
  background: #ffb03f;
  color: #fff;
  font-family: fontawesome,'Avenir','Arial',sans-serif;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 1px 7px;
  content: 'リンク';/*アイコンコード＋文字*/
  letter-spacing: 0.05em;/*字間*/
  border-radius: 5px 5px 0 0;
}

ul.linkbox.sienlink li:after {
  /*タブ*/
  content: '支援員向けリンク';/*アイコンコード＋文字*/
}

ul.linkbox02 {
  border: solid 2px #ffb03f;
  padding: 0 0.5em;
  position: relative;
}

.link-list ul.linkbox02 {
	border: none;
}

ul.linkbox02 li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.7em;
  /*border-bottom: dashed 1px silver;*/
  border-bottom: 1px dotted #ffb03f;
  list-style-type: none!important;
}

ul.linkbox02 li:before {
  font-family: fontawesome;
  content: "\f138";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}

ul.linkbox02 li ul {
	margin-left: 1em;
}

ul.linkbox02 li ul li{
	border-bottom: none;
	padding: 0.3em 0 0;
}

ul.linkbox02 li ul li:before {
  /*リストのアイコン*/
  font-family: fontawesome;
  content: "\f105";
  display: inline-block;
  margin-right: 5px;
  color: #ffb03f; /*アイコン色*/
  left: 2.5em;
}

/*.link-list ul.linkbox02 li:before {
  content: "\f2d2";
}
*/
/*
ul.linkbox02 li:last-of-type {
  border-bottom: none;
}*/

.jigyo-box {
	margin-bottom: 40px;
}

.jigyo-box .h3ttl span {
	font-weight: normal;
	font-size: 80%;
	display: inline-block;
	margin-left: 10px;
	color: #137bbd;
}

.ol-point ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  background: #f5faff;
}

.ol-point ol li {
  position: relative;
  padding-left: 40px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 40px;
}

.ol-point ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 1.1em;
  left: 1.1em;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.ol-point ol li .h3 {
	color: #5c9ee7;	
	font-weight: bold;
}



ul.stech,
ol.stech {
  background: #fffde8;
  box-shadow: 0px 0px 0px 10px #fffde8;/*線の外側*/
  border: dashed 2px #ffb03f;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 1em 1em 1em 2.5em;
}

ul.stech li,
ol.stech li {
  line-height: 1.5;
  padding: 0.5em 0;
}

ul.stech li {
	list-style: disc;
}

.link-table td.date {
	width: 150px;
}

.s-wrap {
	margin-bottom: 40px;
}

#page .badge {
  min-width: 80px;
  font-weight: normal;
}

#page .k-tuti .badge {
	min-width: 110px;
}


/*トップへ戻るボタン*/
.topBtn {
  position:fixed; /*固定*/
  bottom:20px; /*場所を右下に移動*/
  right:20px; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:#fe9900; /*以下、デザインはご自由に！！*/
  color:#fff !important;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:60px;
  height:60px;
  text-align:center;
  line-height:22px;
  border-radius:30px;
  padding-top:30px;
  box-sizing:border-box;
  transition: none !important;
}
.topBtn:before {
  content:'\25B2';
  position:absolute;
  top:10px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.topBtn:hover {
  opacity:0.7;
}

/* ログインページ */
.login-box {
	margin-top: 40px 0 20px;
}

.um-col-alt-b {
	display: none;
}


.breadcrumb-item:first-child a::before {
	content: "\f015";
	font-family: fontawesome;
	display: inline-block;
	margin-right: 3px;
}


/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}
.t-form input,
.t-form textarea {
    width: 95%;
}
#formbtn {
	width: 100% !important;
}
}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:350px;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
 border: 2px solid #ffaa56;
 transition: 0.3s all ease;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
 border:2px solid #ffaa56;
}

.t-form input,
.t-form textarea {
	margin: 5px;
	padding: 3px;
}

.t-form td,
.t-form th {
	padding: 10px;
}

.wpcf7-not-valid-tip {
	color: red;
}

.um-misc-ul li:first-child a::after {
	content: "（支援員専用ページへ）";
	display: inline-block;
}
	
.screen-reader-response {
	padding: 10px;
	margin: 0 0 20px;
	background-color: #C90;
	color: #FFF;
	text-align: center;
}

.screen-reader-text {
	display: none;
}

.policy-cont-in {
	margin-left: 1em;
}

.policy-cont .shadow-none li {
	margin-bottom: 10px;
}

.policy-cont textarea {
	width: 100%;
	min-height: 100px;
	text-align: left;
}

.link-table td:first-child {
	width: 250px;
}

.media {
	margin-bottom: 20px;
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #137bbd;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: -20px;
    z-index: 99;
	transform: translateY(-140%);
}
.slick-prev {
	left: -20px;
	z-index: 100;
	transform: translateY(-140%);
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}

.card {
	margin-bottom: 20px;
}

.eve-cont {
	margin-bottom: 20px;
}

.qa-box {
	display: flex;
	justify-content: space-between;
	position:relative;
}

.qa-box::before {
	content: "\f0da";
	font-family: fontawesome;
	font-size: 5.8rem;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #a6d3c8;
}


.qa-box > * {
	width: 45%;
	border: 1px solid #fff0d9;
	padding: 10px;
	line-height: 2;
}

/*
.qa-box p {
	font-size: 1.8rem;
}
*/


.qa-l i,
.qa-r i {
	color: #a6d3c8;
	font-size: 2.6rem;
}

.qa-r ul {
	display: flex;
	flex-wrap: wrap;
}

.qa-r ul li {
	/*margin-right: 10px;*/
	width: calc(100%/2);
}

.media-photo {
	margin-top: 20px;
}

.h4ttl {
  border-bottom: solid 3px #cce4ff;
  position: relative;
  margin: 15px 0 10px;
  padding-bottom: 5px;
  font-size: 1.5rem;
}

.h4ttl span {
	font-size: 1.2rem;
}


.h4ttl:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}

blockquote.inyo {
    position: relative;
    padding: 10px 20px;
    box-sizing: border-box;
    font-style: italic;
    color: #4e4e4e;
    background: #fff3e1;
	margin: 1em 0;
	z-index: 1;
}

blockquote.inyo:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: -10px;
    content: "“";
    font-family: sans-serif;
    color: #ffe2b8;
    font-size: 130px;
    line-height: 1;
}

blockquote.inyo:after{
    display: inline-block;
    position: absolute;
    bottom: -40px;
    right: 20px;
    text-align: center;
    content: "”";
    font-family: sans-serif;
    color: #ffe2b8;
    font-size: 90px;
    line-height: 1;
}

blockquote.inyo p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote.inyo cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

.shutten {
	font-style: normal;
}

.maincont p.card-text {
	margin-bottom: 20px;
}

.top3bn {
	margin-top: -20px;
}

a.comonbtn {
  background-color: #59b1eb;
  color: #fff;
  margin-top: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  border-radius: 5px;
  width: auto;
  padding: 0 10px;
  font-size: 14px;
}

a.comonbtn:hover {
  background-color: #F90;
}

.yrlabel {
  color: #F00;
  background: #FF0;
  margin-right: 10px;
  padding: 3px 0;
  border-radius: inherit;
}

.blockformanke a.button {
	max-width: 100%;
}

.iken a.comonbtn {
	width: 250px;
	margin-bottom: 10px;
}

.w90 textarea {
	width: 90%;
	max-width: 100%;
}

.s-bn {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
}

.s-bn a {
	width: calc((100% - 40px) /3);
	display: block;
}

.hitokoto{
  background: rgba(255, 229, 178, 0.61);
  margin: 2em 0;
  padding: 25px;
  border-radius: 10px;
}

.hitokoto-circle1{
  font-size: 16px;
  line-height: 1.5;
  position: absolute;
  margin-top: -37px;
  font-weight: bold;
  color: #fff;
  background-color:#ffa726;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto-circle1:after{
  content: "し";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#ffa726;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto-circle2:before{
  content: "";
  position: absolute;
  top: 100%;
  margin-left: -12px;
  border: 5px solid transparent;
  border-top: 10px solid #ffa726;
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.hitokoto-circle2{
  position: absolute;
  font-size: 16px;
  line-height: 1.5;
  margin-top: -37px;
  margin-left: 40px;
  font-weight: bold;
  color: #fff;
  background-color:#ffa726;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto-circle2:after{
  content: "せ";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#ffa726;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto p{
  margin: 0;
  padding: 0;
}

.oneArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1024px;
  margin: 50px auto;
  padding: 0 10px;
}
.oneArea .onebox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.oneArea .onebox:nth-child(even) {
  flex-direction: row-reverse;
  margin-top: 20px;
}
.oneArea .onebox .imgArea {
  width: 16%;
  position: relative;
}
.oneArea .onebox:nth-child(odd) .imgArea img {
  width: 100%;
  max-width: 130px;
  position: absolute;
  top: -20px;
  left: 0;
  padding-right: 30px;
}
.oneArea .onebox:nth-child(even) .imgArea img {
  width: 100%;
  max-width: 130px;
  position: absolute;
  top: -20px;
  left: auto;
  right: 0;
  padding-left: 30px;
}
.oneArea .onebox .fukiArea {
  width: 63%;
}
.oneArea .onebox .fukidasi {
  width: 100%;
  position: relative;
  padding: 25px;
  background-color: #f2f3f7;
  font-size: 14px;
  color: #231815;
  border-radius: 12px;
  box-sizing: border-box;
}
.oneArea .onebox .fukidasi::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  top: 22px;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.oneArea .onebox .fukidasi::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  top: 40px;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.oneArea .onebox:nth-child(odd) .fukidasi::before {
  left: -15px;
  border-left: 25px solid #f2f3f7;
  border-top: 25px solid transparent;
}
.oneArea .onebox:nth-child(odd) .fukidasi::after {
  left: -25px;
  border-left: 25px solid #ffffff;
  border-top: 25px solid transparent;
}
.oneArea .onebox:nth-child(even) .fukidasi {
  background-color: #fde5e5;
}
.oneArea .onebox:nth-child(even) .fukidasi::before {
  left: auto;
  right: -15px;
  border-left: 25px solid transparent;
  border-top: 25px solid #fde5e5;
}
.oneArea .onebox:nth-child(even) .fukidasi::after {
  left: auto;
  right: -25px;
  border-left: 25px solid transparent;
  border-top: 25px solid #ffffff;
}
@media screen and (max-width: 1024px) {
  .oneArea .onebox:nth-child(odd) .imgArea img {
    /*max-width: 70%;*/
    top: 0;
  }
  .oneArea .onebox:nth-child(even) .imgArea img {
    /*max-width: 70%;*/
    top: 0;
  }
  .oneArea .onebox .fukidasi {
    padding: 15px;
    font-size: 14px;
  }
  .oneArea .onebox .fukidasi::before {
    top: 8px;
  }
  .oneArea .onebox .fukidasi::after {
    top: 20px;
  }
  .oneArea .onebox .fukiArea {
	width: 80%;
  }
}
@media screen and (max-width: 420px) {
  .oneArea {
    margin: 30px auto;
	padding: 0;
  }
  .oneArea .onebox:nth-child(even) {
    margin-top: 15px;
  }
  .oneArea .onebox .imgArea {
    width: 20%;
  }
  .oneArea .onebox .fukidasi {
    padding: 10px 15px;
    font-size: 12px;
  }
}

/*------------------------------------------------------------
fadein
------------------------------------------------------------*/

.RightToLeft {
  opacity: 0;
  transform: translateX(50px);
  transition: .6s;
}
.RightToLeft.is-show {
  opacity: 1;
  transform: translateY(0);
}
.LeftToRight {
  opacity: 0;
  transform: translateX(-50px);
  transition: .6s;
}
.LeftToRight.is-show {
  opacity: 1;
  transform: translateY(0);
}
.fadein {
  opacity: 0;
  transform: translateY(100%);
  transition: .6s;
}
.fadein.is-show {
  opacity: 1;
  transform: translateY(0);
}
.delay_a {
  transition-delay: .2s;
}
.delay_b {
  transition-delay: .4s;
}
.delay_c {
  transition-delay: .6s;
}
.delay_d {
  transition-delay: .8s;
}
.delay_e {
  transition-delay: 1.0s;
}

.fllist {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.fllist li {
	margin-right: 10px;
	margin-bottom: 5px;
}


/*アコーディオン全体*/
.t-form .accordion-area{
    list-style: none;
    width: 96%;
    max-width: 900px;
    margin:0 auto;
}

.t-form .accordion-area li{
    margin: 10px 0;
}

.t-form .accordion-area section {
	border: 1px solid #ccc;
}

/*アコーディオンタイトル*/
.t-form .title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
}

/*アイコンの＋と×*/
.t-form .title::before,
.t-form .title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.t-form .title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
    
}
.t-form .title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.t-form .title.close::before{
	transform: rotate(45deg);
}

.t-form .title.close::after{
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.t-form .box {
    display: none;/*はじめは非表示*/
    background: #f3f3f3;
	/*margin:0 3% 3% 3%;*/
    padding: 3%;
}

summary {
  cursor: pointer;
}

details {
  transition: .5s;
}

input[type="text"]{
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


@media (max-width: 1020px) and (min-width: 768px) {
	#css {狭いブラウザとタブレット向け}
}


@media (max-width: 1020px) {
	/* navi */
	nav.spnav {
	text-align: center;
	width: 100%;
	position: fixed;
	height: auto;
	/* overflow: hidden; */
	background: none;
	top: 25px;
	right: 15px;
	z-index: 99999;
	}
	nav.spnav ul {
	text-align:center;
	}
	nav.spnav ul li {
	display:inline-block;
	}
	nav.spnav ul li a {
	color:#333;
	display:inline-block;
	padding:1em 3em;
	text-decoration:none;
	border-bottom:2px solid #fff;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	font-size:16px;
	}
	nav.spnav ul li a:hover {
	color: #34B484;
	}
	/*styling open close button*/
	.spnav .buttonn {
	display: inline;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
	font-size: 30px;
	background: #FFF;
	padding: 0 10px;
    border-radius: 5px;
	border:1px solid #ebe5d3;
	}
	.spnav .buttonn a {
	text-decoration:none;
	}
	.spnav .btn-open:after {
	color:#137bbd;
	content:"\f0c9";
	font-family:"FontAwesome";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	}
	.spnav .btn-open:hover:after {
	color:#34B484;
	}
	.spnav .btn-close:after {
	color:#fff;
	content:"\f00d";
	font-family:"FontAwesome";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	}
	.spnav .btn-close:hover:after {
	color: #34B484;
	}
	/*overlay*/
	.overlay {
	display:none;
	position:fixed;
	top:0;
	height:100%;
	width:100%;
	background: rgba(19,126,196,1);
	overflow:auto;
	z-index:99;
	}
	.wrapp {
	color:#e9e9e9;
	text-align:center;
	max-width:90%;
	margin:0 auto;
	}
	.wrapp ul.wrap-nav {
	border-bottom:1px solid #575757;
	text-transform:capitalize;
	padding:150px 0px 100px;
	}
	.wrapp ul.wrap-nav li {
	font-size:20px;
	display:inline-block;
	vertical-align:top;
	width:24%;
	position:relative;
	}
	.wrapp ul.wrap-nav li a {
	color:#FFF;
	display:block;
	padding:8px 0;
	text-decoration:none;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	}
	.wrapp ul.wrap-nav li a:hover {
	color:#f0f0f0;
	}
	.wrapp ul.wrap-nav ul {
	padding:15px 0;
	}
	.wrapp ul.wrap-nav ul li {
	display:block;
	font-size:13px;
	width:100%;
	color:#e9e9e9;
	}
	.wrapp ul.wrap-nav ul li a {
	color:#f0f0f0;
	}
	.wrapp ul.wrap-nav ul li a:hover {
	color:#34B484;
	}
	.social {
	font-size:25px;
	padding:20px;
	}
	.social p {
	margin:0;
	padding:20px 0 5px 0;
	line-height:30px;
	font-size:13px;
	}
	.social p a {
	color:#34B484;
	text-decoration:none;
	margin:0;
	padding:0;
	}
	.social-icon {
	width:80px;
	height:50px;
	background:#e9e9e9;
	color:#333;
	display:inline-block;
	margin:0 20px;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	}
	.social-icon:hover {
	background:#34B484;
	color:#f0f0f0;
	}
	.social-icon i {
	margin-top:12px;
	}
	.wrapp ul.wrap-nav>li {
		width:100%;
		padding:20px 0;
		border-bottom:1px solid #fff;
	}
	.wrapp ul.wrap-nav {
		padding:60px 0px 0px;
	}
	nav.spnav ul {
		opacity:0;
		visibility:hidden;
	}
	.social {
		color:#c1c1c1;
		font-size:2rem;
		padding:15px 0;
	}
	.social-icon {
		width:100%;
		height:inherit;
		background:#fff;
		color:#333;
		display:block;
		margin:5px 0;
		padding: 10px 0;
	}
	/* navi ここまで　*/

	.cont-lead {
		position: absolute;
		width: 120px;
		right: 0;
		bottom: 100px;
		top: inherit;
	}
	.topimg {
		height: 230px;
		position: relative;
	}
	.mv-cont {
		padding: 0;
		position: relative;
	}
}

@media (max-width: 767px) {
	.head-in .logo {
		margin-left: 0;
		width: 200px;
	}
	.cont-lead {
		position: absolute;
		width: 120px;
		right: 0;
		bottom: 120px;
		top: inherit;
	}
	.topimg {
		height: 230px;
		position: relative;
	}
	.mv-cont {
		padding: 0;
		position: relative;
	}
	.side {
		margin-top: 40px;
	}
	.wrap {
		padding: 20px 0 40px;
	}
	.top-bn-wrap ul li {
		width: 48%;
	}
	.top-bn-wrap ul li a {
		padding: 20px 10px;
	}
	.top-bn-ttl {
		font-size: 1.4rem;
	}
	.area-link li {
		margin-bottom: 10px;
	}
	.footer-in > .row > .col-md-3:nth-of-type(n+2),
	.footer-in .row:last-child {
		display: none;
	}
	.footrt-logo {
		text-align: center;
	}
	.ttl-ribon {
		font-size: 20px;
		margin-left: -30px;
		padding-left: 30px;
	}
	.ttl-ribon::before {
		border-bottom: solid 5px transparent;
		border-right: solid 10px rgb(149, 158, 155);
	}
	.h2ttl02 {
		font-size: 1.8rem;
	}
	.about-cont {
		flex-direction: column;
	}
	.cont-wrap.d-flex .cont-img {
		margin-left: 0;
		width: 80%;
		margin: auto;
	}
	.shadow-none p:first-child {
		font-size: 1.6rem;
		line-height: inherit;
	}
	.jigyo-cont > .col-md-3 {
		margin: 20px auto 0;
		width: 80%;
	}
	.w80 {
		width: 80%;
		margin: auto;
	}
	.head-ttl {
		padding: 20px;
	}
	.head-ttl .ttl {
		font-size: 2rem;
		line-height: inherit;
		/*padding-top: 20px;*/
	}
	.page-bn-wrap ul {
		flex-direction: column;
	}
	.page-bn-wrap ul li {
		width: 100%;
	}
	.area-topics .li-topics-in li {
		flex-direction: column;
	}
	.page-bn-wrap.m0p ul li {
		width: 100%;
	}
	.policy-cont textarea {
	width: 100%;
	}
	.link-table td {
		display: block;
	}
	.link-table td:first-child {
		width: 100%;
	}
	.area-topics {
	min-height: inherit;
	}
	.slick-prev, .slick-next {
	display: none !important;
	}
	.qa-box {
	flex-direction: column;
	}
	.qa-box > * {
		width: 100%;
	}
	.qa-box::before {
		content: none;
	}
	.qa-r ul li {
	width: 100%;
	}
	.covid-wrap ul li {
		margin-bottom: 20px;
		padding-right: 35px;
	}
	.s-bn {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
	}
	.s-bn a {
	width: 100%;
	margin-bottom: 5px;
	}
	.maincont {
		padding: 30px 10px;
	}
	.card-body .taikai-btn .button {
		width: 300px;
	}


		



  



}

input[type="checkbox" i]:disabled {
  background-color: #0075ff;
}

disabled {
  background-color: #0075ff;
}