@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
a {
  text-decoration: underline;
  color: #006ea3;
}

a:hover {
  text-decoration: none;
}

.fs15_16 {
  font-size: 15px;
	font-size: 1.5rem;
  line-height: 1.46;
}

@media (min-width: 1024px) {
  .fs15_16 {
    font-size: 16px;
	font-size: 1.6rem;
	font-size: 160%;
    line-height: 2.5;
  }
}

.fs13_14 {
  font-size: 13px;
	font-size: 1.3rem;
  line-height: 1.4;
}

@media (min-width: 1024px) {
  .fs13_14 {
    font-size: 14px;
	font-size: 1.4rem;
	font-size: 140%;
  }
}

.detail hr {
  margin: 2.2em 0;
}


.h1bg{
    display: flex;
    background: #a0dcf5 url(../img/page_h1_illust.png);
    padding: 15px 20px;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto 70px;
    min-height: 80px;
    align-items: center;
	position: relative;
    border-radius: 10px 10px 0 0;
    border-bottom: 5px solid #076b9f;
    margin: 20px 0;
}
.h1bg:before{
	content: "";
	display: inline-block;
	width: 299px;
	height: 15px;
    background: url(../img/main_h1_before.png);
    position: absolute;
    right: 0;
    top: 0;
    background-size: 100%;
}
.h1bg:after{
	content: "";
	display: inline-block;
	width: 289px;
	height: 15px;
    background: url(../img/main_h1_after.png);
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: 100%;
}
.h1bg h1{
	font-size: 22px;
	font-size: 2.2rem;
    font-weight: bold;
    position: relative;
    z-index: 5;
}
.h1bg.h1_style02{
    background: none;
    border: none;
    padding: 0;
    min-height: auto;
    margin: 20px 0;
}
.h1bg.h1_style02:before,
.h1bg.h1_style02:after{
	content: none;
}

@media (min-width: 1024px) {
	.h1bg{
    background-size: auto 150px;
    min-height: 160px;
    border-bottom: 8px solid #076b9f;
    margin: 20px 0 40px;
	}
	.h1bg:before{
    width: 578px;
    height: 29px;
	}
	.h1bg:after{
    width: 577px;
    height: 30px;
	}
	.h1bg h1{
    font-size: 200%;
	}
}

.h2bg,
#kanren h2{
    border-radius: 8px;
    margin: 30px 0 16px;
	background: url(../img/event_h2_border.jpg);
    padding-top: 10px;
    clear: both;
}
.h2bg h2,
#kanren h2 > span{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    border-radius: 0 0 8px 8px;
    padding: 10px;
    background: #fff;
    border: 1px solid #94bed4;
}
#kanren h2 span{
	display: block;
}
.h2bg.h2_style02{
    background: #bae5f8;
    padding: 0;
    border-radius: 6px;
    margin: 30px 0 16px;
}
.h2bg.h2_style02 h2{
    background: none;
    border: none;
}
.partsstyle_h2{
    border-radius: 8px;
    margin: 30px 0 16px;
    padding-top: 10px;
    clear: both;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    border-radius: 0 0 8px 8px;
    padding: 10px;
    background: #fff;
    border: 1px solid #94bed4;
	position: relative;
}
.partsstyle_h2:before{
	content: "";
	display: block;
    background: url(../img/event_h2_border.jpg);
    width: calc(100% + 2px);
	height: 10px;
	position: absolute;
	top: -10px;
    left: -1px;
    border-radius: 8px 8px 0 0;
}

@media (min-width: 1024px) {
	.h2bg,
#kanren h2{
    margin: 40px 0 20px;
	}
	.h2bg h2,
#kanren h2 > span{
    font-size: 140%;
    padding: 12px;
	}
	.partsstyle_h2{
    margin: 40px 0 20px;
    font-size: 140%;
    padding: 12px;
	}
}
.h3bg{
	background-color: #fff;
	border-left: 4px solid #006ea3;
	border-bottom: 2px solid #006ea3;
    padding: 6px 0 6px 8px;
    margin: 24px 0 14px;
    overflow: hidden;
}
.h3bg h3{
    font-size: 16px;
    font-size: 1.6rem;
}
.partsstyle_h3{
	background-color: #fff;
	border-left: 4px solid #006ea3;
	border-bottom: 2px solid #006ea3;
    padding: 6px 0 6px 8px;
    margin: 24px 0 14px;
    overflow: hidden;
    font-size: 16px;
    font-size: 1.6rem;
}

