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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/



/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media screen and (min-width: 801px), print {

	
	body {
		background: #464646;
	}
	.content {
		width: 1100px;
		margin: 0 auto;
		text-align: center;
		position:relative;
		min-height: 85vh;
	}
	.content .set {
		position: absolute;
		width: 1100px;
		height: 640px;
		top: 50%;
		left: 50%;
		margin-top: -350px;
		margin-left: -550px;
	}
	.content .set.off {
		position: relative;
		width: 1100px;
		height: 640px;
		top: 30px;
		left: 50%;
		margin-top: 0px;
		margin-left: -550px;
	}
	
	
	
	
	
	
	.content .set dl {
	}
	.content .set dl dt {
		margin-bottom: 50px;
	}
	.content .set dl dt p {
		margin-top: 20px;
		font-weight: bold;
		color: #FFF;
	}
	.content .set dl dd {
		background: url(../images/base_pc.jpg) no-repeat center top;
		background-size: contain;
		height: 817px;
		position: relative;
	}
	.content .set dl dd li {
		position: absolute;
	}
/*1段目*/    
        .content .set dl dd li.list01 {
        top: 190px;
        left: 203px;
        }
        .content .set dl dd li.list10 {
        top: 190px;
        left: 359px;
        }    
        .content .set dl dd li.list02 {
        top: 190px;
        left: 515px;
        }
        .content .set dl dd li.list13 {
        top: 190px;
        left: 669px;
        }	
        .content .set dl dd li.list03 {
        top: 190px;
        left: 830px;
        }
        .content .set dl dd li.list04 {
        top: 190px;
        left: 984px;
        }
        /*2段目*/
        .content .set dl dd li.list05 {
        top: 420px;
        left: 207px;
        }
        .content .set dl dd li.list11 {
        top: 420px;
        left: 361px;
        }
        .content .set dl dd li.list06 {
        top: 420px;
        left: 515px;
        }
        .content .set dl dd li.list12 {
        top: 420px;
        left: 669px;
        }
        .content .set dl dd li.list07 {
        top: 420px;
        left: 830px;
        }
        .content .set dl dd li.list08 {
        top: 420px;
        left: 984px;
        }
        /*3段目*/
        .content .set dl dd li.list09 {
        top: 680px;
        left: 590px;
        }

        }






/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {
	
	
	body {
		background: #464646;
	}
	.content {
		text-align: center;
	}
	.content .set {
		padding: 5%;
	}
	
	.content .set dl {
	}
	.content .set dl dt {
		margin-bottom: 5%;
	}
	.content .set dl dt img {
		width: 28%;
		margin: 0 auto;
		height: auto;
	}
	.content .set dl dt p {
		margin-top: 5%;
		font-weight: bold;
		color: #FFF;
		text-align: left;
	}
	
	
	.content .set dl dd {
		position: relative;
	}
	.content .set dl dd li {
		width: 20%;
		position: absolute;
	}
    
    /*朝*/
        .content .set dl dd li.list01 {
        top: 20.5%;
        right: 65.8%;
        }
        .content .set dl dd li.list10 {
        top: 32%;
        right: 65.8%;

        }

        .content .set dl dd li.list02 {
        top: 43.5%;
        right: 65.8%;

        }
        .content .set dl dd li.list12 {
        top: 54.9%;
        right: 65.8%;
        }   
        .content .set dl dd li.list03 {
        top: 66.2%;
        right: 65.8%;
        }
        .content .set dl dd li.list04 {
        top: 77.1%;
        right: 65.8%;
        }
    
    /*夜*/
        .content .set dl dd li.list05 {
        top: 20.5%;
        right: 12.5%;
        }
        .content .set dl dd li.list11 {
        top: 32%;
        right: 12.5%;
        }
        .content .set dl dd li.list06 {
        top: 43.5%;
        right: 12.5%;
        }
        .content .set dl dd li.list13 {
        top: 54.9%;
        right: 12.5%;
        }
        .content .set dl dd li.list09 {
        top: 73.8%;
        right: 12.5%;
        }
        .content .set dl dd li.list07 {
        top: 85.8%;
        right: 12.5%;
        }
        .content .set dl dd li.list08 {
        top: 96.7%;
        right: 12.5%;
        }
	
	.content .set dl dd li img {
		width: 100%;
		height: auto;
	}
	.content .set dl dd p {
	}
	.content .set dl dd p img {
		width: 100%;
		height: auto;
	}
	
	
}