@charset "utf-8";
/* CSS Document */
@media print,screen and (max-width:959px) {
	.pcOnly {
		display: none;
	}


}
@media print,screen and (min-width:960px) {
	.spOnly {
		display: none;
	}
	
	/* Common */
	.container {
		display: flex;
		justify-content: space-between;
		width: 980px;
		margin: 0 auto;
		height: 100%;
	}
	
	/****************** Under ******************/
	.blockHeader--under {
		height: auto;
		background-color: transparent;
	}
	.siteTitle {
		line-height: 1.6;
		padding: 20px 0;
		font-size: 3rem;
		text-align: center;
		border-radius:0px 0px 5px 5px ;
		box-shadow:0px 2px 6px 0px #CCC;
		margin-bottom: 7px;
		background-color: #FFF;
	}
	.siteTitle__fss01 {
		font-size: 1.6rem;
	}
	.siteTitle__fss02 {
		display: block;
		margin: 0 auto;
		font-size: 1.4rem;
		margin-left: 0;
	}
	
	/* Menu */
	.blockSpDownMenu {
		display: none !important;
	}
	.blockSpDownMenu--under {
		display: block !important;
		position: relative;
		height: calc(100% - 116px);
		background-color: #FFF;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
		overflow: auto;
		border-radius:5px 5px 0px 0px ;
		box-shadow:0px 2px 6px 0px #CCC;
	}
	.blockSpDownMenu__inner {
		/*height: 100%;*/
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 0;
	}
	.blockSpDownMenu__top {
		display: none;
	}
	/*.blockSpDownMenu__top a {
		display: block;
		height: 44px;
		line-height: 44px;
		background-color: #8C6852;
		font-size: 1.6rem;
		font-weight: bold;
		padding: 0 4%;
		position: relative;
		color: #FFF;
		text-decoration: none;
	}*/
	.blockSpDownMenu__top a::after {
		content: "";
		display: block;
		width: 9px;
		height: 14px;
		background: url(../images/common/arrow_r_01.png) no-repeat center center / 9px auto;
		top: calc(50% - 7px);
		right: 4%;
		position: absolute;
	}
	.blockSpDownMenuInner {
		border-bottom: #BDE7EC solid 1px;
	}
	.blockSpDownMenuInner__second {
		border-top: #BDE7EC solid 1px;
		padding: 0%;
		height: auto;
	}
	.blockSpDownMenuInner__second:first-child {
		border-top: none;
	}
	.blockSpDownMenuInner__second a {
		height: 60px;
		line-height: 60px;
		background: #FFF url(../images/common/blt_gnav.png) no-repeat 10px center / 25px auto;
		font-size: 1.5rem;
		font-weight: normal;
		padding: 0 10px 0 36px;
		color: #3DB6C7;
		text-decoration: none;
		display: block;
	}
	.blockSpDownMenuInner__second--line2 a {
		line-height: 1.4;
		padding-top: 9px;
	}
	.blockSpDownMenuInner__second a:hover,
	.blockSpDownMenuInner__second.active a {
		background: #7CCFDA url(../images/common/blt_gnav_w.png) no-repeat 10px center;
		color: #FFF;
	}
	.blockSpDownMenuInner__second a::after {
		display: none;
	}
	.blockSpDownMenuInner__third {
		display: none;
	}
	.blockSpDownMenuInner__third.active {
		display: block !important;
	}
	.blockSpDownMenuInner__thirdWrap {
		border-top: none;
	}
	.blockSpDownMenuInner__third__item {
		border-top: #BAE5E6 dotted 1px;
	}
	.blockSpDownMenuInner__third__item:first-child {
		border-top: none;
	}
	.blockSpDownMenuInner__third__item a {
		display: block;
		height: auto;
		line-height: 1.4;
		background-color: #F8FBF3;
		font-size: 1.4rem;
		font-weight: normal;
		padding: 10px 10px 10px calc(10px + 1em);
		color: #38B5C7;
		text-decoration: none;
		text-indent: -1em;
	}
	.blockSpDownMenuInner__third__item a::before {
		content: "・";
	}
	.blockSpDownMenuInner__third__item a::after {
		display: none;
	}
	.blockSpDownMenuInner__third__item a:hover,
	.blockSpDownMenuInner__third__item.active a {
		color: #F05433;
	}
	.blockSpDownMenu__close {
		display: none;
	}
	
}
@media print,screen and (min-width:960px) and (orientation:landscape) {
	/*
	----------------------------------------- Common */
	.spOnly {
		display: none;
	}
	
	a.btn,
	a img{
		transition: all .3s linear;
	}
	a.btn:hover,
	a:hover img{
		opacity: .7;
	}
	
	a:link[href^="tel:"] {
		color: #333;
	}
	
	body {
		height: 100%;
	}
	
	/*
	----------------------------------------- Header */
	.blockHeader {
		position: relative;
	}
	
	.blockHeader--under {
		width: 221px;
	}
	.btnLang--under {
		top: 165px;
		left: 892px;
		right: auto;
		z-index: 10;
	}
	
	/*
	----------------------------------------- breadcrumb */
	.breadcrumb {
		font-size: 1.4rem;
		padding: 0 5px;
	}

	/*
	----------------------------------------- Contents */
	.contentsWrapper--under {
		width: 727px;
	}
	
	/*
	----------------------------------------- Footer */
	.blockFooter {
		padding: 30px 0;
	}
	.hlLv02--footer {
		font-size: 1.8rem;
		margin-bottom: 10px;
	}
	.subread--footer {
		font-size: 1.4rem;
		margin-bottom: 20px;
		line-height: 1.5;
	}
	.copyright {
		font-size: 1.2rem;
	}
	
	/*
	----------------------------------------- Module */

	/*********************** Common Page ***************************/

	/* Category Index */
	.sectionCatWrap {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding: 30px 0 60px;
	}
	.section__second__item {
		width: 221px;
		margin-top: 35px;
		line-height: 1.4;
		margin-right: 32px;
	}

	.section__second__item:nth-child(3) {
		margin-top: 0;
	}
	.section__second__item:nth-child(3n) {
		margin-right: 0;
	}
	.section__second__item a {
		color: #333;
		text-decoration: none;
	}
	.section__second__item__img {
		border: #7CCFDA solid 1px;
		margin-bottom: 15px;
		text-align: center;
	}
	.section__second__item__ttl {
		font-size: 1.6rem;
	}
	
	/* Article Page */
	.articleWrap {
		padding: 40px 0;
	}
	.kvBox {
		margin: 0 0 50px;
		padding: 8% 20%;
		background-color: #FFF;
		text-align: center;
	}
	.innerImgBox {
		margin: 50px 0;
		padding: 8% 12%;
	}
	.artictleFoot {
		margin-top: 40px;
	}
	.artictleFoot__btnBox01 {
		display: flex;
		justify-content: space-between;
	}
	.artictleFoot__btnBox01--firstPage {
		justify-content:  flex-end;
	}
	.artictleFoot__btnBox02 {
		margin-top: 40px;
	}
	.artictleFoot__btnBox01__item {
		text-align: center;
		margin-top: 20px;
	}
	.icnPdf::after {
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
		margin-left: 8px;
	}

	/********* Box Model *********/



	/* 2Column */

	/*********************** Headline ***************************/
	/* Headline Lv1 */
	.hlLv01 {
		font-size: 3.6rem;
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: #CCCCCC dotted 4px;
	}
	.hlLv01--cat {
		background: #7CCFDA url(../images/common/bg_title.png) no-repeat  -101px -101px / 202px auto;
		height: 150px;
		line-height: 1.4;
		padding: 0 40px;
		font-size: 3.2rem;
		border-radius:0px 0px 5px 5px;
	}
	.hlLv02 {
		font-size: 2.4rem;
		margin-bottom: 30px;
	}
	.hlLv03 {
		font-size: 2.2rem;
		font-weight: bold;
		margin-bottom: 30px;
	}
	
	/*********************** Text ***************************/
	/* Text01 */
	.modTxt01 {
		font-size: 2rem;
		line-height: 2;
	}
	
	/*********************** Botton ***************************/
	/* Botton 01 */
	.articleBtn01 {
		height: 50px;
		line-height: 50px;
		padding: 0 20px;
		color: #FFF;
		font-size: 1.4rem;
		border-radius: 25px;
		transition: opacity 0.3s linear;
	}
	.articleBtn01:hover {
		opacity: .7;
	}
	
	.articleBtn01--prev::before {
		content: "";
		background: url(../images/common/arrow_prev.png) no-repeat center center / 16px auto;
		width: 16px;
		height: 8px;
		margin-right: 10px;
	}
	.articleBtn01--next::after {
		content: "";
		background: url(../images/common/arrow_next.png) no-repeat center center / 16px auto;
		width: 16px;
		height: 8px;
		margin-left: 10px;
	}
	.articleBtn01--list::before {
		content: "";
		background: url(../images/common/arrow_list.png) no-repeat center center / 8px auto;
		width: 8px;
		height: 16px;
		margin-right: 10px;
	}
	
	/*
	----------------------------------------- Local Page */

	/*********************** Common Page ***************************/
	
	
	
	
	/*********************** Index Page ***************************/
	
	/* Key Visual */
	.indexKvBox {
		padding: 72px 0;
		height: auto;
		overflow: auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.kvBox__txt {
		padding: 0 50px 0 30px;
		max-width: 630px;
	}
	.titleIndex {
		width: 84%;
		margin: 0 auto;
	}
	.subtitleIndex {
		margin-top: 2em;
		font-size: 2rem;
		line-height: 1.8;
	}
	.navIndex {
		margin-top: 4em;
	}
	.navIndex__wrap {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.navIndex__item {
		width: 30%;
		margin: 20px 1.5% 0;
		height: 160px;
	}
	.navIndex__item:nth-child(1),
	.navIndex__item:nth-child(2),
	.navIndex__item:nth-child(3) {
		margin-top: 0;
	}
	.navIndex__item a {
		display: flex;
		border: #AAE0E8 solid 4px;
		background-color: #FFF;
		padding: 0 4%;
		height: 100%;
		text-align: center;
		align-items: center;
		justify-content: center;
		border-radius: 10px;
		text-decoration: none;
		line-height: 1.6;
		font-weight: bold;
		color: #333;
		transition: all 0.3s linear;
	}
	.navIndex__item a:hover {
		background-color: #AAE0E8;
		color: #FFF;
	}
	.kvBox__img {
		margin-top: 0;
		padding: 0 20px 0 30px;
		max-width: 630px;
	}

	
}

@media print,screen and (min-width:1400px) {
	
}