@media (min-width: 1024px) {
	.h3bg{
    margin: 30px 0 20px;
    padding: 10px 0 10px 16px;
	}
	.h3bg h3{
    font-size: 100%;
	}
	.partsstyle_h3{
    margin: 30px 0 20px;
    padding: 10px 0 10px 16px;
    font-size: 100%;
	}
}
.h4bg{
    margin: 16px 0 10px;
	position: relative;
	padding-left: 20px;
    overflow: hidden;
}
.h4bg:before{
	content: "■";
	display: inline-block;
    font-size: 116%;
    color: #357d4f;
    position: absolute;
    left: 0;
    top: 0;
}
.h4bg h4{
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    font-weight: bold;
}
.partsstyle_h4{
    margin: 16px 0 10px;
	position: relative;
	padding-left: 20px;
    overflow: hidden;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    font-weight: bold;
}
.partsstyle_h4:before{
	content: "■";
	display: inline-block;
    font-size: 116%;
    color: #357d4f;
    position: absolute;
    left: 0;
    top: 0;
}

@media (min-width: 1024px) {
	.h4bg{
    margin: 30px 0 20px;
	}
	.h4bg:before{
    top: -2px;
	}
	.h4bg h4{
    font-size: 100%;
	}
	.partsstyle_h4{
    margin: 30px 0 20px;
    font-size: 100%;
	}
	.partsstyle_h4:before{
    top: -2px;
	}
}
.h5bg{
    margin: 16px 0 10px;
    overflow: hidden;
}
.h5bg h5{
    font-size: 16px;
    font-size: 1.6rem;
    color: #006ea3;
    border-bottom: 1px solid #006ea3;
    padding-bottom: 4px;
}
.partsstyle_h5{
    margin: 16px 0 10px;
    overflow: hidden;
    font-size: 16px;
    font-size: 1.6rem;
    color: #006ea3;
    border-bottom: 1px solid #006ea3;
    padding-bottom: 4px;
}

@media (min-width: 1024px) {
	.h5bg{
    margin: 30px 0 20px;
	}
	.h5bg h5{
    font-size: 100%;
	}
	.partsstyle_h5{
    margin: 30px 0 20px;
    font-size: 100%;
	}
}

.iframe{
    max-width: 100%;
}

.mokuji_area{
    border: 4px solid #f0f0f0;
    margin: 0 0 20px;
    padding: 15px;
    border-radius: 14px;
}
.mokuji_area .tit{
	font-size: 18px;
	font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 8px;
    letter-spacing: 8px;	
}
.mokuji_area ul li{
	position: relative;
	padding-left: 20px;
    border-top: 1px solid #f0f0f0;
}
.mokuji_area ul li:before{
    content: "";
    display: inline-block;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    left: 0;
    top: 16px;
}
.mokuji_area ul li a{
    display: block;
    padding: 10px 0;
	color: #000;
    /*
	text-decoration: none;
	*/
}

@media (min-width: 1024px) {
	.mokuji_area{
    margin: 0 0 50px;
	}
	.mokuji_area .tit{
    font-size: 140%;
	}
	.mokuji_area ul li{
    padding-left: 40px;
	}
	.mokuji_area ul li:before{
    left: 20px;
    top: 20px;
	}
}


.adobe_info{
    border: 2px solid #f0f0f0;
    padding: 15px;
    margin: 30px 0;
    clear: both;
}
.adobe_info .adobe_link{
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}
.adobe_info .adobe_link .link{
    margin-top: 8px;
}

@media (min-width: 1024px) {
	.adobe_info{
    margin: 50px 0;
	}
	.adobe_info .adobe_link{
    flex-direction: row;
    align-items: center;
	}
	.adobe_info .adobe_link .img{
    margin-right: 20px;
	}
}

#contact{
    padding: 30px 0;
    clear: both;
}
#contact p,
#contact .txt{
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 0 0 10px 10px;
	margin: 0;
}
#contact p a:hover,
#contact .txt a:hover{
	opacity: 1;
	text-decoration: none;
}
#contact .tit,
#contact h2{
    background-color: #006ea3;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 15px;
    border-radius: 10px 10px 0 0;
	margin: 0;
}

@media (min-width: 1024px) {
	#contact{
    padding: 50px 0;
	}
	#contact p,
	#contact .txt{
    padding: 20px;
	}
	#contact .tit,
	#contact h2{
    font-size: 140%;
    padding: 20px;
	}
}

