@charset "utf-8";

/*
////////////////////////////////////////////////////////////////////////

	◆ General 共通

------------------------------------------------------------------------
*/

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html {
	font-size: 62.5%; /* 10px = 1rem */
	height: 100%;
}
body {
	color: #262626;
	font-family: 'NotoSansCJKjp', "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
	font-size: 16px; /* IE対応 */
	font-size: 1.6rem;
	text-align: justify;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	margin: 0;
	padding: 0;
}
img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
    color: #f36100;
	text-decoration: none;
    transition: 0.3s;
}
a img:hover {
    opacity: 0.8;
    transition: 0.3s;
}
a.noLink {
	pointer-events: none;
}
button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  outline: none;
}
p {
    margin: 0;
    padding: 0;
}
.ic_window::after {
	font-family: 'Font Awesome 6 Free';
	content: "\f08e";
	font-weight: 900;
	margin-left: 0.5rem;
	font-size: 1.2rem;
}
.ic_window_w::after {
	font-family: 'Font Awesome 6 Free';
	content: "\f08e";
	font-weight: 900;
	margin-left: 0.5rem;
	font-size: 1.2rem;
    color: #fff;
}
.ic_pdf::after {
	font-family: 'Font Awesome 6 Free';
	content: "\f1c1";
	font-weight: 900;
	color: #B30B00;
	margin-left: 0.5rem;
	font-size: 2rem;
}
.ic_pdf_w::after {
	font-family: 'Font Awesome 6 Free';
	content: "\f1c1";
	font-weight: 900;
	color: #fff;
	margin-left: 0.5rem;
	font-size: 2rem;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
.pcHide {
	display: block;
}
.spHide {
	display: none;
}
.center {
	text-align: center;
	margin: 0 auto;
}
.right {
	float: right;
}
/* 文字 */
.txtXS {
    font-size: 1.2rem;
}
.txtS {
    font-size: 1.4rem;
}
.txtM {
    font-size: 1.6rem;
}
.txtL {
    font-size: 1.8rem;
}
.txtXL {
    font-size: 2rem;
}
.mc-o {
    color: #f36100;
}
.kc-g {
    color: #5fa10a;
}
.sc-b {
    color: #885F4A;
}
.marker01 {
    background:linear-gradient(transparent 50%, rgba(255, 153, 0,0.5) 50%);
    display: inline;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition:background-size 1s;
}
.marker01.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 100%;
}
/* リスト */
.list01 { /* 装飾なし */
	list-style-type: none;
}
.list02 {
	list-style-type: disc;
	margin-left: 1.5rem;
}
.list01 li, .list02 li {	
	line-height: 1.6;
	margin-bottom: 1rem;
}
.checkList {
	list-style-type: none;
	margin: 2.5rem 0;
}
.checkList li {
	margin-bottom: 2rem;
	text-indent: -3rem;
	padding-left: 3rem;
	line-height: 1.4;
}
.checkList li:before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: "\f058";
	position: relative;
	padding-right: 1rem;
	font-size: 2rem;
	color: #68A60B;
	vertical-align: middle;
}
/* アイコン */
.ic_cArrow {
    margin: 3rem 0;
    font-size: 6rem;
    display: block;
}
/* コンテナ */
.container, .container2 {
	width: 90%;
	margin: 0 auto;
}
/* ボックス */
.txtBox01 p {
    margin-bottom: 1.5rem;
}
/* ボタン */
.topBtn01 {
    background: #f36100;
    font-size: 2rem;
    border-radius: 15px;
}
.topBtn01 a {
    display: block;
    color: #fff;
    padding: 1.5rem 1rem;
    border-radius: 15px;
}
.topBtn01 a:hover {
    background: #5fa10a;
}
.topBtn01 a:after {
	font-family: FontAwesome;
	content: "\f105";
	position: relative;
	padding-left: 1rem;
}

