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

.contact {
	background:#f6f8f7;
}

.top_white {
	background:rgba(255,255,255,0.8);
	padding-bottom:60px;
}

.topnavi {
	width:100%;
	background-color:rgba(255,255,255,0.8);
	position:fixed;
	z-index:2;
	top:0;
	left:0;
}

.topnavi_bt {
	max-width:1000px;
	width:100%;
	margin:10px auto;
	text-align:center;
}

/*.topnavi_bt img {
	width:25%;
}

.topnavi_bt img.tel_img {
	padding-right:5%;
}*/

.tel_area {
	float:left;
	width:300px;
}

.tel_area img {
	max-width:300px;
	width:100%;
}

.bt_area {
	float:right;
	display:flex;
	max-width:610px;
	width:100%;
	margin-left:90px;
}

.bt_area img {
	max-width:300px;
	width:100%;
}

.bt_area li:last-child {
	margin-left:10px;
}

.topnavi_bt:after {
	content: "";
	clear: both;
	display: block;
}

.header, .no1 {
	max-width:1200px;
	width:100%;
	margin:0 auto;
}

.header {
	margin:85px auto 0px;
}

.contact_bt_area {
	width:100%;
	margin:0 auto;
	padding:30px 0 40px;
	text-align:center;
}

.contact_bt {
	display:flex;
	max-width:1020px;
	width:100%;
	margin:0 auto;
}

.contact_bt img,
.contact_bt_sanka01 img,
.contact_bt_sanka02 img {
	max-width:483px!important;
	width:90%!important;
}

.contact_bt_01,
.contact_bt_02 {
	width:100%;
	max-width:500px;
	border-radius:40px;
}

.contact_bt_01 {
	margin-right:20px;
}

.bt_bg_red {
	background:#008734;
	box-shadow:0 10px 0 0 #005F22;
}

.bt_bg_green {
	background:#c30d23;
	box-shadow:0 10px 0 0 #940012;
}

.bt_bg_yellow {
	background:#ef8110;
	box-shadow:0 10px 0 0 #c74a10;
}

.contact_bt_area a,
.contact_bt_sanka01 a,
.contact_bt_sanka02 a,
.contact_bt_01 a,
.contact_bt_02 a {
	display:block;
	padding:20px 0;
	text-align:center;
}

.contact_bt_sanka01 {
	text-align:center;
	margin:0 auto;
	width:100%;
	max-width:500px;
	border-radius:40px;
	background:#ef8110;
	box-shadow:0 10px 0 0 #c74a10;
}

.contact_bt_sanka02 {
	text-align:center;
	margin:0 auto 50px;
	width:100%;
	max-width:500px;
	border-radius:40px;
	background:#008734;
	box-shadow:0 10px 0 0 #005F22;
}

/*.contact_bt_area a:first-child {
	margin-right:30px;
}*/

.main,
.main03 {
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}

.main p {
	text-align:center;
}

.main img {
	max-width:800px;
	width:100%;
}

.main02 img {
	max-width:700px;
	width:100%;
}

.main03 img {
	max-width:1000px;
	width:100%;
}

.main04 img {
	max-width:1200px;
	width:100%;
}

.main h1 img {
	max-width:1000px;
	width:100%;
}

.tv_logo h1 img {
	max-width:800px;
	width:100%;
}

.main02 {
	max-width:1500px;
	width:100%;
	margin:0 auto;
	padding:40px 0;
	box-sizing:border-box;
}

/*.main02 img {
	width:70%;
}*/

.main02 p {
	text-align:center;
}

h1 {
	display:block;
	width:100%;
	background:#207fc1;
	color:#fff;
	padding:30px 0px;
	text-align:center;
	margin:0 auto;
	box-sizing:border-box;
}

.main h1 {
	display:block;
	width:100%;
	background:#207fc1;
	text-align:center;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
}

.main p,
.main03 p {
	line-height:2em;
}

.area03 {
	width:100%;
	background:#f7f7f7;
}

.movie02 {
	background:#207fc1;
	width:100%;
	padding:40px 0 20px;
	text-align:center;
	margin:0 auto;
	box-sizing:border-box;
}

h2 {
	font-size:2.5em;
	color:#233854;
	text-align:center;
	margin-top:40px;
}

.faq {
	border:2px solid #233854;
	margin:40px auto;
	border-radius:25px;
	max-width:1000px;
	width:100%;
}

.faq h3 {
	background:#233854;
	color:#fff;
	font-size:1.5em;
	padding:20px 50px;
	border-radius:20px 20px 0 0;
}

.faq p {
	padding:20px 50px;
}

.footer_bg {
	width:100%;
	background:#f7f8f8;
}