#feedback{
    clear: both;
    padding: 30px 0;
}
#feedback legend{
	border-bottom: 1px solid #f5f5f5;
	position: relative;
	display: block;
    width: 100%;
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 15px;
}
#feedback legend:before{
	content: "";
	display: block;
	width: 100%;
	max-width: 32em;
	height: 1px;
	background-color: #000;
    position: absolute;
    bottom: -1px;
}
#feedback_box h3{
    color: #09677f;
    font-weight: bold;
    margin: 10px 0;
}
#feedback_box .fedd{
    margin: 1.5rem 0;
}
#feedback_box .fedd:first-child{
	margin-top: 0;
}
#feedback_box .tit{
    display: block;
    font-weight: bold;
}
#feedback_box .fedd [type="radio"]{
    margin-left: 1.5rem;
}
#feedback_box p{
	margin: 0;
}
#feedback_box .submitbox{
	margin-top: 1.5rem;
}
#feedback_box textarea{
    border: 1px solid #c6c6c6;
    width: 100%;
    margin: 10px 0;
}
#feedback_box .submitbox{
    text-align: center;
}
#feedback_box .submitbox [type="button"]{
    background-color: #006ea3;
    color: #fff;
    padding: 10px 60px;
}
#feedback_box .submitbox [type="button"]:hover{
    opacity: 0.75;
}

@media (min-width: 1024px) {
	#feedback {
    padding: 50px 0;
}
	#feedback legend{
    font-size: 140%;
	}
}

.page_tags,
.page_cates{
    padding: 30px 0;
	clear: both;
}
.page_tags h2,
.page_cates h2{
	border-bottom: 1px solid #f5f5f5;
	position: relative;
	display: block;
    width: 100%;
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 15px;
}
.page_tags h2:before,
.page_cates h2:before{
	content: "";
	display: block;
	width: 30%;
	height: 1px;
	background-color: #000;
    position: absolute;
    bottom: -1px;
}
.page_tags ul,
.page_cates ul{
    display: flex;
    flex-wrap: wrap;
}
.page_tags ul li,
.page_cates ul li{
	margin-bottom: 6px;
	margin-right: 6px;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-size: 1.2rem;
}
.page_tags ul li a,
.page_cates ul li a{
    background-color: #f5f5f5;
    color: #000;
    text-decoration: none;
    padding: 6px 8px;
    display: block;
    border-radius: 6px;
}

@media (min-width: 1024px) {
	.page_tags,
	.page_cates{
    padding: 50px 0;
	}
	.page_tags h2,
	.page_cates h2{
    font-size: 140%;
	}
	.page_tags ul li,
	.page_cates ul li {
    margin-bottom: 12px;
    margin-right: 12px;
    font-size: 90%;
}
	.page_tags ul li a,
	.page_cates ul li a{
    padding: 10px 16px;
	}
}

.recommend_area{
    background-color: #f5f5f5;
    padding: 15px;
    margin: 30px 0;
}
.recommend_area h2{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
    margin-bottom: 15px;
}
.recommend_area ul{
    padding: 15px;
    background-color: #fff;
    border-radius: 14px;
}
.recommend_area ul li{
    position: relative;
    padding-left: 20px;
    border-top: 1px solid #f0f0f0;
}
.recommend_area ul li:first-child{
    border-top: none;
}
.recommend_area ul li:before{
    content: "";
    display: inline-block;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 16px;
}
.recommend_area ul li a{
    display: block;
    padding: 10px 0;
}

@media (min-width: 1024px) {
	.recommend_area{
    margin: 50px 0;
    padding: 50px 0;
	}
	.recommend_area h2{
    font-size: 140%;
	}
	.recommend_area ul{
    max-width: 1200px;
    padding: 30px 40px;
    margin: 0 auto;
    border-radius: 30px;
	}
	.recommend_area ul li:before{
    top: 22px;
	}
}

.mx_n15 {
  margin: 0 -15px;
}

@media (min-width: 1024px) {
  .mx_n15 {
    margin: auto;
  }
}


.header a {
  text-decoration: none;
  color: #000;
}

@media (min-width: 1024px) {
  .detail_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .detail_contents {
    width: 72.4%;
    padding-right: 30px;
  }
}


.breadcrumb {
  padding: 0 32px 0 17px;
  position: relative;
}

@media (min-width: 1024px) {
  .breadcrumb {
    padding: 0 0 53px;
  }
}

