@charset "utf-8";
/* ===================================================================
CSS Document

 file name  : style.css
 style info : Unique style

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



/* --------------------------------------------------------------------------

   COMMON STYLE（PC,SP,TABLET共通）

-------------------------------------------------------------------------- */
@media all and (max-width: 767px) {
    /*-------------------------
     MAIN VISUAL
    -------------------------*/
    #main h2:first-of-type {
        display: none;
    }
    #main h2 img {
        width: 100%;
    }
    #main h3,
    #main h3 + p {
		display: none;   
    }



    /*-------------------------
     SECTION COMMON
    -------------------------*/
    section[id^="sec0"] {
        width: 100%;
    }
    [id$="Inr"] {
        position: relative;
    }

    /*-------------------------
     SECTION01
    -------------------------*/
    #sec01Inr {
        overflow: hidden;
        width: 90%;
        margin: 30px auto 20px auto;
    }
    #sec01 dl {
        position: relative;
        left: 6.5%;
        width: 50%;
    }
    #sec01 dl:nth-of-type(1),
    #sec01 dl:nth-of-type(4) {
        float: left;
        position: relative;
    }
    #sec01 dl:nth-of-type(2),
    #sec01 dl:nth-of-type(3) {
        float: right;
        text-align: center;
    }
    #sec01 dl:nth-of-type(3) {
        float: right;
        text-align: center;
    }
    #sec01 dl img {
        width: 100%;
    }
    #sec01 dd {
        display: none;
    }

    /*-------------------------
     SECTION02
    -------------------------*/
    #sec02 {
        background: #F7F7F7;   
    }
    #sec02Inr {
        width: 90%;
        margin: 0 auto;
        padding: 35px 0;   
    }
    #sec02 h3 {
        margin: 0 0 20px 0;
        width: 94%;
    }
    #sec02 p {
        line-height: 2;
    }

    /*-------------------------
     SECTION03
    -------------------------*/
    #sec03 {
        width: 90%;
        margin: 0 auto 50px;
    }
    #sec03 h3 {
        margin: 44px 0 18px 0;
    }
    #sec03 p:nth-of-type(1) {
        margin: 20px 0 20px 0;
    }
    #sec03 p:nth-of-type(2) {
        margin: 0 0 0 0;
    }
    #sec03 p:last-of-type {
        position: relative;
        left: -6%;
        margin: 2.5em 0 0 0;
    }

    /*-------------------------
     SECTION04
    -------------------------*/
    #sec04 {
        background: #F7F7F7;
    }
    #sec04Inr {
        width: 90%;
        margin: 0 auto;
        padding: 35px 0;
        overflow: hidden;
    }
    #sec04 h4 {
        margin: 44px 0 18px 0;
    }
    #sec04 p:nth-of-type(1) {
        margin: 20px 0 20px 0;
    }
    #sec04 p:nth-of-type(2) {
        margin: 0 0 0 0;
    }
    #sec04 p:last-of-type {
        float: right;
        width: 34%;
        margin: -12.5em 0 2em 0;
    }

    /*-------------------------
     SECTION05
    -------------------------*/
    #sec05Inr {
        width: 90%;
        margin: 0 auto;
        padding: 35px 0;
        overflow: hidden;
    }
    #sec05 h4 {
        margin: 44px 0 18px 0;
    }
    #sec05 p:nth-of-type(1) {
        margin: 20px 0 20px 0;
        width: 57%;
        font-size: 93%;
    }
    #sec05 p:nth-of-type(2) {
        margin: 0 0 0 0;
    }
    #sec05 p:last-of-type {
        float: right;
        width: 34%;
        margin: -12.5em 0 2em 0;
    }

    /*-------------------------
     SECTION06
    -------------------------*/
    #sec06 {
        background: #F7F7F7;
        overflow: hidden;        
    }
    #sec06Inr {
        width: 90%;
        margin: 0 auto;
        padding: 35px 0;
    }
    #sec06 h4 {
        margin: 44px 0 18px 0;
    }
    #sec06 p:nth-of-type(1) {
        margin: 20px 0 20px 0;
    }
    #sec06 p:nth-of-type(2) {
        margin: 0 0 0 0;
    }
    #sec06 p:last-of-type {
        float: right;
        width: 90%;
        margin: 2em -15% 3.5em 0;
    }
    
    /*-------------------------
     SECTION07
    -------------------------*/
    #sec07Inr {
        padding: 70px 5% 50px;
    }
    #sec07 h3 {
        margin: 0 0 22px 0;
        border-bottom: #ccc 1px solid;
    }
    #sec07 h3 img {
		height: 20px;
		width: auto;
	}
    #sec07 .box01 {
		width: 100%;
	}
    #sec07 [class^="box0"] ul {
		overflow: hidden;
	}
    #sec07 [class^="box0"] ul li {
		font-size: 85%;
		position: relative;
	}
    #sec07 .box01 ul li {
		color: #3E3939;
		text-align: left;
		margin-bottom: 20px;
		display: inline-block;
		line-height: 1.5;
		position: relative;
		max-width: 47%;
		vertical-align: top;
		margin: 0 1% 30px;
	}
    #sec07 .box01 ul li:nth-child(even) {
	}
	#sec07 [class^="box0"] ul li:before {
		content: '■';
		display: block;
		position: absolute;
		top: -2px;
		left: 0;
		color: #9F9FA0;
	}
    #sec07 .box01 ul .li02 img {
		padding: 1.65em 0 0 0;
	}
	#sec07 .box02 {
		margin: 10px 0 0 0;
	}
    #sec07 .box02 ul li {
		margin-bottom: 5px;
		text-align: left;
	}
	#sec07 [class^="box0"] li span {
		padding: 0 0 0 1.2em;
		margin: 0 2px 0 0;
		display: block;
		line-height: 1.4;
	}
	#sec07 .box01 li img {
	margin: -12px 0 0 0;
	}
    
    /*-------------------------
     SECTION08
    -------------------------*/
    #sec08 {
        background: #F7F7F7;
    }
    #sec08Inr {
        padding: 3em 5%;   
    }
    #sec08 h3 {
        margin: 0 0 20px 0;
    }
    #sec08 dl {
        display: table;
        overflow: hidden;
        margin: 2px 0;
        font-size: 93%;
    }
    #sec08 p:first-of-type {
        margin: 18px 0 20px 0;
    }
    #sec08 p:last-of-type {
        margin: 22px 0 0 0;
    }
    #sec08 dt,
    #sec08 dd {
        display: table-cell;
    }
    #sec08 dt {
        width: 65px;
        padding: 0 10px 0 0;
    }
    #sec08 dd {
        padding: 0 10px 0 0;
        margin-left: 0.7em;
        text-indent: -0.7em;
    }
    #sec08 dd span {
        padding: 0 3px 0 0;
    }
    /* for LightBox */
    a.pp_close {
       position: absolute !important;
       top: 0px !important;
       right: -5px !important;
    }
}



