@charset "utf-8";
body, input, textarea { font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
.rich_font { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight:400; }
body { font-size:15px; }
@media screen and (max-width:770px) {body { font-size:13px; }}
.pc #header .logo { font-size:21px; }
.mobile #header .logo { font-size:18px; }
#header_logo_index .logo { font-size:40px; }
#footer_logo_index .logo { font-size:40px; }
#header_logo_index .desc { font-size:12px; }
#footer_logo .desc { font-size:20px; }
.pc #index_content1 .index_content_header .headline { font-size:44px; }
.pc #index_content1 .index_content_header .desc { font-size:15px; }
.pc #index_content2 .index_content_header .headline { font-size:44px; }
.pc #index_content2 .index_content_header .desc { font-size:15px; }
.pc #index_dis .index_content_header .headline { font-size:40px; }
.pc #index_dis .index_content_header .desc { font-size:15px; }
.pc #index_dis .index_content_header3 .headline { font-size:40px; }
.pc #index_dis .index_content_header3 .desc { font-size:15px; }
.pc #header, #bread_crumb, .pc #global_menu ul ul a, #index_dis_slider .link, #previous_next_post .label, #related_post .headline span, #comment_headline span, .side_headline span, .widget_search #search-btn input, .widget_search #searchsubmit, .side_widget.google_search #searchsubmit, .page_navi span.current { background-color:#000000; }
.footer_menu li.no_link a { color:#000000; }
a:hover, #comment_header ul li a:hover, .pc #global_menu > ul > li.active > a, .pc #global_menu li.current-menu-item > a, .pc #global_menu > ul > li > a:hover, #header_logo .logo a:hover, #bread_crumb li.home a:hover:before, #bread_crumb li a:hover { color:#0080CB; }
.pc #global_menu ul ul a:hover, #return_top a:hover, .next_page_link a:hover, .page_navi a:hover, .collapse_category_list li a:hover .count, .index_box_list .link:hover, .index_content_header2 .link a:hover, #index_blog_list li .category a:hover, .slick-arrow:hover, #index_dis_slider .link:hover, #header_logo_index .link:hover, #previous_next_page a:hover, .page_navi p.back a:hover, #post_meta_top .category a:hover, .collapse_category_list li a:hover .count, .mobile #global_menu li a:hover, #wp-calendar td a:hover, #wp-calendar #prev a:hover, #wp-calendar #next a:hover, .widget_search #search-btn input:hover, .widget_search #searchsubmit:hover, .side_widget.google_search #searchsubmit:hover, #submit_comment:hover, #comment_header ul li a:hover, #comment_header ul li.comment_switch_active a, #comment_header #comment_closed p, #post_pagination a:hover, #post_pagination p, a.menu_button:hover, .mobile .footer_menu a:hover, .mobile #footer_menu_bottom li a:hover, .post_content .bt_orion:hover { background-color:#0080CB; }
#comment_textarea textarea:focus, #guest_info input:focus, #comment_header ul li a:hover, #comment_header ul li.comment_switch_active a, #comment_header #comment_closed p { border-color:#0080CB; }
#comment_header ul li.comment_switch_active a:after, #comment_header #comment_closed p:after { border-color:#0080CB transparent transparent transparent; }
.collapse_category_list li a:before { border-color: transparent transparent transparent #0080CB; }
#header_slider .link, #header_video .overlay, #header_youtube .overlay { background-color:rgba(0,0,0,0.4); }
.pc #global_menu > ul {text-align: right;}
.pc #global_menu > ul > li > a {padding: 0 22px;}
#header_logo_index .logo img {width: 100%;}
#footer_logo .logo a img{width: 100%;}

@media screen and (max-width: 770px) {
  #header_inner {
    width: 100%;
    min-width: 0px;
    height: 55px;
    margin: 0;
    position: relative;
    background: #333;
  }
}
@media screen and (max-width:480px) {
  .logo_area img{
    width:70%;
  }
}


/* ------------------------------------
2019-10-17 22:47:56
------------------------------------ */
/* body fadein */body{animation: fadeIn 3s ease 0s 1 normal;-webkit-animation: fadeIn 3s ease 0s 1 normal;}@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
/* justify */* {word-wrap: break-word;box-sizing: border-box;}*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
/* a link flash*/ a:hover {opacity: 1;-webkit-animation: flash 1s;animation: flash 1s;}@-webkit-keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}@keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}

