@charset "UTF-8";
/* CSS Document */

@page {
    size: A4 portrait;
    margin: 0mm;
}

html, body {
height: auto;
}


#wHeader .print_pages {
	height: 297mm;
}

#wHeader .print_pages:first-child {
	height: auto;

}
#wMain .print_pages:last-child {
	height: 297mm;
	margin: 0mm;
	padding-top: 2em;
	size: A4 portrait;
		page-break-after: auto;

}


body {
	font-size: 1.4rem;
		min-height: 297mm;

}

h2 {
	margin: 0;
}


#icoScroll,
#headerFixed,
#wMain .no-print,
#wMain #areaPlan .btnSample,
#wMain #areaFlow,
#wMain #areaSupport,
#pageInquiry,
footer {
	display: none;
}

#wHeader {
	padding: 0 10%;
}

#wHeader #siteTitle {
	width: 100%;
	padding-top: 2.5em;
}

#wHeader #siteTitle img {
	
}

#wHeader #areaMainvisual {
	margin-left: 0;
}

#wHeader #siteCatchA .itemSet01 {
	align-items: flex-start;
	flex-wrap: nowrap;
}

#wHeader #siteCatchA .itemSet01_01 {
	margin: auto;
	order: 2;
	
}

#wHeader #siteCatchA .itemSet01_02 {
	margin: 0 auto;
	padding-top: 5%;
	order: 3;
}

#wHeader #siteCatchA .itemSet01_03 {
	width: 136%;
	order: 1;
}

#wHeader #siteCatchA .item10 {
	right: 10%;
	bottom: 20px;
	width: 220px;
}


#wMain {
	position: relative;
}

#wMain .setContents {
	margin-bottom: 0.25em;
}

#wMain section > * {
	padding: 0.5em;;
}

#wHeader #siteCatchA .item04 {
	width: 230px;
	margin: -4em auto 0 -1em;
	padding: 1.5em;
	justify-content: flex-start;
}

#wHeader #siteCatchA .itemSet02 {
	width: 50%;
	margin-top: -7em;
	margin-right: 3em;
}

#wMain #areaMerit {
	flex-wrap: nowrap;
}

#wMain #areaMerit .setContents {
	padding: 0.25em;
}

#wMain #areaMeritSns {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#wMain #areaMeritSns .setContents {
	padding: 0.25em;
}

#wMain #areaGuide h2 .style01:before {
	top: -2em;
	width: 160px;
	height: 160px;
}

#wMain #areaGuide h2 .style01:after {
	top: -2em;
	width: 80px;
	height: 80px;
}

#wMain #areaGuide h2 .style01-01-01 {
	font-size: 1.8rem;
}


#wMain #areaAbout {
	width: 100%;
}

#wMain #areaAbout .setContents {
	width: 100%;
}

#wMain #areaAbout h2 {
}

#wMain #areaAbout h2 img {
    position: absolute;
    top: -4.5em;
    left: -4.25em;
    width: 460px;
}


#wMain #areaAbout ul {
	margin: 0 auto;
	padding-top: 0;
	font-size: 1.2rem;
}

#wMain #areaGuide {
	margin-top: 1em;
}

#wMain #areaGuide .txt02 {
	font-size: 2rem;
}

#wMain #areaGuide h2 {
	font-size: 2rem;
}

#wMain #areaGuide .txt01 {
	padding-top: 2em;
	margin-bottom: 1em;
}

#wMain #areaGuide .imgStyle01 {
	text-align: center;
}

#wMain #areaGuide .imgStyle01 img {
	width: 80%;
}

#wMain #areaColorVariations {
	width: 80%;
	margin: 0 auto;
}

#wMain #areaColorVariations .setContents {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	align-items: center;
}

#wMain #areaPlan {
	margin-top: -1em;
}

#wMain #areaPlan h2 img {
	width: 50%;
}

#wMain #areaColorVariations p img {
}

#wMain #areaPlan .subTitle {
	padding-left: 8.25em;
}

#wMain #areaPlan .setTitle01 {
	margin-bottom: 0;
}

#wMain #areaPlan h3 {
	margin: 0.5em 0;
}

#wMain #areaPlan .catch01 {
	margin-top: -2.5em;
	
}

#wMain #areaPlan .price .style01:after {
	right: -1.5em;
	line-height: 1.6;
}

#wMain #areaPlan .price .annotation {
	max-width: 100%;
	padding-left: 0;
	font-size: 1.2rem;
}
#wMain #areaPlan .price .annotation br {
	display: none;
}

    #wMain #areaPlan .listFunction {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

#wMain #areaPlan .listFunction div {
	margin-bottom: 0;
	padding: 0.25em;
	place-content: center;
}

    #wMain #areaPlan .listFunction dt {
		height: 100%;
		margin-bottom: 0;
		font-size: 1.2rem;
}

#wMain #areaPlan .listFunction dt br {
	display: none;
}
    #wMain #areaPlan .listFunction dd {
		display: none;
}

#wMain #areaPlan .listFunction .set1column,
#wMain #areaPlan .listFunction .set1column dd {
	display: block;
  grid-template-columns: repeat(auto-fill,minmax(110px, 1fr));
	column-gap: 10px;
 row-gap: 10px;
	grid-column: 1 / 5;
}

#wMain #areaPlan .listFunction .set1column {
	grid-column: 1 / 4;
	border: 2px dotted #fff;
}
#wMain #areaPlan .listFunction .set1column dt .style01 {
	padding-left: 1em;
	
}
#wMain #areaPlan .listFunction .set1column dd dd {
	display: none;
}

    #wMain #areaPlan .listFunction .item1st2column {
        display: none;
}

#wMain #areaPlan .listFunction .item1st1column {
	display: block;
	/*grid-column: 1 / 3;
	place-content: center;
  grid-template-columns: repeat(auto-fill,minmax(120px, 1fr));*/
}

#wMain #areaPlan .listFunction .item1st2column.print01 {
	display: block;
	/*grid-column: 3 / 5;
	place-content: center;
  grid-template-columns: repeat(auto-fill,minmax(120px, 1fr));*/
}

#wMain #areaPlan .listFunction dt img {
	width: 60px;
	margin-bottom: 0.25em;
}

#wMain #areaPlan .listFunction .item1st2column.print01 br {
	display: none;
}

#wMain #areaPlan .price .style02 {
	margin-left: 0.5em;
}

#wMain #areaInquiry {
	display: none;
}

#wMain #areaCompany {
	position: absolute;
	bottom: 0;
	width: 100%;
}

#wMain #areaCompany .setContents {
	padding: 0.5em 0 0;
}

#wMain #areaCompany .style01 {
	display: block;
	padding: 0;
}

#wMain #areaCompany .mail {
	display: block;
}

#wMain #areaCompany .mail .style01 {
		line-height: 1.2;
}

#wMain #areaCompany .mail img {
	width: 136px;
	vertical-align: middle;
}