@charset "utf-8";

/* **************************************************

Name: style.css

Create: 2024.2
update: 

Copyright 2024 Hitachi, Ltd.

***************************************************** */


@media screen and (min-width: 995px) and (max-width: 1304px) {
	.OptionWideRWD #Contents {
		min-width: 290px;
		padding-right: 0;
		padding-left: 0;
	}
}

@media screen and (max-width: 994px) {
	.JS #Contents {
		min-width: 290px;
		padding-right: 0;
		padding-left: 0;
	}
}

.GridSet {
	width: 100%;
}
@media screen and (min-width: 995px) and (max-width: 1304px) {
	.OptionWideRWD .GridSet {
		width: auto;
		max-width: 1329px;
		margin: 0 0 0 -25px;
		}
}
@media screen and (max-width: 994px) {
	.JS .GridSet {
		width: auto;
		max-width: 1009px;
		margin: 0 0 0 -15px;
	}
}


div.PageTitleStyle1, div.LeadArea, div.Section {box-sizing: border-box;} /*--box-sizing--*/

span.ae-purple {color: #b60081; font-weight: bold;}
span.hi-red {color: #e60027; font-weight: bold;}

.Section {
	padding: 0 15px 50px;
	max-width: 1275px;
	margin: 0 auto;
}

@media screen and (max-width: 1304px) {
	.Section {
		padding: 0 15px 50px;
}
}

a img:hover {
	opacity: 0.6;
}

p.ImgOnlyStyle strong {
	color: #666;
}

p.TextStyle1 {
	font-size: 100%;
}

/*---------------------------　　トップイメージ　　-----------------------------------*/

div.TitleArea {
	margin-bottom: 60px;
	max-width: 1275px;
	margin: 0 auto;
	background-color: #5c8235;
	text-align: center;
}



/*---------------------------　　コンテンツ内　　-----------------------------------*/

.Summary {
    background-color: #DEEBF7;
    border-radius: 10px;
    padding: 20px;
}
.Summary p.TextStyle1 {
    font-weight: bold;
}

.Section h2 {
border-image: linear-gradient(to right, #1C5177, #fff) 1;
    font-size: 150%;
    font-weight: bold;
    margin-top: 80px;
    margin-bottom: 60px;
    background-image: none;
    padding: 0;
    line-height: 1.2em;
    border-bottom: solid 4px;
}



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

.Section div.ImgRightAdjust p.ImgOnlyStyle img {max-width: 250px !important;}
.Section div.ImgLeftAdjust p.ImgOnlyStyle img {max-width: 250px !important;}

.sp-box {display: none;}

}

@media screen and (max-width: 767px) {

.Section h2 {
	margin: 0 0 30px;}

}

@media print and (min-width: 580px) {

.sp-box, .sp-txt {display: none;}

}

@media screen and (max-width: 579px) {

.ImgRightAdjustClear2 p.ImgOnlyStyle, .ImgLeftAdjustClear2 p.ImgOnlyStyle {
	margin: 0 auto 20px !important;
	text-align: center;
}

@media screen and (max-width: 399px) {
    .sp {
        display: none;
    }
}

.pc-box, .pc-txt {display: none;}

}

.Grid-table {
    display: grid;
    max-width: 1200px;
    column-gap: 10px;
    row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: max-content 1fr max-content;
}

.atem001 {
    grid-column: 1;
    grid-row: 1;
}

.atem002 {
    grid-column: 2;
    grid-row: 1;
}

.atem003 {
    grid-column: 3;
    grid-row: 1;
}

@media screen and (max-width: 767px) {
.atem001 {
    grid-column: 1 / 3;
    grid-row: 1;
}
.atem001 img {
    width: 800px;
}

.atem002 {
    grid-column: 1 / 3;
    grid-row: 2;
}
.atem002 img {
    width: 800px;
}

.atem003 {
    grid-column: 1 / 3;
    grid-row: 3;
}
.atem003 img {
    width: 800px;
}

}














/*---------------------------　　お問い合わせ　　-----------------------------------*/

.inq h2 {
    min-height: 20px;
    margin: -15px 0 15px;
    color: #fff;
    line-height: 130%;
    border: none;
    background-color: #737373;
    background-image: none;
    font-family: auto;
    text-align: left;
}

.inq .ButtonStyle1 {
	font-size: 132%;
}