#main_contents {
	background: transparent;
	background-color: transparent;
	background-image: url("../img/01_bg_line.png"), url("../img/kv.png");
	background-size: 100%, contain;
	background-repeat: no-repeat, no-repeat;
	background-position: 0% 0%, center top;
	/* background-attachment: fixed,scroll; */
	/* transform:skew(0deg, -10deg); */
}
@media screen and (max-width:770px) {
	#main_contents {
		background-size: 220%, 160%;
		background-position: -60px -100px, center top;
	}
}


.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* ------------------------
Header
--------------------------*/
.header {
	position: fixed;
	z-index: 1999;
	width: 100%;
	padding: 1rem 0;
	background-color: rgba(0, 0, 0, 0.9);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
}
.header .inner{
	max-width:1280px;
	width: 100%;
	margin: 0 auto;
}
.header .inner h1{float: left;padding-top:5px;}
.header .inner ul.nav {float: right;}
.header .inner ul.nav li{display: inline; padding-left:1rem;}

@media screen and (max-width:770px) {
	.header {padding: 0.4rem 1.5rem;}
	.header .inner ul.nav {display: none;}
}

/* ------------------------
KV
--------------------------*/
@media screen and (max-width:770px) {#kv_area {padding-top:30px; }}
.kv {
	position: relative;
	max-width:1280px;
	width: 100%;
	margin: 0 auto;
	padding-bottom:35%;
}
@media screen and (max-width:770px) {.kv {padding-bottom:56%;}}
.kv img{
	position: absolute;
	top:20%;
	left:0;
}

.kv-sub {
	background-image: url("../img/kv_sub.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	padding:4rem 2rem;
}
@media screen and (max-width:770px) {.kv-sub {padding:2rem 2rem;}}
.kv-sub h3{
	margin: 3rem auto;
	text-align: center;
}
@media screen and (max-width:770px) {.kv-sub h3{margin: 1rem auto;}}
.kv-sub p{
	text-align: center;
	padding: 1rem 0;
	line-height: 160%;
}
@media screen and (max-width:770px) {.kv-sub p{text-align: left;}}

/* main_area */
#main_area {
	width: 100%;
}



/* ------------------------
Section 2
--------------------------*/
#sec2 {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 3rem 0 4rem 0;
	overflow: hidden;
}
#sec2 p{
	padding: 2rem 0;
}
@media screen and (max-width:770px) {#sec2 p.spp {padding: 2rem;}}

#sec2 ul {clear: both;}
#sec2 ul li {width: 50%;box-sizing: border-box;}
@media screen and (max-width:770px) {#sec2 ul li {width: 100%;}}
/* pt1 */
#sec2 ul.pt1 {margin: 4rem 0;}
#sec2 ul.pt1 li {padding: 0rem 3rem 3rem 3rem;}
#sec2 ul.pt1 li:nth-child(1){float: left;}
#sec2 ul.pt1 li:nth-child(2){float: right;padding-top:6rem;}
@media screen and (max-width:770px) {
	#sec2 ul.pt1 {margin: 1rem 0 -1rem 0;}
	#sec2 ul.pt1 li {padding: 0rem 2rem 3rem 2rem;}
	#sec2 ul.pt1 li:nth-child(1){float: none;padding: 0;}
	#sec2 ul.pt1 li:nth-child(2){float: none;padding-top:2rem;}
}
/* pt2 */
#sec2 ul.pt2 {margin: 4rem 0;}
#sec2 ul.pt2 li {padding: 3rem;}
#sec2 ul.pt2 li:nth-child(1){float: right;}
#sec2 ul.pt2 li:nth-child(2){float: left;padding-top:6rem;text-align: right;}
@media screen and (max-width:770px) {
	#sec2 ul.pt2 {margin: 0;}
	#sec2 ul.pt2 li {padding: 2rem;}
	#sec2 ul.pt2 li:nth-child(1){float: none;padding: 0;}
	#sec2 ul.pt2 li:nth-child(2){float: none;padding-top:2rem;text-align: left;}
}
/* pt3 */
#sec2 ul.pt3 {margin: 4rem 0;}
#sec2 ul.pt3 li {padding: 3rem;}
#sec2 ul.pt3 li:nth-child(1){float: left;}
#sec2 ul.pt3 li:nth-child(2){float: right;}
#sec2 ul.pt3-1 {margin: 0rem 0;}
#sec2 ul.pt3-1 li {padding:1rem 3rem;}
#sec2 ul.pt3-2 {margin: 0rem 0;}
#sec2 ul.pt3-2 li {padding:1rem 3rem 0 3rem;}
#sec2 ul.pt3-2 li:nth-child(1){float: left;}
#sec2 ul.pt3-2 li:nth-child(2){float: right;}

@media screen and (max-width:770px) {
	#sec2 ul.pt3 {margin: 0;}
	#sec2 ul.pt3 li:nth-child(1){float: none;padding:0;}
	#sec2 ul.pt3 li:nth-child(2){float: none;padding:0;}
	#sec2 ul.pt3 h4{padding:2rem 2rem 1rem 2rem;}
	#sec2 ul.pt3 p{padding:1rem 2rem 2rem 2rem;}
}

/* ------------------------
Section 3
--------------------------*/
.bg_white {
	background-color: #fff;
	width: 100%;
	clear: both;
}
#sec3 {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 6rem 0 3rem 0;
	color: #000;
	overflow: hidden;
}
#sec3 p{
	padding: 2rem 0;
}
@media screen and (max-width:770px) {#sec3 .spp {padding: 0 2rem;}}

#sec3 ul {clear: both;}
#sec3 ul li {box-sizing: border-box;}
@media screen and (max-width:770px) {#sec3 ul li {width: 100%;}}
/* pt1 */
#sec3 ul.pt1 {margin: 4rem 0;}
#sec3 ul.pt1 li {padding: 0rem 3rem 3rem 0rem;}
#sec3 ul.pt1 li:nth-child(1){float: left;width: 37%;}
#sec3 ul.pt1 li:nth-child(2){float: right;width: 63%;padding-top:2rem;}
@media screen and (max-width:770px) {
	#sec3 ul.pt1 {margin: 1rem 0 -1rem 0;}
	#sec3 ul.pt1 li:nth-child(1){float: none;padding: 0;width: 100%;}
	#sec3 ul.pt1 li:nth-child(2){float: none;padding:2rem;width: 100%;}
}
/* pt2 */
#sec3 ul.pt2 {margin: 10rem 0;}
#sec3 ul.pt2 li {padding: 0rem 3rem 3rem 0rem;}
#sec3 ul.pt2 li:nth-child(1){float: left;width: 50%; text-align: right;}
#sec3 ul.pt2 li:nth-child(2){float: right;width: 50%; text-align: left;}
@media screen and (max-width:770px) {
	#sec3 ul.pt2 {margin: 1rem 0 -1rem 0;}
	#sec3 ul.pt2 li:nth-child(1){float: none;padding:0;width: 100%; text-align: center;}
	#sec3 ul.pt2 li:nth-child(2){float: none;padding:1rem 0;width: 100%; text-align: center;}
}


/* ------------------------
Section 4
--------------------------*/
#sec4 {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 3rem 0;
	overflow: hidden;
}
#sec4 h2 {
	min-height:370px;
	background-image: url("../img/04_img_01.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
#sec4 h2 img{margin-top:80px;}
@media screen and (max-width:770px) {
	#sec4 h2 {
		background-size: cover;
		background-position: 55% 0;
	}
}


#sec4 p{padding: 0 0 1rem 0;}
@media screen and (max-width:770px) {#sec4 p.spp {padding: 2rem;}}

#sec4 ul {clear: both;}
#sec4 ul li {box-sizing: border-box;}
@media screen and (max-width:770px) {#sec4 ul li {width: 100%;}}
/* pt1 */
#sec4 ul.pt1 {margin: 4rem 0;}
#sec4 ul.pt1 li {padding: 0rem 3rem 3rem 3rem;}
#sec4 ul.pt1 li:nth-child(1){float: left; width: 60%;}
#sec4 ul.pt1 li:nth-child(2){float: right; width: 40%; padding-top:1rem;}
#sec4 ul.pt1 ul.btns li {width: 50%; padding: 0;float: left;}
#sec4 ul.pt1 ul.btns li:nth-child(1) {padding-right:0.5rem;}
#sec4 ul.pt1 ul.btns li:nth-child(2) {padding-left:0.5rem;}
#sec4 ul.pt1 ul.btns li img {width: 100%;}
@media screen and (max-width:770px) {
	#sec4 ul.pt1 {margin: 1rem 0 -1rem 0;}
	#sec4 ul.pt1 li {padding: 2rem 2rem 4rem 2rem;}
	#sec4 ul.pt1 li:nth-child(1){float: none;padding: 0; width: 100%;}
	#sec4 ul.pt1 li:nth-child(2){float: none;padding-top:2rem; width: 100%;}
	#sec4 ul.pt1 ul.btns li {width: 48%; padding: 0;float: left;}
	#sec4 ul.pt1 ul.btns li:nth-child(1) {padding-right:0.5rem;}
	#sec4 ul.pt1 ul.btns li:nth-child(2) {padding-left:0.5rem;}
	#sec4 ul.pt1 ul.btns li img {width: 100%;}
}
/* thumb */
#sec4 ul.thumb {margin: 2rem 0 4rem 0;overflow: hidden;}
#sec4 ul.thumb li {float: left; width: 20%;padding: 0.5rem;text-align: center;}
#sec4 ul.thumb li img{max-height:154px;}
#sec4 ul.thumb li:nth-child(1) {padding: 0.5rem 0.5rem 0.5rem 0;}
#sec4 ul.thumb li:nth-child(5) {padding: 0.5rem 0 0.5rem 0.5rem;}
#sec4 ul.thumb li:nth-child(6) {padding: 0.5rem 0.5rem 0.5rem 0;}
#sec4 ul.thumb li:nth-child(10) {padding: 0.5rem 0 0.5rem 0.5rem;}
@media screen and (max-width:770px) {
	#sec4 ul.thumb {margin: 2rem 0 4rem 0;overflow: hidden;}
	#sec4 ul.thumb li {float: left; width: 20%;padding:0;text-align: center;border: 2px solid #000;}
	#sec4 ul.thumb li img{}
	#sec4 ul.thumb li:nth-child(1) {padding: 0;}
	#sec4 ul.thumb li:nth-child(5) {padding: 0;}
	#sec4 ul.thumb li:nth-child(6) {padding: 0;}
	#sec4 ul.thumb li:nth-child(10) {padding: 0;}
	
}
/* pt2 */
#sec4 ul.pt2 {margin: 4rem 0;}
#sec4 ul.pt2 li {padding: 3rem;}
#sec4 ul.pt2 li:nth-child(1){float: right; width: 60%;}
#sec4 ul.pt2 li:nth-child(2){float: left; width: 40%; padding-top:8rem;}
#sec4 ul.pt2 ul.btns li {width: 50%; padding: 0;float: left;}
#sec4 ul.pt2 ul.btns li:nth-child(1) {padding-right:0.5rem;}
#sec4 ul.pt2 ul.btns li:nth-child(2) {padding-left:0.5rem;}
#sec4 ul.pt2 ul.btns li img {width: 100%;}
@media screen and (max-width:770px) {
	#sec4 ul.pt2 {margin: 0;}
	#sec4 ul.pt2 li {padding: 2rem;}
	#sec4 ul.pt2 li:nth-child(1){float: none;padding: 0; width: 100%;}
	#sec4 ul.pt2 li:nth-child(2){float: none;padding-top:2rem; width: 100%;text-align: left;}
	#sec4 ul.pt2 ul.btns li {width: 48%; padding: 0;float: left;}
	#sec4 ul.pt2 ul.btns li:nth-child(1) {padding-right:0.5rem;}
	#sec4 ul.pt2 ul.btns li:nth-child(2) {padding-left:0.5rem;}
	#sec4 ul.pt2 ul.btns li img {width: 100%;}
}
/* pt3 */
#sec4 ul.pt3 {margin: 4rem 0;}
#sec4 ul.pt3 li {padding: 3rem;}
#sec4 ul.pt3 li:nth-child(1){float: left; width: 50%;}
#sec4 ul.pt3 li:nth-child(2){float: right; width: 50%;}
#sec4 ul.pt3-1 {margin: 0rem 0;}
#sec4 ul.pt3-1 li {padding:1rem 3rem;}
#sec4 ul.pt3-2 {margin: 0rem 0;}
#sec4 ul.pt3-2 li {padding:1rem 3rem 0 3rem;}
#sec4 ul.pt3-2 li:nth-child(1){float: left; width: 50%;}
#sec4 ul.pt3-2 li:nth-child(2){float: right; width: 50%;}

@media screen and (max-width:770px) {
	#sec4 ul.pt3 {margin: 0;}
	#sec4 ul.pt3 li:nth-child(1){float: none;padding:0; width: 100%;}
	#sec4 ul.pt3 li:nth-child(2){float: none;padding:0; width: 100%;}
	#sec4 ul.pt3 h4{padding:2rem 2rem 1rem 2rem;}
	#sec4 ul.pt3 p{padding:1rem 2rem 2rem 2rem;}
}


/* ------------------------
Section 5
--------------------------*/
.bg_gray {
	background-color: #eee;
	width: 100%;
	clear: both;
}
#sec5 {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	clear: both;
}
#sec5 h2 {
	min-height:300px;
	background-image: url("../img/05_img_01.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
#sec5 h2 img{margin-top:80px;}
@media screen and (max-width:770px) {
	#sec5 h2 {
		background-size: cover;
		background-position: 35% 0;
	}
}



/* ------------------------
Section 6
--------------------------*/
.bg_white.line {
	width: 100%;
	clear: both;
	background-color: #fff;
	background-image: url("../img/06_bg_line.png");
	background-size: auto;
	background-repeat: no-repeat;
	background-position: left bottom;
}
@media screen and (max-width:770px) {.bg_white.line {background-image: none;}}

#sec6 {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 6rem 0 3rem 0;
	color: #000;
	overflow: hidden;
}
#sec6 p{
	padding: 1rem 0 0 0;
}