.footer {
	max-width:1200px;
	width:100%;
	height:144px;
	margin:0 auto;
	text-align:center;
	padding-top:40px;
	font-size:0.8em;
}

.footer a {
	text-decoration:none;
	color:#186599;
}

.footer a:hover {
	text-decoration: underline;
}

[type=text],
[type=email] {
	line-height: normal;
}

@media screen and (min-width: 1080px) { /* pc */

.sp,
.sp_head {
	display: none!important;
}

.movie_area {
	max-width:640px;
	height:360px;
}

.movie_area img {
	max-width:495px;
	height:275px;
	display:block;
}

.movie_area iframe {
	max-width:640px;
	width:100%;
	height:360px;
	margin:0 auto;
}

.movie_area02 iframe {
	max-width:640px;
	width:100%;
	height:360px;
}

.movie_area,
.movie_area02 {
	margin:40px auto 0;
}

}

@media screen and (min-width: 768px) and (max-width: 1079px) { /* tablet */

.sp,
.sp_head {
	display: none!important;
}

.topnavi {
	width:100%;
	background-color:rgba(255,255,255,0.8);
	position:fixed;
	z-index:2;
	top:0;
	left:0;
}

.topnavi_bt {
	max-width:768px;
	width:100%;
	margin:10px auto;
	text-align:center;
}

.tel_area {
	float:left;
	width:200px;
}

.tel_area img {
	max-width:300px;
	width:100%;
}

.bt_area {
	float:right;
	display:flex;
	max-width:400px;
	width:100%;
}

.bt_area img {
	max-width:200px;
	width:100%;
}

.bt_area li:last-child {
	margin-left:10px;
}

.movie_area,
.movie_area02 {
	max-width:640px;
	height:750px;
	margin:40px auto;
}

.movie_area img {
	margin-bottom:10px;
}

.movie_area iframe,
.movie_area02 iframe {
	max-width:640px;
	width:100%;
	height:360px;
}

}

@media screen and (max-width: 767px) { /* sp */

.pc,
.pc_head {
	display: none!important;
}

.topnavi {
	width:100%;
	background-color:rgba(255,255,255,0.8);
	position:fixed;
	z-index:2;
	top:0;
	left:0;
}

.topnavi_bt {
	max-width:640px;
	width:100%;
	margin:10px auto;
	text-align:center;
	line-height:2em;
	font-size:0.8em;
	
}

.topnavi_bt img {
	width:32%;
}

.header {
	width:100%;
	margin:80px auto 0;
}

.contact_bt_area {
	width:80%;
	margin:0 auto;
	padding:30px 0;
	text-align:center;
}

.contact_bt_area img {
	width:100%;
}

.contact_bt_area a {
	display:block;
	padding:0
}

.contact_bt_area a:first-child {
	margin-right:0;
	margin-bottom:30px;
}

.tv_logo h1 img {
	width:80%;
}

.main,
.main03 {
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}

h1 {
	display:block;
	width:100%;
	background:#207fc1;
	color:#fff;
	padding:10px 0;
	text-align:center;
	margin:0 auto;
}

.main p,
.main03 p {
	line-height:2em;
}

.main img,
.main03 img {
	width:100%;
}

.main02 {
	width:100%;
	margin:0 auto;
	padding:10px 0;
	box-sizing:border-box;
}

.main02 img {
	width:90%;
}

.main02 p {
	text-align:center;
}

.movie02 {
	background:#207fc1;
	width:100%;
	padding:40px 0;
	text-align:center;
	margin:0 auto;
	box-sizing:border-box;
}

h2 {
	font-size:2.5em;
	color:#233854;
	text-align:center;
	margin-top:40px;
}

.movie_area,
.movie_area02 {
	width:95%;
	margin:30px auto;
}

.movie_area iframe,
.movie_area02 iframe {
	max-width:100%;
	width:640px;
	height:360px;
}


.faq {
	border:2px solid #233854;
	margin:40px auto;
	border-radius:15px;
	max-width:1000px;
	width:100%;
}

.faq h3 {
	background:#233854;
	color:#fff;
	font-size:1.2em;
	padding:10px 20px;
	border-radius:10px 10px 0 0;
}

.faq p {
	padding:10px 20px;
	font-size:1em;
}

.faq {
	width:95%;
}

.footer_bg {
	width:100%;
	background:#f7f8f8;
}

.footer {
	max-width:1200px;
	width:100%;
	height:144px;
	margin:0 auto;
	text-align:center;
	padding-top:40px;
}

.footer a {
	text-decoration:none;
	color:#186599;
}

.footer a:hover {
	text-decoration: underline;
}

.copyright {
	font-size:12px;
	text-align: center;
}


}