@media screen and (max-width: 760px) {

	/******************************
	構造・共通
	*****************************/
	.sp {
		display: block;
	}

	.pc {
		display: none !important;
	}

	/****************************
	ヘッダー
	****************************/
	.sp_header {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
	}

	#mainvisual {
		background: url("../images/main_bg_sp.png") no-repeat;
		background-position: top center;
		background-size: cover;
		padding-bottom: 0;
	}

	#logo {
		display: inline-block;
		width: 67%;
	}

	.sp_header_inner {
		display: flex;
		width: auto;
		text-align: right;
		padding: 3px 10px;
	}

	.sp_header_inner button {
		display: inline-block;
		position: static;
		margin-right: 12px;
		vertical-align: top;
		padding: 10px 0;
		margin-top: -10px;
	}

	.drawer-open button {
		margin-top: 0;
	}

	.drawer-hamburger {
		width: 3.8rem !important;
	}

	.sp_instagram {
		display: inline-block;
		padding: 5px 0;
	}

	.sp_instagram img {
		height: 35px;
	}

	#global_menu nav {
		width: 100%;
	}

	#global_menu nav ul {
		width: 100%;
		flex-wrap: wrap;
	}

	#global_menu nav ul li {
		width: 100% !important;
		text-align: left;
	}

	#global_menu nav ul li a {
		display: block;
		padding: 15px;
	}

	#global_menu nav ul li img {
		display: block;
		width: auto;
		height: 60px;
		margin: 0;
	}

	#menu00 {
		background: radial-gradient(#eb94ad 10%, #ee9ab2 90%);
	}

	#menu01 {
		background: radial-gradient(#f2ba7d 10%, #f0ae7a 90%);
	}

	#menu02 {
		background: radial-gradient(#9cd5d6 10%, #70bfc1 90%);
	}

	#menu03 {
		background: radial-gradient(#bfdb9e 10%, #90ba6a 90%);
	}

	#menu04 {
		background: radial-gradient(#a897c7 10%, #8069ac 90%);
	}

	#menu00 a {
		display: block;
		padding: 27px 15px !important;
	}

	#menu00 img {
		height: 27px !important;
	}

	#menu04 a {
		display: block;
		padding: 27px 15px !important;
	}

	#menu04 img {
		height: 30px !important;
	}

	.hojo {
		margin-top: 10px;
	}

	ul.pc_menu {
		display: none !important;
	}

	#logo {
		display: none;
	}

	.popup {
		display: block;
		padding: 0;
		border: none;
		position: static;
		width: 100%;
	}

	#global_menu nav ul {
		display: flex;
		list-style-type: none;
	}

	#wrap .popup dl {
		margin-bottom: 15px;
	}

	#wrap .popup dl dd ul li {
		width: 48% !important;
		margin-right: 2%;
		padding: 0;
	}

	.popup dl dd ul li:last-child {
		margin-right: 0;
	}

	#wrap .popup dl dd ul#color_change_area li {
		width: 31% !important;
	}

	/******************************
みんなで作ろ！
*****************************/
	.about {
		padding: 3.3% 3%;
	}

	p.about_title {
		font-size: 2.6rem;
	}

	.about_box {
		flex-wrap: wrap;
	}

	.about_col01 {
		width: 100%;
		margin-right: 0;
		order: 2;
	}

	.about_col01 img {
		display: block;
		margin: 0 auto;
		max-width: 40%;
	}

	.about_col02 {
		width: 100%;
		padding-right: 0;
		order: 1;
	}

	.about_col02 h2 {
		font-size: 1.4rem;
		width: 80%;
	}

	.about_col02 p.img {
		width: 18%;
	}

	p.copy {
		font-size: 1.6rem;
	}

	#main {
		padding: 0 3%;
	}

	/******************************
	総選挙概要
	*****************************/
	.senkyo_about_box {
		flex-wrap: wrap;
	}

	.senkyo_about_col01 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.senkyo_about_col01 img {
		display: block;
		margin: 0 auto;
		max-width: 60%;
	}

	.senkyo_about_col01 p {
		margin-left: 0;
	}

	.senkyo_about_col02 {
		width: 100%;
		padding-right: 0;
	}

	.senkyo_about_col02 dl {
		flex-wrap: wrap;
		width: 100%;
	}

	.senkyo_about_col02 dl dt {
		width: 28%;
	}

	.senkyo_about_col02 dl dd {
		width: 100%;
		font-size: 1.6rem;
	}

	.senkyo_about_col02 dl dd span {
		font-size: 2.5rem;
	}

	.senkyo_about_col02 dl.oubo2 dd {
		font-size: 1.8rem;
	}

	.senkyo_about_col02 dl.oubo3 dd {
		font-size: 1.8rem;
	}

	.movie_box .img01 {
		top: -20%;
		left: 0;
	}

	.movie_box .img02 {
		width: 34%;
		top: -47%;
	}

	.flow_icon {
		padding-left: 0;
	}

	p.flow_copy {
		font-size: 1.4rem;
	}

	.oubo_form {
		flex-wrap: wrap;
	}

	.flow_img02 {
		width: 100%;
		order: 2;
	}

	.flow_img02 img {
		display: block;
		margin: 0 auto;
		max-width: 40%;
	}

	.oubo_form_dsc {
		width: 100%;
		order: 1;
	}

	.oubo_form_box {
		flex-wrap: wrap;
	}

	.oubo_form_col {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.oubo_form_col:last-child {
		margin-bottom: 0;
	}

	.flow_title img {
		height: 26px
	}

	.flow_title3 img {
		height: 52px;
	}

	p.oubo_form_title {
		font-size: 2rem;
	}

	/******************************
	応募後
	*****************************/
	.oubo_after_wrap {
		padding: 3% 3% 8% 3%;
	}

	.oubo_after {
		flex-wrap: wrap;
	}

	.oubo_after_title {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.oubo_after_title img {
		display: block;
		margin: 0 auto;
		max-width: 45%;
	}

	p.oubo_after_img {
		display: block;
		margin: 40px auto 0 auto;
	}

	.oubo_after_dsc {
		width: 100%;
	}

	.oubo_after_dsc p {
		font-size: 1.2em;
	}

	.list {
		padding: 3% 3% 8% 3%;
	}

	.list_box {
		flex-wrap: wrap;
	}

	.list_col {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		padding: 20px 15px 50px 15px;
		box-sizing: border-box;
	}

	.list_title {
		width: 45%;
	}

	.oubo_form_btn {
		width: 85%;
	}

	p.list_copy {
		font-size: 1.25rem;
	}

	.colum_title {
		font-size: 2rem;
	}

	.colum_title_small {
		font-size: 1.4rem;
	}

	p.list_copy_title {
		font-size: 1.6rem;
	}

	/******************************
	募集要項
	*****************************/

	.outline {
		padding: 0 3%;
	}

	p.outline_title {
		font-size: 3rem;
	}

	p.oubo_label span {
		font-size: 1.4rem;
	}

	p.outline_copy {
		font-size: 1.3rem;
	}

	.outline_oubo {
		font-size: 1.5rem;
	}

	p.outline_text {
		font-size: 1.3rem;
	}

	p.outline_text2 {
		font-size: 1.3rem;
	}

	ul.present li {
		font-size: 1.3rem;
	}

	#footer {
		padding: 60px 20px;
	}

	#footer p.footer_title {
		font-size: 1.6rem;
	}

	#footer p {
		font-size: 1.2rem;
	}


}