/* pagetop */
.pageTop {
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	font-size: 2.5rem;
	opacity: 0.8;
	z-index: 1;
}
.pageTop a {
	background: #f46101;
	text-decoration: none;
	color: #fff;
	width: 6rem;
	height: 6rem;
	line-height: 2.5;
	text-align: center;
	display: block;
    border-radius: 10px;
}
.pageTop a:hover {
	text-decoration: none;
	background: #5fa10a;
	transition: background .25s linear;
	opacity: 1;
}
/* 見出し */
.sec1-1 {
    font-family: "Zen Maru Gothic", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
    color: #f46101;
    font-size: 2rem;
    padding: 1.5rem;
    display: block;
    outline: 2px solid #f46101;
    position: relative;
}
.sec1-1::after {
  content: '';
    position: absolute;
    right: calc(-.1em - 1px);
    top: calc(-.1em - 1px);
    border-width: 0 20px 20px 0;
    border-style: solid;
    border-color: #f46101 #fff #f46101;
}
.sec1-2 {
    font-family: "Zen Maru Gothic", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
    color: #885F4A;
    padding: 1rem 0;
    display: block;
    font-weight: bold;
    border-bottom: 6px solid #e3e3e3;
    position: relative;
}
.sec1-2::before {
    content: '';
    background-color: #ff8d00;
    width: 40px;
    height: 6px;
    position: absolute;
    bottom: -6px;
    left: 0;
}
.sec1-3 {
    color: #6f4e4e;
    display: block;
    position: relative;
    padding: 1rem 3.5rem;
}
.sec1-3:before {
    font-family: FontAwesome;
    font-weight: 900;
    font-size: 2.5rem;
    color: #ff8d00;
    left: 0;
    top: 5px;
    content:"\f0a9";
    position: absolute;
}
.cText {
    font-size: 2rem;
    text-align: center;
}

/*----------------------------------------------------
  bread
----------------------------------------------------*/
.bread {
	margin: 0 auto 5rem;
	padding: 0;
	text-align: right;
	line-height: 0.8;
}
.bread li {
  display: inline-block;
  font-size: 1.4rem;
}
.bread li a {
  color: #333;
  display: inline-block;
  padding: 8px 0;
  text-decoration: none;
}
.bread li a:hover {
  opacity: 0.6;
}
/* 矢印 */
.bread li:after {
  content: "";
  display: inline-block;
  margin: 0 8px;
  height: 6px;
  border-top: 1px solid #999999;
  border-right: 1px solid #999999;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  width: 6px;
}
.bread li:last-child:after {
  display:none;
}

/*
////////////////////////////////////////////////////////////////////////

	◆ テーブル

------------------------------------------------------------------------
*/
.tb01 {
  width: 100%;
  border-collapse: collapse;
}
.tb01 th, .tb01 td {
  padding: 1.5rem 2rem;
	width: 100%;
  display: block;
}
.tb01 th {
  background: #E8DFD6;
  text-align: left;
}
.tb01 td {
	margin-bottom: 1rem;
}
.tb01 dl {
  flex-direction: column;
}
.tb01 dt, .tb01 dd {
	width: 100%;
}
.tb01 dt {
  background-color: #ccc;
}
.tb01 dd {
}

/*----------------------------------------------------
  space
----------------------------------------------------*/
.m-1{margin:1rem}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.ml-1{margin-left:1rem}.mr-1{margin-right:1rem}.mv-1{margin:1rem 0}.mh-1{margin:0 1rem}.m-2{margin:2rem}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}.ml-2{margin-left:2rem}.mr-2{margin-right:2rem}.mv-2{margin:2rem 0}.mh-2{margin:0 2rem}.m-3{margin:3rem}.mt-3{margin-top:3rem}.mb-3{margin-bottom:3rem}.ml-3{margin-left:3rem}.mr-3{margin-right:3rem}.mv-3{margin:3rem 0}.mh-3{margin:0 3rem}.m-4{margin:4rem}.mt-4{margin-top:4rem}.mb-4{margin-bottom:4rem}.ml-4{margin-left:4rem}.mr-4{margin-right:4rem}.mv-4{margin:4rem 0}.mh-4{margin:0 4rem}.m-5{margin:5rem}.mt-5{margin-top:5rem}.mb-5{margin-bottom:5rem}.ml-5{margin-left:5rem}.mr-5{margin-right:5rem}.mv-5{margin:5rem 0}.mh-5{margin:0 5rem}.m-6{margin:6rem}.mt-6{margin-top:6rem}.mb-6{margin-bottom:6rem}.ml-6{margin-left:6rem}.mr-6{margin-right:6rem}.mv-6{margin:6rem 0}.mh-6{margin:0 6rem}.m-7{margin:7rem}.mt-7{margin-top:7rem}.mb-7{margin-bottom:7rem}.ml-7{margin-left:7rem}.mr-7{margin-right:7rem}.mv-7{margin:7rem 0}.mh-7{margin:0 7rem}.m-8{margin:8rem}.mt-8{margin-top:8rem}.mb-8{margin-bottom:8rem}.ml-8{margin-left:8rem}.mr-8{margin-right:8rem}.mv-8{margin:8rem 0}.mh-8{margin:0 8rem}.m-9{margin:9rem}.mt-9{margin-top:9rem}.mb-9{margin-bottom:9rem}.ml-9{margin-left:9rem}.mr-9{margin-right:9rem}.mv-9{margin:9rem 0}.mh-9{margin:0 9rem}.m-10{margin:10rem}.mt-10{margin-top:10rem}.mb-10{margin-bottom:10rem}.ml-10{margin-left:10rem}.mr-10{margin-right:10rem}.mv-10{margin:10rem 0}.mh-10{margin:0 10rem}


