@charset "UTF-8";
/* - - - - - - - - - - - - - - - - - - - - - 
	base
- - - - - - - - - - - - - - - - - - - - - */
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	/* font-size: 87.5%; */
    font-size: 1.1em;
    font-weight: bold;
	line-height: 1.6;
	color: #333; 
    background: url(../images/sp_bg.jpg) no-repeat top;
    background-size: cover;
}
a {
	text-decoration: none;
}
ul {
 	list-style:none;
}
img {
	vertical-align: bottom;
	max-width: 100%; /*フルードイメージ*/
	height: auto; /*フルードイメージ*/	
}
#keyimg {
	width: 100%;
	height: auto;
}

.wrap {
    max-width: 90%;
    margin: 0 auto;
}
.top-img-pc {
    display: none;
}
.contents000 {
    display: none;
}
.screen-images img {
    padding-bottom: 5px;
}
/* - - - - - - - - - - - - - - - - - - - - - 
	clearfix
- - - - - - - - - - - - - - - - - - - - - */
.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix:after {
	clear: both;
}

.top-img, .screen-images {
    width: 78%;
    height: auto;
    margin: 0 auto;
}

.top-img {
    text-align: center;
    padding: 2em 0;
}
.screen-images {
    text-align: center;
    padding: 1em 0;
}

.screen-images p {
    text-align: center;
    color: #1D2088;
}

.contents05 .note {
    color: #000;
    font-weight: normal;
    font-size: 14px;
}

/*** spのアンケート処理 ***/
.sp-questionnaire {
    text-align: center;
}
.sp-questionnaire p {
    padding: 1em 0;
}

@media only screen and (min-width:768px) and (max-width:1199px) {
body {
    font-weight: bold;
    font-size: 87%;
    background: url("../images/tab_bg.jpg") no-repeat center top;
    background-size: 100% auto;
}

.wrap {
    width: 768px;
    position: relative;
}
.top-img-sp {
    display: none;
}
.top-img-pc {
    display: block;
}
.contents000 {
    display: block;
}
.screen-images p {
    text-align: start;
}
/* - - - - - - - - - - - - - - - - - - - - - 
    contents
- - - - - - - - - - - - - - - - - - - - - */
.screen-images {
    padding: 0;
}
.contents {
    width: 768px;
    height: auto;
    position: relative;
}
.contents-list {
    width: 100%;
}
.contents-list li,
.contents-list p {
    position: absolute;
}
/* add.22.06.08 */
.contents-list li.contents000 {
    width: 80px;
    top: 288px;
    left: 306px;
}
.contents000 img {
    width: 80px;
    height: 80px;
}
/* add.end */

.contents-list li.contents00 {
    width: 433px;
    top: 107px;
    left: 132px;
}
.contents00 img {
    width: 433px;
}

.contents-list li.contents01 {
    width: 150px;
	top: 62px;
	right: 342px;
}
.contents01 p {
    top: -23px;
    left: 36px;
}

.contents-list li.contents02 {
    width: 150px;
    top: 122px;
    right: 176px;
}
.contents02 p {
    top: 125px;
    right: -54px;
}

.contents-list li.contents03 {
    width: 150px;
    top: 286px;
    right: 119px;
}
.contents03 p {
    top: 150px;
    right: -52px;
}

.contents-list li.contents04 {
    width: 150px;
    top: 444px;
    left: 426px;
}
.contents04 p {
    top: 150px;
    right: 40px;
}

.contents-list li.contents05 {
    width: 150px;
    top: 502px;
    left: 278px;
}
.contents05 p {
    top: 150px;
    /* left: 24px; */
    /** add 0612 **/
    width: 370px;
    left: -116px;
    text-align: center;
}

.contents-list li.contents06 {
    width: 150px;
    top: 442px;
    left: 120px;
}
.contents06 p {
	top: 155px;
    left: 20px;
}

.contents-list li.contents07 {
    width: 150px;
    top: 286px;
    left: 48px;
}
.contents07 p {
    top: 150px;
    left: 12px;
}

.contents-list li.contents08 {
    width: 150px;
    top: 122px;
    left: 104px;
}
.contents08 p {
    top: 126px;
    left: -46px;
}

.sp-questionnaire {
    display: none;
}

} /* //end.tab max-width:1199px */

/* @20200515 変更 iPad Pro以降はPCの処理*/
@media screen and (min-width:1200px) {
body {
    background: none;
    font-size: 1.2em;
    font-weight: bold;
    background: url("../images/pc_bg.jpg") no-repeat center top;
    background-size: cover;
}
.wrap {
    width: 1200px;
    position: relative;
}

.top-img-sp {
    display: none;
}
.top-img-pc {
    display: block;
}
.contents000 {
    display: block;
}
.screen-images p {
    text-align: start;
}
/* - - - - - - - - - - - - - - - - - - - - - 
	contents
- - - - - - - - - - - - - - - - - - - - - */
/*
.screen-images {
    padding: 0;
}
 */
.contents {
    width: 1200px;
    height: 1096px;
/*  width: 1366px;
    height: 1248px; */
    position: relative;
}
.contents-list {
	width: 100%;
}
.contents-list li,
.contents-list p {
	position: absolute;
}

/* add.22.06.08 */
.contents-list li.contents000 {
    width: 120px;
    top: 454px;
    left: 536px;
}
.contents000 img {
    width: 120px;
}
/* add.end */

.contents-list li.contents00 {
    width: 680px;
    top: 170px;
    left: 262px;
}
.contents00 img {
    width: 680px;
}

.contents-list li.contents01 {
    width: 238px;
	top: 68px;
	right: 488px;
}
.contents01 p {
    top: -9px;
    left: 63px;
}
.contents-list li.contents02 {
    width: 238px;
	top: 175px;
	right: 215px;
}
.contents02 p {
    top: 212px;
    right: -72px;
}

.contents-list li.contents03 {
    width: 238px;
    top: 428px;
    right: 133px;
}
.contents03 p {
    top: 252px;
    right: -102px;
}

.contents-list li.contents04 {
    width: 238px;
    top: 672px;
    left: 726px;
}
.contents04 p {
    top: 260px;
    left: 68px;
}

.contents-list li.contents05 {
    width: 238px;
    top: 764px;
    left: 478px;
}
.contents05 p {
    /* top: 234px; */
    top: 260px;
    /* left: 51px; */
    /* add 0612 */
    left: -70px;
    width: 370px;
    text-align: center;

}

.contents-list li.contents06 {
    width: 238px;
    top: 672px;
    left: 241px;
}
.contents06 p {
    /* top: 243px; */
    top: 260px;
    left: 39px;
}

.contents-list li.contents07 {
    width: 238px;
    top: 428px;
    left: 129px;
}
.contents07 p {
    top: 255px;
    left: 31px;
}

.contents-list li.contents08 {
    width: 238px;
    top: 176px;
    left: 218px;
}
.contents08 p {
    top: 210px;
    left: -70px;
}
.sp-questionnaire {
    display: none;
}

}