@media screen and (max-width: 480px) {
	p.about_title {
		font-size: 2.2rem;
	}

	p.copy {
		font-size: 1.2rem;
	}

	.senkyo_about_col02 dl dd {
		font-size: 1.2rem;
	}

	.senkyo_about_col02 dl dd span {
		font-size: 1.8rem;
	}

	.senkyo_about_col02 dl.oubo2 dd {
		font-size: 1.5rem;
	}

	.senkyo_about_col02 dl.oubo3 dd {
		font-size: 1.5rem;
	}


}

@media screen and (min-width: 761px) and (max-width: 1040px) {
	p.about_title {
		font-size: 3rem;
	}

	.about_col02 h2 {
		font-size: 2rem;
	}

	p.copy {
		font-size: 1.4rem;
	}

	.senkyo_about_col02 dl dd span {
		font-size: 2.5rem;
	}

	.senkyo_about_col02 dl dd {
		font-size: 1.6rem;
	}

	p.oubo_form_text small {
		font-size: 0.8rem;
	}

	p.flow_copy {
		font-size: 2rem;
	}

	p.oubo_form_text {
		font-size: 1.3rem;
	}

	.oubo_after_dsc p {
		font-size: 1.8rem;
	}

	.colum_title {
		font-size: 2.1rem;
	}

	.colum_title_small {
		font-size: 1.3rem;
	}

	p.list_copy_title {
		font-size: 1.6rem;
	}

	p.list_copy {
		font-size: 1.25rem;
	}

	p.outline_text {
		font-size: 1.6rem;
	}

	p.outline_text2 {
		font-size: 1.6rem;
	}

	.outline_oubo {
		font-size: 2.8rem;
	}

	ul.present li {
		font-size: 1.6rem;
	}

}


@media screen and (min-width: 761px) {
	.sp {
		display: none !important;
	}

	.pc {
		display: block;
	}

	.sp_header {
		display: none !important;
	}

}