/*
////////////////////////////////////////////////////////////////////////

	◆ 共通 / header ヘッダー

------------------------------------------------------------------------
*/
#header {
    display: none;
}
.spMenu {
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 999;
}
.spMenu > div {
    width: 100%;
    background: rgba(255,255,255,0.9);
    padding: 1.4rem;
}
.spMenu > div img {
    width: 100px;
}

/*
////////////////////////////////////////////////////////////////////////

	◆ 共通 / footer フッター

------------------------------------------------------------------------
*/
footer {
    background: #fff7eb;
    margin-top: 7rem;
    padding: 5rem 0 1rem;
}
footer .wrapper {
    width: 90%;
    margin: 0 auto 3rem;
    text-align: center;
}
footer .info img {
    width: 40%;
    margin: 0 auto 1.5rem;
}
footer .info address {
    font-style: normal;
    display: flex;
    flex-direction: column;
}
footer .ic_insta {
	font-size: 2.5rem;
	background: #DB2E84;
	color: #fff;
    border-radius: 15px;
	margin: 2.5rem 0 1rem;
	padding: 1rem 0.5rem;
}
footer .ic_insta i {
	font-size: 3rem;
	margin-right: 1rem;
}
footer .ic_insta:hover {
	background: #AF0B5C;
}
footer .info .tel {
    font-size: 3rem;
    font-weight: 700;
    color: #f36100;
    margin: 1rem 0;
}
footer .info .tel i {
    font-size: 2.8rem;
    margin-right: 1rem;
    vertical-align: middle;
}
footer .info b {
    display: block;
    margin-bottom: 0.5rem;
}
footer .menu, footer .menu2 {
    display: none;
}
footer #bn {
    width: 90%;
    margin: 0 auto;
}
footer #bn ul {
    list-style-type: none;
    padding: 0;
}
footer #bn li {
    margin-top: 3rem;
}
footer small {
    display: block;
    text-align: center;
    margin-top: 4rem;
}

/*
////////////////////////////////////////////////////////////////////////

	◆ mainImg メインイメージ

------------------------------------------------------------------------
*/
#mainImg {
    background: url("../images/top/bg_mainimg01.jpg") no-repeat;
    background-size: 100%;
}
#mainImg img {
    margin: 0 auto;
}

/*
////////////////////////////////////////////////////////////////////////

	◆ topNews トップニュース

------------------------------------------------------------------------
*/
#topNews {
    width: 90%;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    padding: 1.5rem;
    margin: 4rem auto;
}
#topNews b {    
	font-family: "Zen Maru Gothic", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
    display: block;
    text-align: center;
    font-size: 2.5rem;
    color: #f36100;
    margin-bottom: 1.5rem;
}
#topNews ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    font-size: 1.4rem;
}
#topNews li {
    display: flex;
    margin-bottom: 1rem;
}
#topNews time {
    width: 25%;
    font-weight: 700;
    margin-right: 2rem;
}
#topNews a {
    width: 80%;
}

/*
////////////////////////////////////////////////////////////////////////

	◆ topInfo インフォメーション

------------------------------------------------------------------------
*/
#topInfo {
    background: url("../images/top/bg_info01sp.jpg") no-repeat center bottom;
    background-size: cover;
    background-color: #fff;
}
#topInfo .wrapper {
    width: 90%;
    margin: 0 auto;
    padding: 4rem 0 13rem;
}
#topInfo h1 {
    font-family: "Zen Maru Gothic", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
    display: block;
    color: #f36100;
    font-size: 2.5rem;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 3rem;
}
#topInfo .wrapper div {
    width: 100%;
    margin: 0 auto;
}