#sec6 ul {clear: both;}
#sec6 ul li {box-sizing: border-box;}
/* #sec6 ul.pt1 li:nth-child(2) {padding-top: 0.5rem;} */
#sec6 ul.pt1 ul.btns li {width: 32%; padding: 1rem 0 0 0;float: left;}
#sec6 ul.pt1 ul.btns li img {width: 100%;}
@media screen and (max-width:770px) {
	#sec6 ul li {width: 100%;}
	#sec6 ul.pt1 ul.btns li {width: 47%; padding: 1rem 0 2rem 0;float: left;}
}
/* pt1 */
#sec6 ul.pt1 {margin: 4rem 0 4rem 0; overflow: hidden;}
#sec6 ul.pt1 li {padding: 0rem 3rem 3rem 0rem;}
#sec6 ul.pt1 li:nth-child(1){float: left;width: 52%;}
#sec6 ul.pt1 li:nth-child(2){float: right;width: 48%;}
@media screen and (max-width:770px) {
	#sec6 ul.pt1 {margin: 1rem 0;}
	#sec6 ul.pt1 li:nth-child(1){float: none;padding: 0;width: 100%;}
	#sec6 ul.pt1 li:nth-child(2){float: none;padding:2rem;width: 100%;}
}



/* ------------------------
Section 7
--------------------------*/
.bg_gray2 {
	background-color: #222;
	width: 100%;
	clear: both;
}