/* --------------------------------------------------------------------------

   PC STYLE（769以上）

-------------------------------------------------------------------------- */
@media all and (min-width: 768px) {
    /*-------------------------
     MAIN VISUAL
    -------------------------*/
    #main {
        width: 100%;
        min-width: 950px;
        background: #E0DFDE url(../img/top/main_bg.jpg) no-repeat center 0;
        overflow: hidden;
    }
    #mainInr {
        width: 950px;
        height: 695px;
        margin: 0 auto;
        padding: 0;
        position: relative;
    }
    #main h2 {
        position: absolute;
        bottom: 0;
        right: -122px;
    }
    #main h2:last-of-type {
        display: none;
    }
    #main h3,
    #main p {
        width: 650px;
        margin-left: 3px;
        letter-spacing: -0.03em;
    }
    #main h3 {
        padding: 343px 0 14px 0;
    }
    #main p:last-of-type {
        padding: 15px 0 0 0;
        margin: 0 0 0 20px;
    }

    /*-------------------------
     SECTION COMMON
    -------------------------*/
    section[id^="sec0"] {
        width: 100%;
        min-width: 950px;
        overflow: hidden;
    }
    [id$="Inr"] {
        width: 950px;
        margin: 0 auto;
        padding: 113px 0 90px 0;
        position: relative;
    }

    /*-------------------------
     SECTION01
    -------------------------*/
    #sec01 dl {
        display: inline-block;
        position: relative;
    }
    #sec01 dl:nth-of-type(1) {
        margin: 0 70px 0 30px;
    }
    #sec01 dl:nth-of-type(2) {
        margin-right: 78px;
    }
    #sec01 dl:nth-of-type(2) dt img {


        position: relative;
        left: 23px;
    }
    #sec01 dl:nth-of-type(3) dt img {
        position: relative;
        left: -2px;
    }
    #sec01 dl:nth-of-type(4) {
        margin: 0 30px 0 80px;
    }
    #sec01 dt {
        margin-bottom: 20px;
    }
    #sec01 dl:after {
        content: '';
        position: absolute;

        top : 73px;
        right: -44px;
        width: 0;
        height: 0;
        border-style: solid;

        border-width: 7px 0 7px 9px;

        border-color: transparent transparent transparent #9e9e9f;
    }
    #sec01 dl:last-of-type:after {
        display: none;
    }

    /*-------------------------
     SECTION02
    -------------------------*/
    #sec02 {
        background: #F7F7F7;   
    }
    #sec02 h3 {
        margin: 0 0 20px 0;
    }
    #sec02 p {
        line-height: 2.1;
        width: 562px;
        letter-spacing: -.01em;
    }

    /*-------------------------
     SECTION03
    -------------------------*/
    #sec03 {
        min-height: 445px;
    }
    #sec03Inr {
        padding-bottom: 100px;
    }
    #sec03 h3,
    #sec03 p {
        width: 255px;
        margin-left: 705px;
    }
    #sec03 h3 {
        margin: 44px 0 18px 705px;
    }
    #sec03 p:nth-of-type(1) {
        margin: 20px 0 28px 705px;
        font-size: 93%;
        line-height: 1.6;
    }
    #sec03 p:nth-of-type(2) {
        margin: 0 0 0 705px;
    }
    #sec03 p:last-of-type {
        position: absolute;
        top: 115px;
        left: -390px;
        width: auto;
        margin: 0;
    }

    /*-------------------------
     SECTION04
    -------------------------*/
    #sec04 {
        background: #F7F7F7;
        min-height: 430px;
    }
    #sec04Inr {
        padding-bottom: 100px;
    }
    #sec04 h3,
    #sec04 p {
        width: 255px;
        margin: 20px 0 28px 305px;
        font-size: 93%;
        line-height: 1.6;
    }
    #sec04 h3 {
        margin: 44px 0 18px 305px;
    }
    #sec04 p:last-of-type {
        position: absolute;
        top: 58px;
        left: 40px;
        width: auto;
        margin: 0;
    }

    /*-------------------------
     SECTION05
    -------------------------*/
    #sec05 h3,
    #sec05 p {
        width: 265px;
        margin: 20px 0 28px 305px;
        font-size: 93%;
        line-height: 1.6;
    }
    #sec05 h3 {
        margin: 44px 0 18px 305px;
    }
    #sec05 p:last-of-type {
        position: absolute;
        top: 65px;
        left: 705px;
        width: auto;
        margin: 0;
    }


    /*-------------------------
     SECTION06
    -------------------------*/
    #sec06 {
        background: #F7F7F7;
        min-height: 440px;
    }
    #sec06Inr {
        padding-bottom: 80px;
    }
    #sec06 h3,
    #sec06 p {
        width: 255px;
        margin: 20px 0 20px 0;
        font-size: 93%;
        line-height: 1.6;
    }
    #sec06 h3 {
        margin: 54px 0 18px 0;
    }
    #sec06 p:last-of-type {
        position: absolute;
        top: 65px;
        left: 305px;
        width: auto;
        margin: 0;
    }

    /*-------------------------
     SECTION07
    -------------------------*/
    #sec07Inr {
        padding: 100px 0 70px 0;
    }
    #sec07 h3 {
        margin: 0 0 35px 0;
    }
    #sec07 .box01 {
		width: 600px;
	}
    #sec07 [class^="box0"] ul {
		overflow: hidden;
		margin-bottom: 45px;
	}
    #sec07 [class^="box0"] ul li {
		font-size: 85%;
		position: relative;
	}
    #sec07 [class^="box0"] ul li:before {
		content: '■';
		color: #9F9F9F;
		margin: 0 2px 0 0;
	}
    #sec07 .box01 ul li {
		width: 186px;
		float: left;
		color: #3E3939;
		margin-bottom: 40px;
	}
    #sec07 .box01 ul li:nth-child(2),
    #sec07 .box01 ul li:nth-child(5) {
		margin: 0 20px;
	}
    #sec07 .box02 {
		width: 186px;
		margin: -211px 0 0 415px;
	}
    #sec07 .box02 ul li {
		margin-bottom: 6px;
	}
	#sec07 .box01 li img {
		margin: 6px 0 0 0;
	}


    /*-------------------------
     SECTION08
    -------------------------*/
    #sec08 {
        background: #F7F7F7;
    }
    #sec08Inr {
        padding: 85px 0;   
    }
    #sec08 h3 {
        margin: 0 0 20px 0;

    }
    #sec08 dl {
        overflow: hidden;
        margin: 6px 0;
    }
    #sec08 p:first-of-type {
        margin: 18px 0 20px 0;
    }
    #sec08 p:last-of-type {
        margin: 28px 0 0 0;
    }
    #sec08 dt,
    #sec08 dd {
        float: left;
    }
    #sec08 dt {
        width: 140px;
        padding: 0 4px 0 0;
    }
    #sec08 dd {
        width: 500px;
        padding: 0 10px 0 0;
    }
    #sec08 dd span {
        padding: 0 3px 0 0;
    }
    
    /* for LightBox */
    a.pp_close {
       position: absolute !important;
       top: -26px !important;
       right: 30px !important;
    }
    footer {
        margin-top: 0;   
    }   
}