@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC スマホ共通
**************************************************
--------------------------------------------------*/



/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	
	.support_inner .top_image img {
		width:100%;
		height:auto;
		display:block;
	}
	.support_inner .s_title {
		margin-top: 30px;
		text-align:center;
		font-size:46px;
		font-weight:700;
	}
	.support_inner .f_logo {
		margin:40px auto;
		text-align:center;
	}
	.support_inner .f_logo img {
		width:auto;
		max-width:100%;
		height:auto;
		display:block;
		margin:auto;
	}
	.support_inner .s_text {
		margin:30px auto 0;
		width:1200px;
		max-width:90%;
		text-align:center;
		font-size:16px;
		font-weight:500;
		line-height:2em;
	}
	.support_inner .s_text span {
		margin:20px 0;
		font-size:24px;
		display:block;
		font-weight:700;
		color:#e63c3c;
	}
	.support_content {
		margin-top:200px;
		position:relative;
		background:#e63c3c;
		padding-bottom:140px;
	}
	.support_content .image {
		position:relative;
		top:-110px;
		width:1000px;
		max-width:100%;
	    margin:0 auto -110px;
	}
	.support_content .image img {
		width:100%;
		height:auto;
		display:block;
	}
	.support_content .yt_iframe {
		position:relative;
		top:-110px;
		width:1000px;
		max-width:100%;
	    margin:0 auto -110px;
	}
	.support_content .yt_iframe .iframe_inner {
		width:100%;
		height:0;
		padding-top:56.25%;
		position:relative;
	}
	.support_content .yt_iframe .iframe_inner iframe {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		display:block;
		box-shadow:0 7px 15px rgba(51,51,51,.2);
	}
	.support_content .sc_title {
		width:640px;
		margin:70px auto 0;
		font-size:39px;
		white-space:nowrap;
		font-weight:700;
		color:#FFF;
	}
	.support_content .sc_text {
		width:640px;
		margin:30px auto 0;
		font-size:16px;
		font-weight:500;
		line-height:2em;
		color:#FFF;
	}
	.support_content .side_image {
		width:480px;
		position:absolute;
		bottom:100px;
		left:calc(50% - 830px);
		overflow:hidden;
	}
	.support_content .side_image img {
		width:100%;
		height:auto;
		display:block;
	}
	
	.link_btn {
		margin:50px 0;
		text-align:center;
	}
	.link_btn a {
		background:#e63c3c;
		border:1px solid #e63c3c;
		color:#FFF;
		font-size:16px;
		padding:15px 30px;
		display:inline-block;
		font-weight:500;
	}
	.link_btn a span {
		position:relative;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.link_btn a span::after {
		content: '';
		width: 60px;
		height: 5px;
		border-bottom: solid 1px;
		border-right: solid 1px;
		transform: skew(45deg);
		margin-left:20px;
	}
	.link_btn a:hover {
		text-decoration:none;
		border:1px solid #e63c3c;
		color:#e63c3c;
		background:#FFF;
	}
	
	

}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	
	.support_inner .top_image img {
		width:100%;
		height:auto;
		display:block;
	}
	.support_inner .f_logo {
		margin:40px auto;
		width:60%;
		text-align:center;
	}
	.support_inner .f_logo img {
		width:auto;
		max-width:100%;
		height:auto;
		display:block;
		margin:auto;
	}
	.support_inner .s_title {
		margin-top: 30px;
		text-align:center;
		font-size:7vw;
		font-weight:700;
	}
	.support_inner .s_text {
		margin:30px auto 0;
		width:90%;
		text-align:center;
		font-size:3.6vw;
		font-weight:500;
		line-height:1.8em;
	}
	.support_inner .s_text span {
		margin:20px 0;
		font-size:4.2vw;
		display:block;
		font-weight:700;
		color:#e63c3c;
	}
	.support_content {
		margin-top:140px;
		position:relative;
		background:#e63c3c;
		padding-bottom:30px;
	}
	.support_content .image {
		position:relative;
		top:-70px;
		width:90%;
		margin:0 auto -70px;
	}
	.support_content .image img {
		width:100%;
		height:auto;
		display:block;
	}
	.support_content .yt_iframe {
		position:relative;
		top:-70px;
		width:90%;
		margin:0 auto -70px;
	}
	.support_content .yt_iframe .iframe_inner {
		width:100%;
		height:0;
		padding-top:56.25%;
		position:relative;
	}
	.support_content .yt_iframe .iframe_inner iframe {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		display:block;
		box-shadow:0 7px 15px rgba(51,51,51,.2);
	}
	.support_content .sc_title {
		width:90%;
		margin:30px auto 0;
		font-size:5.2vw;
		font-weight:700;
		color:#FFF;
	}
	.support_content .sc_text {
		width:90%;
		margin:20px auto 0;
		font-size:3.6vw;
		font-weight:500;
		line-height:2em;
		color:#FFF;
	}
	.support_content .side_image {
		width:90%;
		margin:30px auto 0;
		overflow:hidden;
	}
	.support_content .side_image img {
		width:100%;
		height:auto;
		display:block;
	}
	
	.link_btn {
		width: 80%;
		margin:30px auto;
		text-align:center;
	}
	.link_btn a {
		background:#e63c3c;
		color:#FFF;
		font-size:3.6vw;
		padding:15px 0;
		display:block;
		font-weight:500;
	}
	.link_btn a span {
		position:relative;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.link_btn a span::after {
		content: '';
		width: 40px;
		height: 5px;
		border-bottom: solid 1px;
		border-right: solid 1px;
		transform: skew(45deg);
		margin-left:20px;
	}
	.link_btn a:hover {
		text-decoration:none;
	}
	
	

}/* End SP */