@charset "utf-8";

/*-----------------------------------------------------
	Reset
-----------------------------------------------------*/
div#HeaderArea/*.WithoutGlobalNav*/{
margin-bottom: 0;
}
body > #Container{
overflow:hidden;
padding-top: 0;
}
div#ContentsLayout{
padding-bottom: 0;
}
div#ContentsArea div#ContentsLayout.SingleWide:first-child{
padding-top: 0;
}
div#MainContent div#MainContentBody > .Section > p:first-child{
margin: 0;
}
div#ContentsLayout.SingleWide div#MainContentBody > .Section:first-child{
padding-bottom: 0;
}
div#MainContent .StaticDiagnosisArea ul li{
background: none;
margin: 0;
padding: 0;
}

/*	Main
-----------------------------------------------------*/
div#MainContent .StaticDiagnosisArea{
}
div#MainContent .StaticDiagnosisMV{
padding-top: 27px;
position: relative;
background: #bee6e6 url(../../img/landing_page/static_diagnosis/bg01.jpg) repeat-x bottom;
position: relative;
}
div#MainContent .StaticDiagnosisMV:before {
content: "";
background:#bee6e6 url(../../img/landing_page/static_diagnosis/bg01.jpg) repeat-x bottom;
position: absolute;
top: 0;
left: -100%;
width: 300%;
height: 100%;
z-index: -1;
}
div#MainContent .StaticDiagnosisMV > .StaticDiagnosisBtn{
position: absolute;
bottom: 30px;
}

div#MainContent .StaticDiagnosisSec01{
padding: 60px 0 40px;
}
div#MainContent .StaticDiagnosisSec01 .fig01{
margin-top: 22px;
}

div#MainContent .StaticDiagnosisSec02{
background: #daeeed;
position: relative;
padding: 23px 0 40px;
}
div#MainContent .StaticDiagnosisSec02:before {
content: "";
background:#daeeed;
position: absolute;
top: 0;
left: -100%;
width: 300%;
height: 100%;
z-index: -1;
}
div#MainContent .StaticDiagnosisSec02 .fig01{
margin-top: 26px;
}
div#MainContent .StaticDiagnosisSec03{
padding:39px 0 10px;
position: relative;
}
div#MainContent .StaticDiagnosisSec03 .fig01{
margin: 0;
}
div#MainContent .StaticDiagnosisSec03 > .StaticDiagnosisBtn{
position: absolute;
bottom: 10px;
left: 240px;
}
div#MainContent .StaticDiagnosisSec04{
background: #daeeed;
position: relative;
padding: 59px 0 60px;
}
div#MainContent .StaticDiagnosisSec04:before {
content: "";
background:#daeeed;
position: absolute;
top: 0;
left: -100%;
width: 300%;
height: 100%;
z-index: -1;
}
div#MainContent .StaticDiagnosisSec04 .fig01{
margin-top: 29px;
}
div#MainContent .StaticDiagnosisSec05{
padding: 39px 0 120px;
position: relative;
}
div#MainContent .StaticDiagnosisSec05 > .StaticDiagnosisBtn{
position: absolute;
bottom: 43px;
left: 393px;
}
div#MainContent .StaticDiagnosisSec06{
background: #daeeed;
position: relative;
padding: 50px 0 32px;
}
div#MainContent .StaticDiagnosisSec06:before {
content: "";
background:#daeeed;
position: absolute;
top: 0;
left: -100%;
width: 300%;
height: 100%;
z-index: -1;
}
div#MainContent .StaticDiagnosisSec06 .fig01{
margin-top: 29px;
}
div#MainContent .StaticDiagnosisSec07{
padding: 60px 0 30px;
position: relative;
}

/*	Sr2000DlTxt
-----------------------------------------------------*/
#MainContent p.StaticDiagnosisDlTxt{
background: #3f3f3f;
background: -webkit-linear-gradient(top,  #3f3f3f 0%,#1c1c1c 100%);
background: linear-gradient(to bottom,  #3f3f3f 0%,#1c1c1c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#1c1c1c',GradientType=0 );
color: #fff;
font-size: 2em;
margin: 30px 0;
padding: 6px 0;
text-align: center;
}
#MainContent .StaticDiagnosisDlTxt .StaticDiagnosisTxtInner {
display: inline-block;
padding: 0 88px;
position: relative;
}
#MainContent .StaticDiagnosisDlTxt .StaticDiagnosisTxtInner:before, #MainContent .StaticDiagnosisDlTxt .StaticDiagnosisTxtInner:after{
background: url(../../img/landing_page/static_diagnosis/bg_icon.png) no-repeat;
content: '';
display: block;
height: 25px;
margin: -12px 0 0;
position: absolute;
top: 50%;
width: 24px;
}
#MainContent .StaticDiagnosisDlTxt .StaticDiagnosisTxtInner:before{
left: 20px;
}
#MainContent .StaticDiagnosisDlTxt .StaticDiagnosisTxtInner:after{
right: 13px;
}

/*	deDE Main
-----------------------------------------------------*/
div#MainContent .StaticDiagnosisArea.StaticDiagnosisAreaPatternDE .StaticDiagnosisMV > .StaticDiagnosisBtn{
bottom: 15px;
}

/*	2023/02 Main
-----------------------------------------------------*/
div#MainContent .StaticDiagnosisMV.of-flex {
display: flex;
justify-content: center;
align-items: start;
}

div#MainContent .StaticDiagnosisMV.of-flex > .StaticDiagnosisMVBody {
flex: 1;
}

div#MainContent .StaticDiagnosisMV > .StaticDiagnosisMVImage img {
max-width: 100%;
vertical-align: bottom;
border-style: none;
}

div#MainContent .StaticDiagnosisMV > .StaticDiagnosisMVImage.of-primary {
margin-left: -40px;
}

div#MainContent .StaticDiagnosisMV > .StaticDiagnosisMVBody h1 {
font-size: 56px;
margin-bottom: 24px;
line-height: 1.2;
font-weight: bold;
}

div#MainContent .StaticDiagnosisMV > .StaticDiagnosisMVBody h1 > .StaticDiagnosisMVTitleImage,
div#MainContent .StaticDiagnosisMV > .StaticDiagnosisMVBody h1 > .StaticDiagnosisMVTitle {
display: block;
}

div#MainContent .StaticDiagnosisMV > .StaticDiagnosisMVBody h1 > .StaticDiagnosisMVTitle.of-primary {
font-size: 40px;
}