#sec7 {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 3rem 0 3rem 0;
	overflow: hidden;
}
#sec7 a{
	color: #0080cb;
}
#sec7 a.cf{
	color: #fff;
}
#sec7 h2 {
	/* min-height:370px; */
}
#sec7 h2 img{margin-top:80px;}
@media screen and (max-width:770px) {
	#sec7 h2 {
		padding-bottom:2rem;
		background-size: cover;
		background-position: 55% 0;
	}
}


#sec7 p{padding: 0 0 1rem 0;}
@media screen and (max-width:770px) {#sec7 p.spp {padding: 2rem;}}

#sec7 ul {clear: both;}
#sec7 ul li {width: 50%; box-sizing: border-box;}
@media screen and (max-width:770px) {#sec7 ul li {width: 100%;}}
/* pt1 */
#sec7 ul.pt1 {margin: 4rem 0;}
#sec7 ul.pt1 li {}
#sec7 ul.pt1 li:nth-child(1){float: left;padding: 0 1rem 3rem 0rem;}
#sec7 ul.pt1 li:nth-child(2){float: right;padding: 3rem 0rem 3rem 3rem;}
@media screen and (max-width:770px) {
	#sec7 ul.pt1 {margin: 1rem 0 -1rem 0;}
	#sec7 ul.pt1 li {padding: 0rem 2rem 3rem 2rem;}
	#sec7 ul.pt1 li:nth-child(1){float: none;padding: 0 2rem;}
	#sec7 ul.pt1 li:nth-child(2){float: none;padding: 2rem;}
}
/* pt2 */
#sec7 ul.pt2 {margin: 4rem 0;}
#sec7 ul.pt2 li {}
#sec7 ul.pt2 li:nth-child(odd){float: left;padding: 0rem 3rem 3rem 0rem;}
#sec7 ul.pt2 li:nth-child(even){float: right;padding: 0rem 0rem 3rem 3rem;}
@media screen and (max-width:770px) {
	#sec7 ul.pt2 {margin: 1rem 0 -1rem 0;}
	#sec7 ul.pt2 li {padding: 0rem 2rem 3rem 2rem;}
	#sec7 ul.pt2 li:nth-child(odd){float: none;padding:0 2rem;}
	#sec7 ul.pt2 li:nth-child(even){float: none;padding: 2rem;}
}


/* ------------------------
Section 8
--------------------------*/
.bg_blue {
	background-color: #0080ca;
	box-shadow: 0 -5px 3px rgba(30, 30, 30, 1.0);
	width: 100%;
	clear: both;
}

#sec8 {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 5rem 0 5rem 0;
	overflow: hidden;
}
#sec8 a{
	color: #0080cb;
}
#sec8 a.cf{
	color: #fff;
}
#sec8 h2 {
	/* min-height:370px; */
}
#sec8 h2 img{margin-top:80px;}
@media screen and (max-width:770px) {
	#sec8 h2 {
		background-size: cover;
		background-position: 55% 0;
	}
}
#sec8 ul {clear: both;}
#sec8 ul li {box-sizing: border-box;}
@media screen and (max-width:770px) {#sec8 ul li {width: 100%;}}
/* pt1 */
#sec8 ul.pt1 {margin: 0;}
#sec8 ul.pt1 li {display: block;}
#sec8 ul.pt1 li:nth-child(1){float: left;text-align: right;padding:0 2rem 0 0;width: 50%;}
#sec8 ul.pt1 li:nth-child(2){float: right;text-align: left;padding:0 0 0 2rem;width: 50%;}
#sec8 ul.pt1 li:nth-child(3){float: none;text-align: center;padding:8rem 0 0 0;width: 100%;}
@media screen and (max-width:770px) {
	#sec8 {padding: 0 0 3rem 0;}
	#sec8 ul.pt1 {margin: 1rem 0 -1rem 0;}
	#sec8 ul.pt1 li {padding: 0rem 2rem 3rem 2rem;}
	#sec8 ul.pt1 li:nth-child(1){float: none;text-align: center;padding:1rem 2rem 0 2rem;width: 100%;}
	#sec8 ul.pt1 li:nth-child(2){float: none;text-align: center;padding:1rem 2rem 0 2rem;width: 100%;}
	#sec8 ul.pt1 li:nth-child(3){float: none;text-align: center;padding:1rem 2rem 0 2rem;width: 100%;}
}

/* ------------------------
#f_nav
--------------------------*/
#f_nav {display: none;}
@media screen and (max-width:770px) {
	#f_nav {
		display: block;
		position:fixed;
		z-index: 1999;
		bottom:0;
		width:100%;
		background:#0282ca;
		border-top:1px solid rgba(255, 255, 255, 0.8);
		box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.2);
	}
	#f_nav li {
		box-sizing: border-box;
		padding:5px 0;
		display:inline-block;
		width:49%;
		text-align: center;
	}
	#f_nav li:nth-child(1) {
		border-right:1px solid rgba(255, 255, 255, 0.8);
	}
	#return_top {
		display: none;
	}
	#footer_wrapper {
		margin-bottom:80px;
	}
}

