@charset "utf-8";
.pc_mode{display: inline-block !important;}
.t_mode{display: none !important;}
.m_mode{display: none !important;}

.pc_colg{display: table-column-group !important;}
.m_colg{display: none !important;}

.pc_none{display: none !important;}
.t_none{display: inline-block !important;}
.m_none{display: inline-block !important;}

@media (max-width:1280px){
	.pc_mode{display: none !important;}
	.t_mode{display: inline-block !important;}
	.m_mode{display: none !important;}

	.pc_none{display: inline-block !important;}
	.t_none{display: none !important;}
	.m_none{display: inline-block !important;}

	/* common */
	.inner{max-width: 1280px;padding: 0 30px;}

	/* content */
	#header .h_top {padding: 10px 15px;}
	#header .h_top .logo {width: 74px;}
	#header .h_top .logo a {}

	.content > div {padding: 30px 0;}

	#cont1 {padding: 20px 0 30px 0;}
	#cont1 .inner .box_video {width: 320px;}
	#cont1 .inner .box_txt .txt1 {font-size: 25px;}
	#cont1 .inner .box_txt .txt1 span {font-size: 30px;}
	#cont1 .inner .box_txt .txt2 {font-size: 16px;}
	#cont1 .inner .box_txt .txt2 b {font-weight: 500;}
	#cont1 .inner .box_txt .txt3 {margin-top: 20px;font-size: 14px;}

	.cont2_head {margin-bottom: 30px;}
	.cont2_head .txt1 {display: none;font-size: 25px;}
	.cont2_head .txt1 b {font-weight: 500;}
	.cont2_head .txt1 em {padding: 5px 10px;font-size: 30px;}
	.cont2_head .txt2 {display: none;margin-top: 10px;font-size: 60px;}
	.cont2_head .txt3 {display: none;font-size: 30px;}
	.cont2_head .txt4 {margin-top: 10px;font-size: 15px;}
	.cont2_head .box_sns ul {margin-top: 30px;}
	.cont2_head .box_sns ul li {margin-left: 10px;}
	.cont2_head .box_sns ul li a {width: 40px;}
	.cont2_head .box_hash {margin-top: 20px;}
	.cont2_head .box_hash ul {margin: -20px 0 0 -25px;padding: 0 40px;}
	.cont2_head .box_hash ul li {margin: 20px 0 0 25px;}
	.cont2_head .box_hash ul li a {font-size: 18px;-webkit-background-size: auto 7px;background-size: auto 7px;}
	.cont2_head .box_hash .btn_hash {margin-top: 25px;}
	.cont2_head .box_hash .btn_hash .copy {width: 120px;padding: 12px;font-size: 14px;}

	#cont2 .inner .box_cont {margin: 30px 0 0;}
	#cont2 .inner .box_cont .box_img {width: 28%;padding: 80px 30px 30px 0;}
	#cont2 .inner .box_cont .box_txt {width: 72%;}
	#cont2 .inner .box_cont .box_txt .box_tit {padding: 30px 30px 0 30px;}
	#cont2 .inner .box_cont .box_txt .box_tit .tit1 {font-size: 15px;}
	#cont2 .inner .box_cont .box_txt .box_tit .tit2 {margin-top: 5px;font-size: 18px;}
	#cont2 .inner .box_cont .box_txt .box_tit .tit3 {font-size: 25px;}

	#cont2 .inner .box_cont .box_txt .txt1 {margin-top: 10px;font-size: 14px;}
	#cont2 .inner .box_cont .box_txt .txt1 br {display: none;}
	#cont2 .inner .box_cont .box_txt .box_btn {margin-top: 20px;}
	#cont2 .inner .box_cont .box_txt .box_btn a {min-width: 200px;height: 40px;line-height: 40px;padding: 0 20px;font-size: 15px;}

	#cont2 .inner .box_cont .box_acco {padding: 0 30px 30px 30px;}

	#cont2 .inner .cont2_1 {}
	#cont2 .inner .cont2_1 .box_txt .box_txt_gray {margin-top: 20px;padding: 15px;}
	#cont2 .inner .cont2_1 .box_txt .box_txt_gray .tit {font-size: 14px;}
	#cont2 .inner .cont2_1 .box_txt .box_txt_gray .txt {margin-top: 5px;font-size: 13px;}
	#cont2 .inner .cont2_1 .box_txt .box_txt_gray .txt br {}
	#cont2 .inner .cont2_1 .box_txt .box_txt_gray .btn {margin-top: 5px;padding: 4px 8px;font-size: 11px;}

	#cont2 .inner .cont2_3 {}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 {margin-top: 20px;}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 .tit {padding: 5px;font-size: 13px;}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 .txt {margin-top: 5px;font-size: 13px;}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 ul li {margin-top: 5px;}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 ul li em span {width: 18px;height: 18px;line-height: 18px;font-size: 12px;}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 ul li p {padding-left: 0.5em;font-size: 13px;}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 ul li p a img {margin: 0 5px 0 3px;}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 ul li p .add_txt {font-size: 12px;}

	#cont3 .inner .cont3_1 > .tit {font-size: 30px;}
	#cont3 .inner .cont3_1 .list_img ul {float: none;}
	#cont3 .inner .cont3_1 .list_img.n2 {margin: 0;}
	#cont3 .inner .cont3_1 .list_img.n2 ul {width: auto;margin: 0 0 0 -4%;}
	#cont3 .inner .cont3_1 .list_img.n3 {margin: 0;}
	#cont3 .inner .cont3_1 .list_img.n3 ul {width: auto;margin:0 0 0 -4%;}
	#cont3 .inner .cont3_1 .list_img ul li {float: left;width: 46%;margin: 30px 0 0 4%;}
	#cont3 .inner .cont3_1 .list_img ul li .img {}
	#cont3 .inner .cont3_1 .list_img ul li .img img {}
	#cont3 .inner .cont3_1 .list_img ul li .box_txt {margin: 13px 0 0 0;}
	#cont3 .inner .cont3_1 .list_img ul li .box_txt .tit {margin-top: 2px;font-size: 14px;}
	#cont3 .inner .cont3_1 .list_img ul li .box_txt .box_btn a {width: 44px;height: 22px;line-height: 20px;font-size: 13px;}

	#cont3 .inner .cont3_2 {margin: 0px 0 0 0%;}
	#cont3 .inner .cont3_2 dl {float: none;width: 100%;margin: 30px 0 0 0;}
	#cont3 .inner .cont3_2 dl dt span {padding-right: 12px;font-size: 14px;}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd {margin-top: 30px;}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd ul li {margin-top: 20px;}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd ul li .box {padding: 10px 15px;}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd ul li .box.b1 {width: 32%;}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd ul li .box.b1 img {}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd ul li .box.b2 {width: 23%;}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd ul li .box.b2 img {}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd ul li .box.b3 {width: 45%;padding: 10px 50px;font-size: 14px;text-align: center;}
	#cont3 .inner .cont3_2 dl.cont3_2_2 dd {margin-top: 30px;}
	#cont3 .inner .cont3_2 dl.cont3_2_2 dd ul {margin: -1% 0 0 -1%;}
	#cont3 .inner .cont3_2 dl.cont3_2_2 dd ul li {width: 24%;margin: 1% 0 0 1%;padding: 10px;}

	#footer {padding: 0 20px 30px 20px;}
	#footer span {font-size: 12px;}

}/* //1280px */
@media (max-width:767px){
	.pc_mode{display: none !important;}
	.t_mode{display: none !important;}
	.m_mode{display: inline-block !important;}

	.pc_colg{display: none !important;}
	.m_colg{display: table-column-group !important;}

	.pc_none{display: inline-block !important;}
	.t_none{display: inline-block !important;}
	.m_none{display: none !important;}

	/* common */
	.inner{max-width: 1280px;padding: 0 15px;}

	/* content */
	#header .h_top {padding: 10px 15px;}
	#header .h_top .logo {width: 74px;}
	#header .h_top .logo a {}

	.content > div {padding: 30px 0;}

	#cont1 {padding: 20px 0 30px 0;}
	#cont1 .inner .box_video {width: 320px;}
	#cont1 .inner .box_txt .txt1 {font-size: 25px;}
	#cont1 .inner .box_txt .txt1 span {font-size: 30px;}
	#cont1 .inner .box_txt .txt2 {margin-top: 10px;font-size: 16px;}
	#cont1 .inner .box_txt .txt2 b {font-weight: 500;}
	#cont1 .inner .box_txt .txt3 {margin-top: 10px;font-size: 14px;letter-spacing: -0.07em;}

	.cont2_head {margin-bottom: 30px;}
	.cont2_head .txt1 {font-size: 25px;}
	.cont2_head .txt1 b {font-weight: 500;}
	.cont2_head .txt1 em {padding: 5px 10px;font-size: 30px;}
	.cont2_head .txt2 {margin-top: 10px;font-size: 60px;}
	.cont2_head .txt3 {font-size: 30px;}
	.cont2_head .txt4 {margin-top: 0px;font-size: 15px;}
	.cont2_head .box_sns ul {margin-top: 20px;}
	.cont2_head .box_sns ul li {margin-left: 5px;}
	.cont2_head .box_sns ul li a {width: 40px;}
	.cont2_head .box_hash {margin-top: 20px;}
	.cont2_head .box_hash ul {margin: -20px 0 0 -25px;padding: 0;}
	.cont2_head .box_hash ul li {margin: 20px 0 0 25px;}
	.cont2_head .box_hash ul li a {font-size: 18px;-webkit-background-size: auto 7px;background-size: auto 7px;}
	.cont2_head .box_hash .btn_hash {margin-top: 25px;}
	.cont2_head .box_hash .btn_hash .copy {width: 120px;padding: 12px;font-size: 14px;}

	#cont2 .inner .box_cont {margin: 30px 0 0;}
	#cont2 .inner .box_cont .box_img {float: none;width: 100%;padding: 30px 20px 20px 20px;text-align: center;}
	#cont2 .inner .box_cont .box_img img {max-width: 200px;}
	#cont2 .inner .box_cont .box_txt {float: none;width: 100%;}
	#cont2 .inner .box_cont .box_txt .box_tit {padding: 0 20px;}
	#cont2 .inner .box_cont .box_txt .box_tit .tit1 {font-size: 15px;}
	#cont2 .inner .box_cont .box_txt .box_tit .tit2 {margin-top: 5px;font-size: 18px;}
	#cont2 .inner .box_cont .box_txt .box_tit .tit3 {font-size: 25px;}

	#cont2 .inner .box_cont .box_txt .txt1 {margin-top: 0px;font-size: 14px;}
	#cont2 .inner .box_cont .box_txt .txt1 br {display: none;}
	#cont2 .inner .box_cont .box_txt .box_btn {text-align: center;}
	#cont2 .inner .box_cont .box_txt .box_btn a {min-width: 200px;height: 40px;line-height: 40px;padding: 0 10px;font-size: 15px;}

	#cont2 .inner .box_cont .box_acco {padding: 0;}
	#cont2 .inner .box_cont .box_acco dl {margin-top: 15px;}
	#cont2 .inner .box_cont .box_acco dl dt {display: block;background: #eeeeee;}
	#cont2 .inner .box_cont .box_acco dl dt a{display: block;padding: 10px;font-size: 13px;text-align: center;color: #8d8d8d;text-decoration: none;}
	#cont2 .inner .box_cont .box_acco dl dt a img {vertical-align: middle;}
	#cont2 .inner .box_cont .box_acco dl dd {display: none;padding: 0 20px 20px 20px;}

	#cont2 .inner .cont2_1 {}
	#cont2 .inner .cont2_1 .box_txt .box_txt_gray {margin-top: 20px;padding: 15px;}
	#cont2 .inner .cont2_1 .box_txt .box_txt_gray .tit {font-size: 14px;}
	#cont2 .inner .cont2_1 .box_txt .box_txt_gray .txt {margin-top: 10px;font-size: 13px;}
	#cont2 .inner .cont2_1 .box_txt .box_txt_gray .txt br {}
	#cont2 .inner .cont2_1 .box_txt .box_txt_gray .btn {margin-top: 10px;padding: 4px 8px;font-size: 11px;}

	#cont2 .inner .cont2_3 {}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 {margin-top: 20px;}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 .tit {padding: 5px;font-size: 13px;}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 .txt {margin-top: 5px;font-size: 13px;}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 ul li {margin-top: 5px;}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 ul li em span {font-size: 12px;}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 ul li p {padding-left: 0.5em;font-size: 13px;}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 ul li p a img {margin: 0 5px 0 3px;}
	#cont2 .inner .cont2_3 .box_txt .box_txt2 ul li p .add_txt {font-size: 12px;}

	#cont3 .inner .cont3_1 > .tit {font-size: 30px;}
	#cont3 .inner .cont3_1 .list_img ul {float: none;}
	#cont3 .inner .cont3_1 .list_img.n2 {margin: 0;}
	#cont3 .inner .cont3_1 .list_img.n2 ul {width: auto;margin: 0 0 0 0%;}
	#cont3 .inner .cont3_1 .list_img.n3 {margin: 0;}
	#cont3 .inner .cont3_1 .list_img.n3 ul {width: auto;margin:0 0 0 0%;}
	#cont3 .inner .cont3_1 .list_img ul li {float: none;width: 100%;margin: 20px 0 0 0%;}
	#cont3 .inner .cont3_1 .list_img ul li .img {}
	#cont3 .inner .cont3_1 .list_img ul li .img img {}
	#cont3 .inner .cont3_1 .list_img ul li .box_txt {margin: 13px 0 0 0;}
	#cont3 .inner .cont3_1 .list_img ul li .box_txt .tit {margin-top: 2px;font-size: 14px;}
	#cont3 .inner .cont3_1 .list_img ul li .box_txt .box_btn a {width: 44px;height: 22px;line-height: 20px;font-size: 13px;}

	#cont3 .inner .cont3_2 {margin: 0px 0 0 0%;}
	#cont3 .inner .cont3_2 dl {float: none;width: 100%;margin: 20px 0 0 0;}
	#cont3 .inner .cont3_2 dl dt span {padding-right: 12px;font-size: 14px;}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd {margin-top: 20px;}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd ul li {margin-top: 20px;}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd ul li .box {display: block;padding: 15px 15px;}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd ul li .box.b1 {width: 100%;}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd ul li .box.b1 img {}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd ul li .box.b2 {width: 100%;}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd ul li .box.b2 img {}
	#cont3 .inner .cont3_2 dl.cont3_2_1 dd ul li .box.b3 {width: 100%;padding: 0px 20px;font-size: 14px;}
	#cont3 .inner .cont3_2 dl.cont3_2_2 dd {margin-top: 20px;}
	#cont3 .inner .cont3_2 dl.cont3_2_2 dd ul {margin: -1% 0 0 -1%;}
	#cont3 .inner .cont3_2 dl.cont3_2_2 dd ul li {width: 49%;margin: 1% 0 0 1%;padding: 10px;}

	#footer {padding: 0 20px 30px 20px;}
	#footer span {font-size: 12px;}



}/* //767px */