.breadcrumb .breadcrumb_arrow {
  border-left: 1px solid #dbdbdb;
  padding-left: 10px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 1024px) {
  .breadcrumb .breadcrumb_arrow {
    display: none;
  }
}

.detailTop_titleWrap {
  margin-top: 29px;
}

@media (min-width: 1024px) {
  .detailTop_titleWrap {
    margin: 0;
  }
}

.detailTop_title {
  background-color: #e2ee47;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  padding: 37px 20px;
  font-size: 22px;
	font-size: 2.2rem;
}

@media (min-width: 1024px) {
  .detailTop_title {
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    padding: 51px 44px;
  }
}

.detailTop_title h1 {
  font-weight: bold;
}

@media (min-width: 1024px) {
  .detailTop_title h1 {
    font-size: 36px;
	font-size: 3.6rem;
	font-size: 360%;
  }
}

.detailPage_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f6fcae;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  font-size: 12px;
	font-size: 1.2rem;
  padding: 5px 20px;
  margin-bottom: 15px;
}

@media (min-width: 1024px) {
  .detailPage_info {
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
    margin-bottom: 37px;
    padding: 8px 30px;
  }
}

.updateDate {
  margin: auto 0;
}

.page_num {
  background-color: #fff;
  margin: 5px;
}

.detailTop_text {
  font-size: 15px;
	font-size: 1.5rem;
  line-height: 1.65;
}

@media (min-width: 1024px) {
  .detailTop_text {
    line-height: 2;
  }
}

.contents_list {
  border: 5px solid #ececec;
  border-radius: 20px;
  padding: 10px;
  margin: 15px auto 48px;
}

@media (min-width: 1024px) {
  .contents_list {
    border: 7px solid #ececec;
    border-radius: 30px;
    padding: 5px 25px 12px;
    margin: 23px auto 74px;
  }
}

.contents_list dt {
  border-bottom: 1px solid #e2e2e2;
  padding: 12px 4px 10px;
  font-size: 20px;
	font-size: 2.0rem;
  letter-spacing: 4px;
}

@media (min-width: 1024px) {
  .contents_list dt {
    padding: 7px 6px 10px;
    font-size: 24px;
	font-size: 2.4rem;
	font-size: 240%;
    letter-spacing: 8px;
  }
}

.contents_list dd {
  padding: 12px;
  border-bottom: 1px solid #e2e2e2;
  font-size: 15px;
	font-size: 1.5rem;
  line-height: 1.4;
}

@media (min-width: 1024px) {
  .contents_list dd {
    font-size: 16px;
	font-size: 1.6rem;
	font-size: 160%;
    margin-bottom: 0;
  }
}

.contents_list dd:last-child {
  border-bottom: none;
  padding-bottom: 13px;
}

.contents_list dd a {
  text-decoration: none;
  color: #000;
}

.contents_list dd a i {
  padding-right: 8px;
}

.detail_contentsWrap {
  margin-bottom: 48px;
}

@media (min-width: 1024px) {
  .detail_contentsWrap {
    margin-bottom: 60px;
  }
}

.detail_contentsWrap hr {
  margin: 1.3em 0;
}

@media (min-width: 1024px) {
  .detail_contentsWrap hr {
    margin: 2.2em 0;
  }
}

.detail_contentsTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e2ee47;
  border-radius: 5px;
  min-height: 91.2px;
  padding: 19px 20px;
  margin-bottom: 20px;
  font-weight: bold;
}

@media (min-width: 1024px) {
  .detail_contentsTitle {
    padding: 45px 40px;
    margin-bottom: 31px;
  }
}

.detail_contentsTitle h2 {
  font-size: 19px;
	font-size: 1.9rem;
  line-height: 1.4;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .detail_contentsTitle h2 {
    font-size: 22px;
	font-size: 2.2rem;
	font-size: 220%;
  }
}

.detail_contentsImg {
  margin-bottom: 20px;
  text-align: center;
}

@media (min-width: 1024px) {
  .detail_contentsImg {
    width: 72%;
    margin: 0 auto 29px;
  }
}

.detail_link {
  color: #8a3805;
  display: block;
  padding: 9px 16px;
  margin-bottom: 15px;
  font-size: 15px;
	font-size: 1.5rem;
  line-height: 1.35;
  text-decoration: none;
}

@media (min-width: 1024px) {
  .detail_link {
    display: inline-block;
    margin-bottom: 19px;
    padding: 15px 30px;
  }
}