/* ------------------------
copyright
--------------------------*/
@media screen and (max-width:770px) {
	#copyright{text-align: center;padding: 1rem;line-height: 160%;}
	}


/* ------------------------
Common
--------------------------*/
/* btn hover */
.hov1{transition: all 0.2s;border: 2px solid #000;}
.hov1:hover{transform: translate(-8px,-8px);box-shadow: 8px 8px 0px #999;}
.hov2{transition: all 0.2s;}
.hov2:hover{transform: translate(-8px,-8px);box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.8);}
.hov3{transition: all 0.2s;}
.hov3:hover{transform: translate(-8px,-8px);box-shadow: 8px 8px 0px rgba(255, 255, 255, 0.4);}


/* h */
h1,h2,h3,h4,h5{margin: 0;padding: 0;line-height: 140%;}
h3 {font-size: 1.4rem;}
h4 {font-size: 1.2rem;}

/* p */
p {line-height:160%;}
.w100p {max-width:100%;}
.pc-z30p {zoom: .3; -moz-transform: scale(0.3,0.3);}
.pc-z40p {zoom: .4; -moz-transform: scale(0.4,0.4);}
.pc-z50p {zoom: .5; -moz-transform: scale(0.5,0.5);}
.pc-z60p {zoom: .6; -moz-transform: scale(0.6,0.6);}
.sp-z60p{ max-width: 420px;padding-top:0 !important;}
@media screen and (max-width:770px) {
	.sp-z30p {zoom: .3;max-width: 100%;}
	.sp-z40p {zoom: .4;max-width: 100%;}
	.sp-z50p {zoom: .5;max-width: 100%;}
	.sp-z60p {zoom: .6;max-width: 100%;}
	.sp-z30p.btn {zoom: 1;width: 84%;}
	.sp-z40p.btn {zoom: 1;width: 84%;}
	.sp-z50p.btn {zoom: 1;width: 84%;}
	.sp-z60p.btn {zoom: 1;width: 84%;}
	.sp-z50p.btn.ft {zoom: 1;width: 100%;}
	.sp-z60p.btn.ft {zoom: 1;width: 100%;}
}

.price {font-size: 140%;letter-spacing: 1px; font-weight: normal;}
.price span{font-size: 60%;display: inline-block;padding-left:0.4rem;font-weight: normal;}

/* ---------------------------------------
text-align
--------------------------------------- */
.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}
.cb {clear: both;}

