/* ===================================================================
CSS
 file name  :  intro.css
=================================================================== */
/* =====================================
ページタイトル
======================================== */
h2#page_title{
	background-image: url(../images/intro/ttl_strength.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	h2#page_title{
		background-image: url(../images/intro/ttl_strength@2x.png);
	}
}
@media print, screen and (min-width: 769px) {
/* =====================================
東宝ハウス品川の特徴
======================================== */
  #container_wrap {
      font-size: 16px;
      line-height: 1.8;
  }
	p.main_lead{
		color: #FFFFFF;
		background: #C92132;
		padding: 20px 20px;
		text-align: center;
		font-size: 20px;
		margin-top: 50px;
	}
	p.main_lead_text{
		margin-top: 30px;
	}
	h4.sub_ta{
		color: #00306D;
		font-size: 24px;
		font-weight: bold;
		margin-top: 50px;
		text-align: center;
	}
	.ta_list{
		display: flex;
		justify-content: space-between;
		margin-top: 50px;
	}
	.ta_list li{
		width: 300px;
	}
	.ta_list li div{
		text-align: center;
	}
	.ta_list li p{
		margin-top: 20px;
		color: #00306D;
		text-align: center;
	}
	.word_list{
		margin-top: 30px;
		padding-left: 90px;
	}
	.word_list li{
		margin-top: 15px;
		background: url(../images/intro/icon_check@2x.png) no-repeat 0 4px;
		background-size: 38px auto;
		font-size: 24px;
		padding: 0 0 5px 60px;
	}
	.gimon{
		margin-top: 50px;
		border: 1px solid #666;
		padding: 30px 30px 30px 200px;
		background: url(../images/intro/icon_gimon@2x.png) no-repeat 30px center;
		background-size: 138px auto;
	}
	.gimon h4{
		font-size: 22px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.tekisei{
		margin-top: 50px;
	}
	.merit_list{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.merit_list li{
		width: 300px;
		margin-top: 50px;
	}
	.merit_list li p{
		margin-top: 10px;
		font-size: 14px;
	}
	p.kairi_comment{
		color: #00306D;
		margin-top: 50px;
	}
	h3.sub_title{
		background: #00306D;
		text-align: center;
		color: #FFFFFF;
		padding: 20px;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
		font-size: 24px;
		letter-spacing: 0.1em;
	}
	h4.sub_title{
		background: url(../images/intro/img_icn.jpg) no-repeat;
		padding: 10px 0 0 60px;
		color: #00306D;
		font-size: 20px;
		font-weight: bold;
		margin-top: 50px;
		min-height: 55px;
		box-sizing: border-box;
	}
	h4.sub_title span{
		font-size: 28px;
	}
	p.main_text{
		margin-top: 30px;
		background: #F4F4F4;
		padding: 30px 40px;
		color: #00306D;
		font-size: 18px;
		font-weight: bold;
	}
	p.main_text strong{
		color: #FF3333;
	}
	h4.sub_title2{
		margin-top: 50px;
		border: 1px solid #00306D;
		text-align: center;
		color: #00306D;
		font-size: 22px;
		padding: 15px;
		font-weight: bold;
	}
	ul.paper{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	ul.paper li{
		width: 480px;
		margin-top: 40px;
		padding: 30px;
		box-sizing: border-box;
		border: 1px solid #CCC;
		display: flex;
		justify-content: space-between;
	}
	ul.paper li .text{
		width: 210px;
	}
	ul.paper li .text .btn{
		background: #002954;
		margin-top: 15px;
		padding: 7px 0;
		font-size: 14px;
	}
	ul.paper li .text .btn:hover{
		background: #003D8B;
	}
	ul.paper li .text .btn:before{
		content: "\f105";
		font-family: "Font Awesome 5 Free";
		font-weight : 900;
		padding-right:7px;
	}
	p.result_text{
		text-align: center;
		font-weight: bold;
		margin-top: 20px;
	}
	p.small{
		font-size: 12px;
		margin-top: 5px;
	}
	p.small span{
		color: #FE4444;
	}
	p.small_l{
		font-size: 12px;
		margin-top: 5px;
		text-align: right;
	}
	p.center{
		text-align: center;
		font-size: 14px;
	}
	p.red{
		color: #C64D30;
		text-align: center;
		font-weight: bold;
		font-size: 24px;
		margin-top: 20px;
	}
	.movie_wrap {
		text-align: center;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.movie_wrap .movie_item{
		width: 47%;
	}
}
@media screen and (max-width: 768px) {
/* =====================================
東宝ハウス品川の特徴
======================================== */
	.s_wrap.intro{
		padding: 0 20px;
		box-sizing: border-box;
	}
	p.main_lead{
		color: #FFFFFF;
		background: #C92132;
		padding: 10px 15px;
		text-align: center;
		margin-top: 20px;
	}
	p.main_lead_text{
		margin-top: 20px;
	}
	h4.sub_ta{
		color: #00306D;
		font-size: 120%;
		font-weight: bold;
		margin-top: 20px;
		text-align: center;
	}
	.ta_list{
		margin-top: 20px;
	}
	.ta_list li{
		margin-top: 30px;
	}
	.ta_list li div{
		text-align: center;
	}
	.ta_list li p{
		margin-top: 15px;
		color: #00306D;
		text-align: center;
	}
	.word_list{
		margin-top: 10px;
	}
	.word_list li{
		background: url(../images/intro/icon_check@2x.png) no-repeat 0 4px;
		background-size: 13px auto;
		padding: 0 0 5px 20px;
	}
	.gimon{
		margin-top: 20px;
		border: 1px solid #666;
		padding: 10px 20px 20px 20px;
	}
	.gimon h4{
		background: url(../images/intro/icon_gimon@2x.png) no-repeat 0px center;
		background-size: 50px auto;
		font-size:120%;
		font-weight: bold;
		margin-bottom: 10px;
		padding: 15px 0 15px 70px;
	}
	.tekisei{
		margin-top: 20px;
	}
	.merit_list{
	}
	.merit_list li{
		margin-top: 20px;
		text-align: center;
	}
	.merit_list li p{
		margin-top: 10px;
	}
	p.kairi_comment{
		color: #00306D;
		margin-top: 20px;
	}
	h3.sub_title{
		border: 1px solid #00306D;
		text-align: center;
		padding: 10px;
		font-weight: bold;
		background: #00306D;
		color: #FFFFFF;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
		font-size: 120%;
		letter-spacing: 0.1em;
	}
	h4.sub_title{
		background: url(../images/intro/img_icn.jpg) no-repeat;
		background-size: 30px auto;
		padding: 0 0 0 40px;
		color: #00306D;
		font-size: 120%;
		font-weight: bold;
		margin-top: 20px;
		box-sizing: border-box;
		line-height: 140%;
	}
	h4.sub_title span{
		font-size: 140%;
	}
	p.main_text{
		margin-top: 20px;
		background: #F4F4F4;
		padding: 20px;
		color: #00306D;
		font-size: 120%;
		font-weight: bold;
	}
	p.main_text strong{
		color: #FF3333;
	}
	h4.sub_title2{
		margin: 20px 0 auto 0;
		border: 1px solid #00306D;
		text-align: center;
		color: #00306D;
		font-size: 120%;
		padding: 10px;
		font-weight: bold;
	}
	ul.paper{
	}
	ul.paper li{
		margin-top: 20px;
		box-sizing: border-box;
		display: flex;
	}
	ul.paper li .text{
		margin-left: 20px;
		min-width: 50%;
	}
	ul.paper li .text .btn{
		background: #002954;
		margin-top: 15px;
		padding: 7px 0;
	}
	ul.paper li .text .btn:hover{
		background: #003D8B;
	}
	ul.paper li .text .btn:before{
		content: "\f105";
		font-family: "Font Awesome 5 Free";
		font-weight : 900;
		padding-right:7px;
	}
	p.result_text{
		text-align: left;
		font-weight: bold;
		margin: 10px 0;
	}
	p.small{
		font-size: 75%;
		margin-top: 5px;
	}
	p.small span{
		color: #FE4444;
	}
	p.small_l{
		font-size: 75%;
		margin-top: 5px;
		text-align: right;
	}
	p.center{
		text-align: left;
	}
	p.red{
		color: #C64D30;
		text-align: center;
		font-weight: bold;
		font-size: 120%;
		margin-top: 10px;
	}
	.movie_wrap {
		text-align: center;
	}
	.movie_wrap .movie_item{
		width: 100%;
		margin-bottom: 30px;
	}
}