@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: 1.5rem;
		text-align: center;
		border-radius:0px 0px 5px 5px ;
		box-shadow:0px 2px 6px 0px #CCC;
		margin-bottom: 7px;
		background-color: #FFF;
		display: block;
	}
	.siteTitle__fsl {
		font-size: 2.4rem;
	}
	.siteTitle__fsl__fss {
		font-size: 1.6rem;
	}
	
	/* Menu */
	.blockSpDownMenu {
		display: none !important;
	}
	.blockSpDownMenu--under {
		display: block !important;
		position: relative;
		height: calc(100% - 109px);
		/*height: 100%;*/
		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: #CEDADD solid 1px;
	}
	.blockSpDownMenuInner__second {
		border-top: #CEDADD solid 1px;
		padding: 0%;
		height: auto;
	}
	.blockSpDownMenuInner__second:first-child {
		border-top: none;
	}
	.blockSpDownMenuInner__second a {
		line-height: 1.4;
		background-color: #FFF;
		font-size: 1.5rem;
		font-weight: normal;
		padding: 20px 10px 20px 30px;
		color: #0B4457;
		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-color: #0B4457;
		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: #0B4457 dotted 1px;
	}
	.blockSpDownMenuInner__third__item:first-child {
		border-top: none;
	}
	.blockSpDownMenuInner__third__item a {
		display: block;
		height: auto;
		line-height: 1.4;
		background-color: #F9F9F2;
		font-size: 1.4rem;
		font-weight: normal;
		padding: 10px 10px 10px calc(10px + 1.3em);
		color: #0B4457;
		text-decoration: none;
		text-indent: -1.3em;
	}
	.blockSpDownMenuInner__third__item a::before {
		content: "Q";
	}
	.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 100px 0 5px;
	}

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

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

	/* Question Index */
	.questionList {
		border-top: #0B4457 solid 1px;
		border-bottom: #0B4457 solid 1px;
	}
	.questionList__item {
		border-top: #A0B6BD solid 1px;
		display: flex;
	}
	.questionList__item:first-child {
		border-top: none;
	}
	.questionList__item__link {
		display: flex;
		min-height: 82px;
		font-size: 2rem;
		padding-left: 60px;
	}
	.questionList__item__link::before {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	
	/* Article Page */
	.articleWrap {
		padding: 40px 0;
	}
	.artictleHead {
		margin-bottom: 70px;
	}
	.fukidashiBox--right {
		padding-right: 225px;
		background: url(../images/common/chara_right01.png) no-repeat right center / 180px auto;
	}
	.fukidashiBox--left {
		padding-left: 225px;
		background: url(../images/common/chara_left01.png) no-repeat left center / 180px auto;
		margin-top: 40px
	}
	.fukidashi__right {
		min-height: 180px;
		border: #EEE solid 6px;
		border-radius: 10px;
		padding: 20px;
		line-height: 1.4;
		font-size: 2.4rem;
	}
	.fukidashi__right::after {
		width: 30px;
		height: 28px;
		background: url(../images/common/fukidashi_rightparts.png) no-repeat center center/ 30px auto;
		right: -30px;
	}
	.fukidashi__left {
		min-height: 180px;
		border: #EEE solid 6px;
		border-radius: 10px;
		padding: 20px;
		line-height: 1.4;
		font-size: 2.4rem;
	}
	.fukidashi__left::before {
		width: 30px;
		height: 28px;
		background: url(../images/common/fukidashi_leftparts.png) no-repeat center center/ 30px auto;
		left: -30px;
	}
	
	.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;
	}
	

	/********* 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: #0B4457 url(../images/common/bg_title.png) no-repeat 570px bottom / 148px auto;
		height: 150px;
		line-height: 1.4;
		padding: 0 165px 0 40px;
		font-size: 3.2rem;
		border-radius:0px 0px 5px 5px;
	}
	.hlLv02 {
		font-size: 2.4rem;
		margin-bottom: 30px;
	}
	
	/*********************** Text ***************************/
	/* Text01 */
	.modTxt01 {
		font-size: 2rem;
		line-height: 2;
	}
	
	/* Text02 */
	.modTxt02 {
		font-size: 1.6rem;
		line-height: 2;
	}
	
	/*********************** Botton ***************************/
	/* Botton 01 */
	.articleBtn01 {
		height: 50px;
		line-height: 50px;
		padding: 0 20px;
		color: #FFF;
		font-size: 1.6rem;
		border-radius: 25px;
		transition: opacity 0.3s linear;
		vertical-align: middle;
	}
	.articleBtn01:hover {
		opacity: .7;
	}
	
	.articleBtn01--prev::before {
		content: "";
		background: url(../images/common/arrow_prev.png) no-repeat center center / 11px auto;
		width: 11px;
		height: 24px;
		margin-right: 10px;
	}
	.articleBtn01--next::after {
		content: "";
		background: url(../images/common/arrow_next.png) no-repeat center center / 11px auto;
		width: 11px;
		height: 24px;
		margin-left: 10px;
	}
	.articleBtn01--list::after {
		content: "";
		background: url(../images/common/arrow_list.png) no-repeat center center / 24px auto;
		width: 24px;
		height: 11px;
		margin-right: 10px;
	}
	
	/*
	----------------------------------------- Local Page */

	/*********************** Common Page ***************************/
	
	
	
	
	/*********************** Index Page ***************************/
	
	/* Key Visual */
	.indexKvBox {
		padding: 72px 0 0;
		height: auto;
		overflow: auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.kvBox__txt {
		padding: 0 50px 75px 30px;
		max-width: 630px;
	}
	.titleIndex {
		width: 460px;
		margin: 0 auto 75px;
		font-size: 2.8rem;
		background: url(../images/index/bg_sitettl.png) no-repeat center center/ 460px 184px;
		height: 184px;
		color: #0B4457;
		padding-top: 48px;
	}
	.titleIndex__fsl {
		display: block;
		margin: 20px auto 0;
		font-size: 4.4rem;
		font-weight: bold;
	}
	.titleIndex__fsl__fss {
		font-size: 2.8rem;
	}
	.navIndex {
		/*margin-top: 75px;*/
	}
	.navIndex__wrap {
		width: 450px;
		margin: 0 auto;
	}
	.navIndex__item {
		margin-top: 2px;
		height: 80px;
	}
	.navIndex__item:nth-child(1) {
		margin-top: 0;
	}
	.navIndex__item a {
		display: block;
		background-color: rgba(255,255,255,.5);
		border-left: #0B4457 solid 6px;
		padding: 0 0 0 26px;
		text-decoration: none;
		line-height: 80px;
		font-weight: bold;
		color: #0B4457;
		transition: all 0.3s linear;
		position: relative;
	}
	.navIndex__item a::after {
		content: "";
		display: block;
		position: absolute;
		width: 11px;
		height: 22px;
		background: url(../images/common/arrow_r_navy.png) no-repeat center center;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
	}
	.navIndex__item a:hover {
		background-color: rgba(11,68,87,.3);
		color: #FFF;
	}
	.kvBox__img {
		margin-top: 0;
		padding: 0 20px 0 30px;
		max-width: 630px;
		align-self: flex-end;
	}

	
}

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