.detail_contentsText {
  font-size: 15px;
	font-size: 1.5rem;
  line-height: 1.67;
  margin-bottom: 5px;
}

@media (min-width: 1024px) {
  .detail_contentsText {
    font-size: 16px;
	font-size: 1.6rem;
	font-size: 160%;
    line-height: 1.8;
    margin-bottom: 15px;
  }
}

.detail_contentsSubTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 22px 0 11px;
  font-size: 15px;
	font-size: 1.5rem;
  font-weight: bold;
}

@media (min-width: 1024px) {
  .detail_contentsSubTitle {
    font-size: 16px;
	font-size: 1.6rem;
	font-size: 160%;
    padding: 6px 0;
    margin: 0 0 6px;
  }
}

.detail_contentsSubTitle::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: auto;
  background: #dbe64f;
  border-radius: 3px;
  margin-right: 0.5em;
}

.detail_contentsSubTitle2 {
  margin: 20px 0 5px;
  font-size: 20px;
	font-size: 2.0rem;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .detail_contentsSubTitle2 {
    font-size: 20px;
	font-size: 2.0rem;
	font-size: 200%;
    font-weight: 500;
    margin: 20px 0 14px;
  }
}

.detail_contactTitle {
  background-color: #4d520c;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 22px 20px;
  font-size: 19px;
	font-size: 1.9rem;
}

@media (min-width: 1024px) {
  .detail_contactTitle {
    padding: 22px 40px;
    font-size: 22px;
	font-size: 2.2rem;
	font-size: 220%;
    margin-top: 112px;
  }
}