/*
////////////////////////////////////////////////////////////////////////

	◆ topSec1 セクション1

------------------------------------------------------------------------
*/
#topSec1 {
    background: #fff7eb;
    padding: 5rem 0;
}
#topSec1 .wrapper {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
#topSec1 .wrapper div {
    margin-bottom: 3rem;
}
#topSec1 h2 {
    font-family: "Zen Maru Gothic", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
    color: #f36100;
    font-size: 4rem;
    line-height: 1;
    margin-bottom: 2.5rem;
    text-align: center;
}
#topSec1 h2 span {
    color:#5F5F5F;
    font-size: 1.8rem;
    font-weight: 500;
}
#topSec1 p {
    line-height: 1.6;
}

/*
////////////////////////////////////////////////////////////////////////

	◆ topSec2 セクション2

------------------------------------------------------------------------
*/
#topSec2 {
    padding: 5rem 0;
    background: url("../images/top/bg_topsec01.png") no-repeat bottom;
    background-size: 100%;
    background-color: #fff;
}
#topSec2 .wrapper {
    width: 90%;
    margin: 0 auto;
}
#topSec2 dl {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.4) 0px 0px 15px 0px;
    border-radius: 15px;
    margin-bottom: 4rem;
    display: flex;
    justify-content: space-between;
}
#topSec2 dt {
    padding: 2rem 0 2rem 2rem;
    width: 67%;
    margin-right: 3%;
}
#topSec2 button {
    display: block;
    width: 100%;
    margin-top: auto;
}
#topSec2 button a {
    font-size: 1.6rem;
    padding: 1rem;
}
#topSec2 dt p {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 2rem;
}
#topSec2 dd {
    width: 40%;
    margin: 0;
}
#topSec2 dd img {
    height: 100%;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
#topSec2 h3 {
    font-size: 2.2rem;
    font-family: "Zen Maru Gothic", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
    color: #f36100;
    margin: 0 0 1rem;
    line-height: 1.4;
}
#topSec2 .xs {
    font-size: 1.5rem;
}

/*
////////////////////////////////////////////////////////////////////////

	◆ contents コンテンツ

------------------------------------------------------------------------
*/
/*----------------------------------------------------
  cateTitle
----------------------------------------------------*/
.cateTitle {
    background-image: linear-gradient(to top, #FFF7EB 0%, #fff 100%);
    padding: 7rem 0 5rem;
    margin: 0 auto 2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    font-family: "Zen Maru Gothic", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
    color: #F36100;
    letter-spacing: 2px;
}
.cateTitle b, .cateTitle h1 {
    font-size: 3.5rem;
}
.cateTitle span {
    font-size: 1.6rem;
}

/*----------------------------------------------------
  intro
----------------------------------------------------*/
.intro h1 {
    font-family: "Zen Maru Gothic", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
    font-size: 2.2rem;
    line-height: 1.4;
    color: #885F4A;
    text-align: center;
    margin-bottom: 2rem;
}

/*----------------------------------------------------
  secList
----------------------------------------------------*/
.secList {
    margin: 3rem auto 7rem;
    border-radius: 3px;
    background-color: #f2f2f2;
}
.secList div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 1rem 0;
    background-color: #f36100;
    color: #fff;
    font-weight: 600;
    font-size: 1.6rem;
}
.secList div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}
.secList ol {
    list-style-type: decimal;
    margin: 0;
    overflow: hidden;
}
.secList > ol {
    padding: 1rem 1rem 1rem 3rem;
}
.secList ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}
.secList li {
    padding: 5px 0;
    font-size: 1.6rem;
}
.secList ol ol li {
    font-weight: 500;
    font-size: 1.4rem;
}
.secList a {
    text-decoration: none;
}

