@charset "utf-8";

/* ========================================
A Quick Read CSS

- File Name : qr.css
- Latest Css Updates : 2015.9.xx
- Those who update it : s.m
------------------------------------------

======================================== */

/* ========================================
- 個別の共通セクションの指定
======================================== */

/* ---------------------------------------- 
 - Content
---------------------------------------- */
.section {
width:80.65%;
max-width:1000px;
/*width:100%;
max-width:1240px;*/
margin:0 auto;
padding: 150px 0 0;
}

/* #Section01 */
#Section01 ul {
padding:25px 0 0;
margin-top:50px;
border-top:#FCE3BE solid 2px;
}
#Section01 li {
font-size:20px;
background:url(../images/ico_circle.png) 0 0.5em no-repeat;
padding:0 0 25px 0;
margin-bottom:25px;
line-height:1.5;
border-bottom:#FCE3BE solid 2px;

-khtml-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* For IE 5-7 */
zoom:1;/* 重要！ */
}
#Section01 li .ul {
border-bottom:#FCE3BE solid 2px;
padding:0 0 0 0;
font-size:25px;
font-weight:bold;
text-decoration:none;
line-height:1.5;
}

.content100per {
margin-top:100px;
padding-bottom:100px;
}
.content100per .section {
padding: 100px 0 0;
}

/* #Section02
----------------------*/

/* .col01 */
#Section02 .col01 p {
margin-top:100px;
}
#Section02 .col01 img,
#Section02 .col02 img {
width:100%; }

/* .col02 */
#Section02 .col02 {
margin-top:40px;/*50px開けたい*/
}
#Section02 .col02 ul {
padding-top:0;
position:relative;
}
#Section02 .col02 li p.li01 {
position:absolute;
top:0; right:0;

-khtml-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* For IE 5-7 */
zoom:1;/* 重要！ */
}

/* #Section03
----------------------*/
#Section03 .col {
position:relative;
margin-top:150px;
}
#Section03 .col .fig_large {

}
#Section03 .col .number {
width:13.4%;
max-width:134px;
position:absolute;
top:-4.6%; left:11.7%;

-khtml-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* For IE 5-7 */
zoom:1;/* 重要！ */
}

/* .col01 */
#Section03 .col01 {
margin-top:100px;
}

/* #Section04
----------------------*/
#Section04 p.lead {
padding-top:1.5em;
}
#Section04 .fig {
position:relative;
margin-top:50px;
}
#Section04 .fig li.company {
position:absolute;
top:0; left:0;
width:100%;
}
#Section04 .fig li img {
width:100%;
}
#Section04 .noteTxt {
font-size:30px;
text-align:center;
font-weight:bold;
}

/* #Section05
----------------------*/
#Section05 .col01 {
}
#Section05 dt.ttl {
	font-size:21px;
	line-height:1.5;
	font-weight:bold;
	margin-top:40px; /*50px相当*/
}
#Section05 dd p.txt01 {
	padding-top:1.5em; /*50px相当*/
	font-size:21px;
}
#Section05 dd p.txt02 {
	padding-top:50px; /*50px相当*/
	font-size:21px;
}

#Section05 dd ul.fig_large,
#Section05 dd ul.fig_max {
position:relative;
margin-top:50px;
}
#Section05 dd ul.fig_large li.li02 {
width:100%;
position:absolute;
top:0; left:0;
}
#Section05 dd ul.fig_large li img,
#Section05 dd ul.fig_max li img {
width:100%;
}

/* #Section06
----------------------*/
#Section06 {
}
#Section06 dt.ttl {
font-size:21px;
line-height:1.5;
margin-top:50px; /*50px相当*/
}
#Section06 dd ul.fig_large {
position:relative;
margin-top:50px;
}
#Section06 dd ul.fig_large li {
width:100%;
padding-top:2em;
}
#Section06 dd ul.fig_large li:first-Child {
padding-top:0 !important;
}
#Section06 dd ul.fig_large li img {
width:100%;
}
/* .col01 */
#Section06 .col01 {
overflow:hidden;
}
/* .col02 */
#Section06 .col02fig {
margin-top:40px;
}
#Section06 .col02 li {
padding-top:0 !important;
}
#Section06 .col02 li.li02 {
width:100%;
position:absolute;
top:0; left:0;
}

/* #Section07
----------------------*/
#Section07.section {
}

#Section07 p.lead  {
padding-top:2em; /*50px相当*/	
font-size:21px;
}
#Section07 ul.fig  {
padding-top:50px;
}

@media screen and (max-width: 999px) {
/* ========================================
 ▼▼▼ Media Queries Start ▼▼▼
 ======================================== */
#LNav {
display:none;
}
/* ---------------------------------------- 
 - Content
---------------------------------------- */
.section {
padding:100px 0 0 0; }

/* #Section01 */
#Section01 li {
font-size:16px;

padding:0 0 25px 0;
margin-bottom:25px;
}
#Section01 li a.ul {
font-size:22px;
}

/* #Section02 */
#Section02 .col01,
#Section02 .col01 p,
#Section02 .col02 {
margin-top:40px;
}


/* #Section03
----------------------*/
#Section03 .col {
margin-top:50px;
}
#Section03 .col .number {
width:26.8%;
position:absolute;
top:-8%;
left:-5%;
}

/* #Section05
----------------------*/
#Section05 dt.ttl {
	font-size:18px;
}
#Section05 dd p.txt01,
#Section05 dd p.txt02 {
	font-size:18px;
}

}

@media screen and (max-width: 768px) {
/* ========================================
 ▼▼▼ Media Queries Start ▼▼▼
 ======================================== */
/* #Section03
----------------------*/
#Section03 .col .number {
width:24%;
top:-12%;
left:-5%;
}

}

@media screen and (min-width: 1000px) {
/* ========================================
 ▼▼▼ Media Queries Start ▼▼▼
 ======================================== */
#LNav {
display:block !important;
}



}