@charset "UTF-8";

/* ===セクション2背景=== */
/* 3000pxまでは画像の真ん中を切り抜く*/
body #common_section_wrapper_2 {
	background-image: url('bg_1.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover; 
	max-width: 3000px; 
	margin: 0 auto;
}

/* 3000pxを超えたら要素全体を覆う */
@media screen and (min-width: 3000px) {
  body #common_section_wrapper_2 {
	background-image: url('bg_1.png');
	background-repeat: no-repeat;
	background-size: cover; 
	background-position: bottom;
	max-width: none;
  }
}

/* スマホ（640px以下）のときは背景を差し替え */
@media screen and (max-width: 640px) {
	body #common_section_wrapper_2 {
	background-image: url('bg_1_sm.png');
	background-size: 100% auto; 
  }
}


/* === セクション3 背景設定 === */

body #common_section_wrapper_3 {
	position: relative;
	width: 100%;
	min-height: 500px; 
	
	background-image: 
        	url('bg_2.png'), 
        	url('bg_4.png'), 
        	url('bg_5.png'), 
        	url('bg_6.png'), 
        	url('bg_7.png'), 
        	url('bg_8.png'), 
        	url('bg_9.png'), 
        	url('bg_3.png'); 
	
	background-repeat: 
        	no-repeat,
        	no-repeat,
		no-repeat,
		no-repeat, 
        	no-repeat,
		no-repeat,
		no-repeat, 
        	repeat;

	background-position:
		center top,
		calc(50% + 630px) 440px,
		calc(50% - 580px) 880px,
		calc(50% + 510px) 1980px,
		calc(50% - 660px) 2510px,
		calc(50% - 530px) 3080px,
		calc(50% + 590px) 3400px,
		center top;

	background-size: 
		1966px auto, /* bg_2 */
		256px auto,  /* bg_4 */
		512px auto,  /* bg_5 */
		384px auto,  /* bg_6 */
		256px auto,  /* bg_7 */
		384px auto,  /* bg_8 */
		320px auto,  /* bg_9 */
		25% auto;    /* bg_3 */
}


/* bg_2だけ 1967px以上で100%にする */
@media screen and (min-width: 1967px) {
	body #common_section_wrapper_3 {
        background-size:
		100% auto,   /* bg_2 */
		256px auto,  /* bg_4 */
		512px auto,  /* bg_5 */
		384px auto,  /* bg_6 */
		256px auto,  /* bg_7 */
		384px auto,  /* bg_8 */
		320px auto,  /* bg_9 */
		25% auto;    /* bg_3 */
    }
}





/* === タブレット 背景設定　　=== */

@media screen and (min-width: 641px) and (max-width: 1024px) {
    body #common_section_wrapper_3 {
	min-height: auto;
	background-image: 
		url('bg_2.png'),
		url('bg_4.png'),
		url('bg_5.png'),
		url('bg_6.png'),
		url('bg_7.png'),
		url('bg_8.png'),
		url('bg_9.png'),
		url('bg_3.png');

        background-size: 
		176% auto,
		30% auto, 
		45% auto, 
		35% auto, 
		30% auto, 
		35% auto, 
		35% auto,
		40% auto; 

        background-position: 
		center top,
		right -90px  top 400px,
		left  -130px  top 670px,
		right -60px  top 1540px,
		left  -140px  top 2000px,
		left  -40px  top 2420px,
		right -140px  top 2710px,
		center top;
    }
}


/* === スマホ 背景設定　　=== */
@media screen and (max-width: 640px) {
    body #common_section_wrapper_3 {
	background-image: 
		url('bg_2_sm.png'),
		url('bg_4.png'),
		url('bg_5.png'),
		url('bg_6_sm.png'), 
		url('bg_7_sm.png'),
		url('bg_8.png'),
		url('bg_9_sm.png'), 
		url('bg_3.png');
            
        background-position: 
		center top 0px,
		right -36px top 1120px,
		left  40px top 660px,
		right 50px top 1970px,
		left  -72px top 2400px,
		left  -6px top 2720px,
		right -62px top 3190px, 
		center top;

        background-size: 
		100% auto,
		45% auto,
		70% auto,
		60% auto, 
		38% auto,
		65% auto,
		38% auto, 
		60% auto;
    }
}

/* カラムユニットにベタの影をつける */
.question-bg {
	box-shadow: 5px 5px 0 #000;
}

/* === 設問下のマージン削除 === */

.g-ImageTextVP--v2__contentsBlock__image {
	margin-bottom: 0 !important;
}



/* === テキスト調整 === */



.text_a, 
.text_q {
	letter-spacing: -0.02em; 
}

.h1Ttl{
	font-size:0.8em;
}


/* === スマホ専用の設定（640px以下） === */
@media screen and (max-width: 640px) {
    .text_a, 
    .text_q {
	font-size: 0.85rem; 
        line-height: 1.3; 
    }

}

/* === タブレット専用の設定（641px〜1024px） === */
@media screen and (min-width: 641px) and (max-width: 1024px) {
    .text_a, 
    .text_q {
	font-size: 0.9rem;      
        line-height: 1.3;         
    }
}