/* ---------------------------------------
Margin
--------------------------------------- */
.m0{margin: 0;}
.m10{margin: 10px;}
.mp0 {margin:0;padding:0;}
.mt0 {margin-top:0;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.mb0 {margin-bottom:0px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}

.mr5{margin-right:5px; }
.mr10{margin-right:10px; }
.mr15{margin-right:15px; }
.mr20{margin-right:20px; }

/* ---------------------------------------
Padding
--------------------------------------- */
.p0 {padding:0;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p40 {padding:40px;}
.pt0 {padding-top:0;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}

.pb0 {padding-bottom:0px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}

.pr5{padding-right:5px; }
.pr10{padding-right:10px; }
.pr15{padding-right:15px; }
.pr20{padding-right:20px; }

/* ---------------------------------------
PC-Margin
--------------------------------------- */
.pc-mt0 {margin-top:0;}
.pc-mt10 {margin-top:10px;}
.pc-mt15 {margin-top:15px;}
.pc-mt20 {margin-top:20px;}
.pc-mt30 {margin-top:30px;}
.pc-mt40 {margin-top:40px;}
.pc-mt50 {margin-top:50px;}
.pc-mt60 {margin-top:60px;}
.pc-mt70 {margin-top:70px;}
.pc-mt80 {margin-top:80px;}
.pc-mt90 {margin-top:90px;}
.pc-mt100 {margin-top:100px;}
.pc-mt110 {margin-top:110px;}
.pc-mt120 {margin-top:120px;}
.pc-mt130 {margin-top:130px;}

.pc-mb0 {margin-bottom:0px;}
.pc-mb10 {margin-bottom:10px;}
.pc-mb20 {margin-bottom:20px;}
.pc-mb30 {margin-bottom:30px;}
.pc-mb40 {margin-bottom:40px;}
.pc-mb50 {margin-bottom:50px;}
.pc-mb60 {margin-bottom:60px;}
.pc-mb70 {margin-bottom:70px;}
.pc-mb80 {margin-bottom:80px;}
.pc-mb90 {margin-bottom:90px;}
.pc-mb100 {margin-bottom:100px;}

/* ---------------------------------------
PC-Padding
--------------------------------------- */
.pc-p10 {padding:10px;}
.pc-p20 {padding:20px;}
.pc-p30 {padding:30px;}

.pc-pt0 {padding-top:0;}
.pc-pt5 {padding-top:5px;}
.pc-pt10 {padding-top:10px;}
.pc-pt20 {padding-top:20px;}
.pc-pt30 {padding-top:30px;}
.pc-pt40 {padding-top:40px;}
.pc-pt50 {padding-top:50px;}
.pc-pt60 {padding-top:60px;}
.pc-pt70 {padding-top:70px;}
.pc-pt80 {padding-top:80px;}
.pc-pt90 {padding-top:90px;}
.pc-pt100 {padding-top:100px;}

.pc-pb0 {padding-bottom:0px;}
.pc-pb10 {padding-bottom:10px;}
.pc-pb20 {padding-bottom:20px;}
.pc-pb3 {padding-bottom:30px;}
.pc-pb40 {padding-bottom:40px;}
.pc-pb50 {padding-bottom:50px;}
.pc-pb60 {padding-bottom:60px;}
.pc-pb70 {padding-bottom:70px;}
.pc-pb80 {padding-bottom:80px;}
.pc-pb90 {padding-bottom:90px;}
.pc-pb100 {padding-bottom:100px;}

.pc-plr0 {padding-left:0px;padding-right:0px;}
.pc-plr5 {padding-left:5px;padding-right:5px;}
.pc-plr10 {padding-left:10px;padding-right:10px;}
.pc-plr20 {padding-left:20px;padding-right:20px;}
.pc-plr30 {padding-left:30px;padding-right:30px;}

@media only screen and (max-width: 960px) {
	/* ---------------------------------------
	SP-Margin
	--------------------------------------- */
	.sp-mt0 {margin-top:0;}
	.sp-mt5 {margin-top:5px;}
	.sp-mt10 {margin-top:10px;}
	.sp-mt15 {margin-top:15px;}
	.sp-mt20 {margin-top:20px;}
	.sp-mt30 {margin-top:30px;}
	.sp-mt40 {margin-top:40px;}
	.sp-mt50 {margin-top:50px;}
	.sp-mt60 {margin-top:60px;}
	.sp-mt70 {margin-top:70px;}
	.sp-mt80 {margin-top:80px;}
	.sp-mt90 {margin-top:90px;}
	.sp-mt100 {margin-top:100px;}
	
	.sp-mb0 {margin-bottom:0px;}
	.sp-mb10 {margin-bottom:10px;}
	.sp-mb20 {margin-bottom:20px;}
	.sp-mb30 {margin-bottom:30px;}
	.sp-mb40 {margin-bottom:40px;}
	.sp-mb50 {margin-bottom:50px;}
	.sp-mb60 {margin-bottom:60px;}
	.sp-mb70 {margin-bottom:70px;}
	.sp-mb80 {margin-bottom:80px;}
	.sp-mb90 {margin-bottom:90px;}
	.sp-mb100 {margin-bottom:100px;}
	
	/* ---------------------------------------
	SP-Padding
	--------------------------------------- */
	.sp-p10 {padding:10px;}
	.sp-p20 {padding:20px;}
	.sp-p30 {padding:30px;}

	.sp-plr0 {padding-left:0px;padding-right:0px;}
	.sp-plr5 {padding-left:5px;padding-right:5px;}
	.sp-plr10 {padding-left:10px;padding-right:10px;}
	.sp-plr20 {padding-left:20px;padding-right:20px;}
	.sp-plr30 {padding-left:30px;padding-right:30px;}

	.sp-pt0 {padding-top:0;}
	.sp-pt5 {padding-top:5px;}
	.sp-pt10 {padding-top:10px;}
	.sp-pt20 {padding-top:20px;}
	.sp-pt30 {padding-top:30px;}
	.sp-pt40 {padding-top:40px;}
	.sp-pt50 {padding-top:50px;}
	.sp-pt60 {padding-top:60px;}
	.sp-pt70 {padding-top:70px;}
	.sp-pt80 {padding-top:80px;}
	.sp-pt90 {padding-top:90px;}
	.sp-pt100 {padding-top:100px;}
	
	.sp-pb0 {padding-bottom:0px;}
	.sp-pb10 {padding-bottom:10px;}
	.sp-pb20 {padding-bottom:20px;}
	.sp-pb30 {padding-bottom:30px;}
	.sp-pb40 {padding-bottom:40px;}
	.sp-pb50 {padding-bottom:50px;}
	.sp-pb60 {padding-bottom:60px;}
	.sp-pb70 {padding-bottom:70px;}
	.sp-pb80 {padding-bottom:80px;}
	.sp-pb90 {padding-bottom:90px;}
	.sp-pb100 {padding-bottom:100px;}
	}

	.pc-lh-100 {line-height: 100%;}
	.pc-lh-110 {line-height: 110%;}
	.pc-lh-120 {line-height: 120%;}
	.pc-lh-130 {line-height: 130%;}
	.pc-lh-140 {line-height: 140%;}
	.pc-lh-150 {line-height: 150%;}
	.pc-lh-160 {line-height: 160%;}
	.pc-lh-170 {line-height: 170%;}
	.pc-lh-180 {line-height: 180%;}
	.pc-lh-190 {line-height: 190%;}
	.pc-lh-200 {line-height: 200%;}
	@media only screen and (max-width: 960px) {
		.sp-lh-100 {line-height: 100%;}
		.sp-lh-110 {line-height: 110%;}
		.sp-lh-120 {line-height: 120%;}
		.sp-lh-130 {line-height: 130%;}
		.sp-lh-140 {line-height: 140%;}
		.sp-lh-150 {line-height: 150%;}
		.sp-lh-160 {line-height: 160%;}
		.sp-lh-170 {line-height: 170%;}
		.sp-lh-180 {line-height: 180%;}
		.sp-lh-190 {line-height: 190%;}
		.sp-lh-200 {line-height: 200%;}
	}
	
.sp_show {display:none;}
.sp_hidden {display:block;}
@media only screen and (max-width: 770px) {
	.sp_show {display:block;}
	.sp_hidden {display:none;}
		}
/*BR*/
.spbr {display:none;}
.pcbr {display:block;}
	@media only screen and (max-width: 770px) {
		.spbr {display:block;}
		.pcbr {display:none;}
	}

	/*align*/
	.pc-tl {text-align:left;}
	.pc-tc {text-align:center;}
	.pc-tr {text-align:right;}
		@media only screen and (max-width: 770px) {
		.sp-tl {text-align:left;}
		.sp-tc {text-align:center;}
		.sp-tr {text-align:right;}
		}