/*----------------------------------------------------
  systemBox
----------------------------------------------------*/
.systemBox h3 {
    color: #885F4A;
    font-size: 2rem;
    border-bottom: 1px dotted #885F4A;
    margin-bottom: 2rem;
}
.systemBox dl {
    border: 1px solid #885F4A;
    margin-bottom: 3rem;
    padding: 1.5rem;
}
.systemBox dt {
    text-align: center;
}
.systemBox dd {
}
.systemBox dd p {
    font-size: 1.4rem;
    line-height: 1.4;
}
.systemBox dd img {
    width: 30%;
    margin: 0 auto 1.5rem;
}
.systemBox button {
    background: #f36100;
    font-size: 1.6rem;
    border-radius: 15px;
    width: 100%;
    margin-top: 1rem;
}
.systemBox button a {    
    display: block;
    color: #fff;
    padding: 1rem;
    border-radius: 15px;
}
.systemBox button a:hover {
    background: #5fa10a;
}
.systemBox button a:after {
	font-family: FontAwesome;
	content: "\f105";
	position: relative;
	padding-left: 0.5rem;
}
.systemBox::after {
  content:"";
  display: block;
  width: 32%;
}

/*----------------------------------------------------
  courseBox
----------------------------------------------------*/
.courseBox h3 {
    background: #9EB83F;
    padding: 1rem;
    color: #fff;
    font-size: 1.8rem;
}
.courseBox .menuBox {
    background: #F0F0F0;
    padding: 1.5rem;
    margin: 4rem 0 0;
}
.courseBox .menuBox ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
    list-style-type: none;
    margin-top: 1rem;
}
.courseBox .menuBox li {
    width: 48%;
    font-size: 1.2rem;
    text-align: center;
    margin-top: 1rem;
    display: flex;
    vertical-align: middle;
}
.courseBox .menuBox li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem 0.5rem;
    background: #f36100;
    color: #fff;
}
.courseBox .img {
    display: flex;
    justify-content: space-between;
    margin: 2rem 0;
}
.courseBox .img img {
    width: 48%;
    height: auto;
}

/*----------------------------------------------------
  greeting
----------------------------------------------------*/
.trainer .img img {
    width: 50%;
    height: auto;
    margin: 0 auto 3rem;
}
.trainer .txt h2 {
    color: #5fa10a;
    font-size: 2rem;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #5fa10a;
    text-align: center;
}
.trainer .txt h3 {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    text-align: center;
}

/*----------------------------------------------------
  school
----------------------------------------------------*/
.school {
}
.school dl {
    margin-bottom: 3rem;
    padding: 1.2rem;
    border: 1px solid #885F4A;
}
.school dt h2 {
    font-size: 2rem;
    border-bottom: 3px double #885F4A;
    padding-bottom: 0.5rem;
    color: #885F4A;
}
.school dd h3 {
    font-size: 1.6rem;
    border-bottom: 1px dotted #885F4A;
    margin-bottom: 0.5rem;
    padding-bottom: 0.3rem;
    color: #885F4A;
}
.school dd h3.small {
    font-size: 1.4rem;
}
.school dd ul {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.school dd li {
    width: 49%;
    background: #fff7eb;
    margin-top: 1.5rem;
    padding: 1rem;
}
/* schoolList */
.schoolList {
    margin: 4rem auto;
}
.schoolList ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style-type: none;
    text-align: center;
}
.schoolList li {
    border: 1px solid #fff;
    width: 33%;
    background: #FFF2D6;
}
.schoolList li a {
    display: block;
    padding: 1.5rem 1rem;
}

/*----------------------------------------------------
  news
----------------------------------------------------*/
.news section {
	border: 1px solid #aaa;
	margin-bottom: 5rem;
	padding: 3rem;
}
.news time {
	display: block;
	margin-bottom: 1.5rem;
	font-size: 1.4rem;
	font-weight: 700;
	color: #717171;
}
.news time:before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: "\f073";
	position: relative;
	padding-right: 0.5rem;
	font-size: 1.3rem;
}
.news time:after, .impnews time:after {
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	text-align: center;
	padding: 0.1rem 0;
	margin-left: 1rem;
	display: inline-block;
	width: 10rem;
}
.cateNews time:after {
	content: 'お知らせ';
	background: #F36C11;
}
.cateImp time:after {
	content: '重要なお知らせ';
	background: #8B0D10;
}
.cateEvent time:after {
	content: 'イベント';
	background: #EF457F;
}
.news h3 {
	font-size: 1.6rem;
	border-bottom: 1px dotted #909090;
	margin: 1rem 0 1.5rem;
	padding-bottom: 1rem;
}
.news a {
    text-decoration: underline;
}
.news a:hover {
    color: #F36C11;
}
.newsBox {
	background: #EFEFEF;
	margin: 2rem 0;
	padding: 2rem;
}
.newsBox ul {
	padding: 0;
}
.newsBox ul h4 {
	font-size: 1.6rem;
	margin-bottom: 1rem;
}