.detail_contactText {
  background-color: #f5f5f5;
  padding: 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

@media (min-width: 1024px) {
  .detail_contactText {
    padding: 24px 39px 12px;
  }
}

.article_tag_title {
  font-size: 18px;
	font-size: 1.8rem;
  margin-top: 38px;
  margin-bottom: 12px;
  border-bottom: 1px solid #e5e5e5;
}

@media (min-width: 1024px) {
  .article_tag_title {
    font-size: 22px;
	font-size: 2.2rem;
	font-size: 220%;
    margin-top: -30px;
  }
}

.article_tag_title p {
  display: inline-block;
  border-bottom: 1px solid #000;
  padding-bottom: 16px;
}

.article_tagWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1024px) {
  .article_tagWrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.article_tag {
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 14px;
  margin: 5px 10px 5px 0;
  font-size: 12px;
	font-size: 1.2rem;
}

@media (min-width: 1024px) {
  .article_tag {
    font-size: 14px;
	font-size: 1.4rem;
	font-size: 140%;
  }
}

.article_tag a {
  text-decoration: none;
  color: #000;
}

@media (min-width: 1024px) {
  .detail_side_nav {
    width: 25%;
  }
}

.detail_side_nav a {
  text-decoration: none;
  color: #000;
}

.view_page {
  margin: 51px -15px 0;
  padding: 48px 15px;
  text-align: center;
}

@media (min-width: 1024px) {
  .view_page {
    margin: 57px auto -58px;
    padding: 34px 15px 56px;
  }
}

.view_page .view_page_title {
  font-size: 21px;
	font-size: 2.1rem;
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .view_page .view_page_title {
    font-size: 26px;
	font-size: 2.6rem;
	font-size: 260%;
    font-weight: 500;
    padding: 15px 0 3px;
  }
}

.view_page a {
  text-decoration: none;
  color: #000;
}


.view_page_list ul {
  margin: 0;
}

.view_page_list li {
    position: relative;
    padding-left: 20px;
    border-top: 1px solid #f0f0f0;
}

.view_page_list li:first-child {
  border: none;
}
.view_page_list li:before{
    content: "";
    display: inline-block;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 16px;
}
.view_page_list li a{
    display: block;
    padding: 10px 0;
}

@media (min-width: 1024px) {
	.view_page_list li:before{
    top: 22px;
	}
}

.news_container {
  margin-bottom: 45px;
}

@media (min-width: 1024px) {
  .news_container {
    margin-bottom: 24px;
  }
}

.detailImportant_titleWrap {
  background-color: #dd1e10;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #fff;
  font-size: 18px;
	font-size: 1.8rem;
  text-align: center;
  margin-top: 60px;
  padding: 23px 0;
}

@media (min-width: 1024px) {
  .detailImportant_titleWrap {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 22px 0;
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  .newArrivals_title {
    font-size: 20px;
	font-size: 2.0rem;
	font-size: 200%;
  }
}

.detailImportant_items {
  background-color: #f8f8f8;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 15px;
	font-size: 1.5rem;
  line-height: 1.5;
  padding: 5px 10px;
}

@media (min-width: 1024px) {
  .detailImportant_items {
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
    padding: 3px 24px 16px 24px;
  }
}

.detailImportant_items li {
  border-bottom: 1px solid #e2e2e2;
  padding: 7px 10px;
}

@media (min-width: 1024px) {
  .detailImportant_items li {
    padding: 13px 11px 10px;
  }
}

.detailImportant_items li:last-child {
  border-bottom: none;
}

@media (min-width: 1024px) {
  .detailImportant_items .arrow-right {
    margin-left: 0.5em;
  }
}

@media (min-width: 1024px) {
  .detailImportant_items .fs15_16 {
    line-height: 1.5;
  }
}

.detail_side_nav_listWrap {
  border-top: solid 1px #e2e2e2;
  padding: 37px 22px;
}

@media (min-width: 1024px) {
  .detail_side_nav_listWrap {
    border: none;
    padding: 25px 0;
  }
}

.detail_side_nav_listWrap:last-child {
  border-bottom: solid 1px #e2e2e2;
  margin-bottom: 40px;
}

.detail_side_nav_listWrap .title_btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  position: relative;
}

@media (min-width: 1024px) {
  .detail_side_nav_listWrap .title_btn {
    cursor: unset;
    pointer-events: none;
  }
}

.detail_side_nav_listWrap .title_btn.title_open p::before {
  display: none;
}

.detail_side_nav_listWrap .title_btn p {
  font-size: 21px;
	font-size: 2.1rem;
}

@media (min-width: 1024px) {
  .detail_side_nav_listWrap .title_btn p {
    font-size: 23px;
	font-size: 2.3rem;
	font-size: 230%;
  }
}

.detail_side_nav_listWrap .title_btn p::after {
  content: "";
  display: block;
  background: #000;
  border-radius: 1px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 1024px) {
  .detail_side_nav_listWrap .title_btn p::after {
    display: none;
  }
}

.detail_side_nav_listWrap .title_btn p::before {
  content: "";
  display: block;
  background: #000;
  border-radius: 1px;
  width: 4px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 11px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 1024px) {
  .detail_side_nav_listWrap .title_btn p::before {
    display: none;
  }
}

.detail_side_nav_list {
  display: none;
}

.detail_side_nav_list.open {
  display: block;
}

@media (min-width: 1024px) {
  .detail_side_nav_list {
    display: block !important;
    background: #f8f8f8;
    border-radius: 30px;
    margin-top: 18px;
    padding: 9px 25px 18px;
  }
}

@media (min-width: 1024px) {
  .detail_side_nav_list li {
    border-bottom: 1px solid #d9d9d9;
    padding: 11px 0;
  }
}

.detail_side_nav_list li:last-child {
  border: none;
}

.detail_accordionLists {
  background: #f8f8f8;
  border-radius: 10px;
  margin-top: 30px;
}

@media (min-width: 1024px) {
  .detail_accordionLists {
    margin-top: 1px;
  }
}

.detail_accordionLists li {
  padding: 10px;
  font-size: 15px;
	font-size: 1.5rem;
  border-bottom: 1px solid #d9d9d9;
}

@media (min-width: 1024px) {
  .detail_accordionLists li {
    font-size: 16px;
	font-size: 1.6rem;
	font-size: 160%;
    padding: 12px 10px 7px;
  }
}

@media (min-width: 1024px) {
  .detail_accordionLists .arrow-right {
    margin-left: 0.5em;
  }
}

@media (min-width: 1024px) {
  .detail_side_nav_more {
    background: #f8f8f8;
    border-radius: 30px;
    color: #000;
    font-size: 16px;
	font-size: 1.6rem;
	font-size: 160%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 18px auto 0;
    width: 63%;
    height: 56px;
  }
}

.banner_wrap {
  margin-top: 37px;
}

@media (min-width: 1024px) {
  .banner_wrap {
    margin-top: 30px;
  }
}

.banner_item {
  padding: 9px 8px;
  text-align: center;
}

@media (min-width: 1024px) {
  .banner_item {
    padding: 0;
    padding-bottom: 18px;
  }
}

@media (min-width: 1024px) {
  .faq .breadcrumb {
    padding-bottom: 48px;
  }
}

.faq .fs15_16 {
  line-height: 1.65;
}

@media (min-width: 1024px) {
  .faq .fs15_16 {
    line-height: 1.88;
  }
}

.faq .fs_12 {
  font-size: 12px;
	font-size: 1.2rem;
  margin: 2px 0;
}

.faq .mt_9 {
  margin-top: 9px;
}

.faq .detailTop_title {
  padding: 25px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1024px) {
  .faq .detailTop_title {
    padding: 51px 26px 52px;
  }
}

.faq .detailTop_title h1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.faq .q_wrap {
  font-size: 18px;
	font-size: 1.8rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 37px;
  height: 37px;
  background: #f6fcae;
  border-radius: 50%;
  margin-right: 9px;
}

@media (min-width: 1024px) {
  .faq .q_wrap {
    font-size: 32px;
	font-size: 3.2rem;
	font-size: 320%;
    width: 64px;
    height: 64px;
    margin-right: 16px;
  }
}

.faq .page_info {
  background: #f6fcae;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  margin: 0;
  padding: 4px 19px;
}

@media (min-width: 1024px) {
  .faq .page_info {
    margin-top: 0;
    margin-bottom: 0;
    padding: 8px 28px;
  }
}

.faq .page_num {
  padding: 3px 10px;
}

@media (min-width: 1024px) {
  .faq .page_num {
    padding: 3px 20px;
  }
}

.faq .answer_title {
  font-size: 20px;
	font-size: 2.0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 21px 0 10px;
}

@media (min-width: 1024px) {
  .faq .answer_title {
    font-size: 23px;
	font-size: 2.3rem;
	font-size: 230%;
    margin: 32px 0 22px;
  }
}

.faq .a_wrap {
  background: #dbe64f;
  border-radius: 50%;
  font-size: 16px;
	font-size: 1.6rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 7px;
  width: 30px;
  height: 30px;
}

@media (min-width: 1024px) {
  .faq .a_wrap {
    font-size: 25px;
	font-size: 2.5rem;
	font-size: 250%;
    margin-right: 10px;
    width: 40px;
    height: 40px;
  }
}

.faq .faq_list_gray {
  font-size: 15px;
	font-size: 1.5rem;
  padding: 0;
}

@media (min-width: 1024px) {
  .faq .faq_list_gray {
    font-size: 16px;
	font-size: 1.6rem;
	font-size: 160%;
    padding-top: 7px;
  }
}

.faq .faq_list_gray .faq_list_gray_item {
  background: #eee;
  border-radius: 6px;
  padding: 18px 15px 15px 45px;
  margin: 0 0 10px;
}

.faq .faq_list_gray .faq_list_gray_item:first-child {
  margin-top: 16px;
}

@media (min-width: 1024px) {
  .faq .faq_list_gray .faq_list_gray_item {
    padding: 17px 4em;
    margin-bottom: 20px;
  }
}

.faq .faq_list_gray .faq_list_gray_item dt {
  font-size: 16px;
	font-size: 1.6rem;
  margin-bottom: 6px;
  position: relative;
}

@media (min-width: 1024px) {
  .faq .faq_list_gray .faq_list_gray_item dt {
    font-size: 18px;
	font-size: 1.8rem;
	font-size: 180%;
    margin-bottom: 3px;
  }
}

.faq .faq_list_gray .faq_list_gray_item dt::before {
  display: block;
  position: absolute;
  top: 0;
  left: -25px;
}

@media (min-width: 1024px) {
  .faq .faq_list_gray .faq_list_gray_item dt::before {
    left: -35px;
  }
}

.faq .faq_list_gray .faq_list_gray_item:nth-child(1) dt::before {
  content: "1.";
}

.faq .faq_list_gray .faq_list_gray_item:nth-child(2) dt::before {
  content: "2.";
}

.faq .faq_list_gray .faq_list_gray_item:nth-child(3) dt::before {
  content: "3.";
}

.faq .faq_list_gray .faq_list_gray_item:nth-child(4) dt::before {
  content: "4.";
}

.faq .faq_list_gray .faq_list_gray_item:nth-child(5) dt::before {
  content: "5.";
}

.faq .faq_list_gray .faq_list_gray_item dd {
  line-height: 1.66;
}

@media (min-width: 1024px) {
  .faq .faq_list_gray .faq_list_gray_item dd {
    line-height: 1.8;
  }
}

.faq .detail_contentsTitle {
  font-size: 18px;
	font-size: 1.8rem;
  margin-top: 49px;
}

@media (min-width: 768px) {
  .faq .faq_map_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 26px;
  }
}

