@charset "utf-8";


/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width:1px) and (max-width:960px){
/*==========================================
 body
===========================================*/
body {
	min-width: 100%;
	text-align: center;
	width: 100%;
}

img {
	width: 100%;
	max-width: 100%;
	height: auto;
	width /***/: auto;
　/*IE8のみ適用*/
; 	text-align: center;
	}
    
.spImg {
    display: inherit;
}

.pcImg {
    display: none;
}

#floorImg figure {
width: calc(100%/2 - 40px);
}

#mono .inner figure {
width: calc(100%/3);
}

/*==========================================
Other
===========================================*/
.layoutBox {
padding-top: 50px;
}
}


@media only screen and (max-width:768px){
/*==========================================
 Other
===========================================*/
#topConcept p strong {
display: block;
}

#mono p {
text-align: left;
}

#otherLayout {
display: block;
}

#fire {
width: 100%;
padding-bottom: 50px;
}

#base {
width: 100%;
}

.fontStyle br {
display: none;
}


#other  {
padding-bottom: 50px;
}
}


@media only screen and (max-width: 470px){
/*==========================================
 幅470px以下から ヘッダー等微調節
===========================================*/
#mono .inner figure {
width: auto;
}

#floorImg figure {
width: auto;
}

#floorImg {
display: block;
}

.fontStyle {
font-size: 1em!important;
}

#mono .inner {
display: block;
}

#layout1 h3 strong {
display: block;
}

#floorImg {
flex-wrap:wrap;
flex-direction:column;
}

#topConcept p {
font-size: 1.4em;
line-height: 2;
}

#contentsList dl:nth-child(odd) {
width: 100%;
margin-right: 0px;
}

#contentsList dl:nth-child(even) {
width: 100%;
margin-left: 0px;
}

#contentsList dl dd img {
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
padding-bottom: 10px;
display: block;
}

footer {
padding-top: 45px;
padding-bottom: 45px;
	}
    
footer p {
font-size: 0.8em;
padding-top: 20px;
}

footer img {
	width: 100%;
	max-width: 80%;
	height: auto;
	width /***/: auto;
　/*IE8のみ適用*/
; 	text-align: center;
	}
    
#mono p {
padding-bottom: 0px;
}
}

@media only screen and (max-width: 320px){
/*==========================================
 幅320px以下から ヘッダー等微調節
===========================================*/

#topConcept3 h2 {
color: #4D4C4A;
font-size: 1.5em;
font-family: 'Noto Serif JP', serif;
letter-spacing: 0.25em;
line-height: 2.3;
padding-bottom: 55px;
}

header h1 {
width: auto;
}

}