/* 流れ */
.stepbar .stepbarwrap {
    margin: 2em 0;
    position: relative;
}
.stepbar .stepbarwrap .steptitle {
    display: inline-flex;
    align-items: center;
}
.stepbar .stepbarwrap .steptitle .stepcircle {
    display: inline-block;
    width: 3em;
    height: 3em;
    content: "";
    border-radius: 50%;
    background-color: #5fa10a;
    color: #fff;
    text-align: center;
}
.stepbar .stepbarwrap .steptitle .stepcircle span {
    display: inline-block;
    font-size: 2rem;
    font-weight: bold;
    position: relative;
    top: 0.4em;
}
.stepbar .stepbarwrap .steptitle h3 {
    margin: 1rem;
    font-weight: bold;
    font-size: 2rem;
    color: #5fa10a;
}
.stepbar .stepbarwrap .steptxt {
    padding-left: 3.5em;
}
.stepbar .stepbarwrap .steptxt .txt {
    font-size: 1.6rem;
}
.stepbar .stepbarwrap .stepline {
    width: 1px;
    height: calc(100% + 1em);
    background-color: #5fa10a;
    position: absolute;
    top: 1em;
    left: 1.5em;
    z-index: -1;
}
.stepbarwrap:last-of-type .stepline:last-of-type {
    display: none;
}
/* feature */
.feature li {
    padding: 2.5rem 2rem;
    border-radius: 10px;
    list-style-type: none;
    margin-bottom: 2rem;
    font-size: 2rem;
    border: 5px double #B4B4B4;
}

/*----------------------------------------------------
  siteMap
----------------------------------------------------*/
.siteMap {	
	margin: 0 0 8rem;
}
.siteMap > ul {
    margin-bottom: 3rem;
	padding: 0;
	list-style: none;
}
.siteMap > ul > li {
	font-size: 1.6rem;
	line-height: 2;
	font-weight: 400;
	letter-spacing: 2px;
	padding-left: -2rem;
}
.siteMap > ul > li:first-child {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
	border-bottom: 1px solid #242424;
	line-height: 2;
}
.siteMap > ul > li a:hover {
	text-decoration: underline;
}
.siteMap > ul > li > ul {
	padding: 0 0 0 1rem;
	margin: 0 0 1rem;
	line-height: 1.6;
	list-style-type: none;
}
.siteMap > ul > li > ul > li > ul  {
	padding: 0 0 0 1.5rem;
	margin: 0.5rem 0 0;
	line-height: 1.8;
	list-style-type: none;
}
.siteMap > ul > li > ul > li:before {
	font-family: FontAwesome;
	content: "\f105";
	margin-right: 1rem;
}
.siteMap > ul > li > ul > li > ul > li:before {
	content: "・";
}

/*----------------------------------------------------
  bnContact
----------------------------------------------------*/
.bnContact {
    padding: 3rem 2rem;
    background: transparent;
    border: 2px solid #868686;
    position: relative;
    text-align: center;
}
.bnContact::after {
    content: '';
    background: #EFEFEF;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -7px;
    left: 7px;
    z-index: -1;
}
.bnContact b {
    font-family: "Zen Maru Gothic", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
    font-size: 2.5rem;
    font-weight: 900;
    color: #f36100;
}
.bnContact > a {
    display: block;
}
.bnContact p {
    font-size: 3rem;
    font-weight: 900;
    color: #f36100;
    letter-spacing: 2px;
}
.bnContact i {
    margin-right: 1rem;
}
.bnContact .btn {
    margin: 2rem auto;
    background: #f36100;
    border-radius: 10px;
}
.bnContact .btn a {
    display: block;
    width: 100%;
    padding: 2rem 1rem;
    color: #fff;
    border-radius: 10px;
    font-size: 2.2rem;
}

.bnContact .btn a:hover {
    background: #5fa10a;
    border-radius: 10px;
}