@media (min-width: 768px) {
  .faq .faq_map_wrap div {
    width: 50%;
  }
}

.faq .faq_map {
  margin: 7px 0 20px;
}

@media (min-width: 1024px) {
  .faq .article_tag_title {
    margin-top: 84px;
  }
}

.faq .detail_contentsWrap {
  margin-bottom: 20px;
}

.faq .view_page {
  margin: 57px auto 0;
}

.h2faq{
    display: flex;
    align-items: flex-start;
}
.h2faq .faq_title_img{
    min-width: 50px;
}
.h2faq .faq_title_text{
	width: calc(100% - 50px);
    font-size: 22px;
    font-size: 2.2rem;
    padding-top: 8px;
    padding-left: 10px;
}
@media (min-width: 1024px) {
	.h2faq .faq_title_text{
    font-size: 138%;
	}
}


footer a {
  text-decoration: none;
  color: #000;
}

.menulist .nextpage{
	background-color: #bae5f8;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    vertical-align: middle;
    padding: 20px 10px 20px 20px;
}
.menulist .nextpage .icon_scc{
    display: table-cell;
    vertical-align: middle;
    padding: 18px;
    min-width: 36px;
    background-color: #076b9f;
    position: relative;
    border-radius: 6px;
}
.menulist .nextpage .icon_scc:before{
    content: "";
    display: block;
    border-radius: 1px;
    width: 3px;
    height: 13px;
    position: absolute;
    top: 50%;
    right: 16px;
    background: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menulist .open .nextpage .icon_scc:before{
    content: none;
}
.menulist .nextpage .icon_scc:after{
    content: "";
    display: block;
    border-radius: 1px;
    width: 13px;
    height: 3px;
    position: absolute;
    top: 50%;
    right: 11px;
    background: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menulist .nextpage .icon_scc:hover{
	border: 1px solid #076b9f;
    background: #fff;
}
.menulist .nextpage .icon_scc:hover:before,
.menulist .nextpage .icon_scc:hover:after{
    background: #076b9f;
}
.menulist .nextpage a{
	color: #006A92;
}
.menulist .nextpage .catetitle{
	color: #006A92;
	text-decoration: none;
    margin-right: 1.5rem;
}
.menulist .nextpage a.catetitle{
	text-decoration: underline;
}
.menulist .m-box3{
	margin-bottom: 20px;
}
.menulist .site-li{
    display: none;
}
.wysiwyg_wp .menulist .site-li{
    margin: 0;
}
.menulist .site-li li.no_link{
    font-size: 16px;
    font-size: 1.6rem;
    padding: 16px 0 0;
}
.menulist .site-li li a{
    display: block;
    padding: 16px 0;
    position: relative;
    padding-left: 20px;
	border-bottom: 1px solid #e2e2e2;
}
.menulist .site-li li a:before{
    content: "";
    display: inline-block;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 22px;
}
.menulist .site-li li.catetop_link a{
    margin: 10px 0 0;
    border: 2px solid #076b9f;
    padding: 16px 20px;
    font-weight: bold;
    border-radius: 6px;
}
.menulist .site-li li.catetop_link a:before{
	content: none;
}
@media (min-width: 1024px) {
	.menulist{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
	.menulist .m-box3{
		width: 48%;
	}
	.menulist .nextpage{
    font-size: 140%;
	}
	.menulist .site-li li a:before{
    top: 28px;
	}
	.menulist .nextpage a:hover,
	.menulist .nextpage .icon_scc:hover{
		opacity: 0.7;
		cursor: pointer;
	}
	.menulist .site-li li.no_link{
    font-size: 114%;
	}
}

table.menulist {
  width: 100%;
  border: none;
  display: block;
}
table.menulist tbody {
  width: 100%;
  display: block;
}
table.menulist tr {
  width: 100%;
  border: none;
  display: block;
}
table.menulist td.m-box3 {
  border: none;
  padding: 0;
  display: block;
}
@media (min-width: 1024px) {
  table.menulist {
    flex-wrap: nowrap;
    justify-content: normal;
  }
  table.menulist tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  table.menulist td.m-box3 {
    width: 48%;
  }
}
/*# sourceMappingURL=detail.css.map */