@charset "UTF-8";

html{
	font-size: 10px;
}
html[lang]{
	margin: 0 !important;
}

html.pc     .sp:not(.pc){ display: none !important; }
html.pc     .tablet:not(.pc){ display: none !important; }
html.sp     .pc:not(.sp){ display: none !important; }
html.sp     .tablet:not(.sp){ display: none !important; }
html.tablet .pc:not(.tablet){ display: none !important; }
html.tablet .sp:not(.tablet){ display: none !important; }

html.pc     .pc_hide{ display: none !important; }
html.sp     .sp_hide{ display: none !important; }
html.tablet .tablet_hide{ display: none !important; }

body{
	padding: 0;
	margin: 0;
	font-size: 1.6rem;
	line-height: 1.6;
	overflow-x: hidden;
	letter-spacing: 0.1em;
	font-family: sawarabi-gothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%; /* iPhoneだけ文字が大きくなる現象を防ぐ */
	font-feature-settings: "palt"; /* 文字詰め（フォントにカーニング情報が含まれる場合） */

	 /* iPhoneで上下のバーを抜いた高さ */
	height: -webkit-fill-available;
	height: -moz-available;
}

::-webkit-input-placeholder{ color: #bbb; }
:-moz-placeholder          { color: #bbb; }
:-ms-input-placeholder     { color: #bbb; }

#wpadminbar{
	display: none;
}

.display_none{
	display: none !important;
}

h1{
	margin: 50px 0;
}

h2{
	text-align: center;
	font-family: ryo-gothic-plusn, sans-serif;
	font-size: 3rem;
	letter-spacing: 0.15em;
	line-height: 1.8;
	margin: 50px 0;
}

h3{
	font-family: ryo-gothic-plusn, sans-serif;
	font-size: 1.5rem;
	font-weight: normal;
	margin: 20px 0;
}

h4{
	font-size: 1.2rem;
	font-weight: normal;
	margin: 15px 0;
}

img{
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
img.double{
	display: none;
}
img.double.show{
	display: inline-block;
}

a{
	color: inherit;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

/* IE6,7 対策 */
a img{
	border-style: none;
}

a.fade{
	display: inline-block;
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

a.fade:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-decoration:none;
}

input[type="text"],
input[type="email"],
textarea{
	font-size: 1.6rem;
	color: #000;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: none;
	box-sizing: border-box;
	padding: 10px;
	min-height: 30px;
	width: 90%;
	-webkit-appearance: none;
	outline: 0;
}
html.sp input[type="text"],
html.sp input[type="email"],
html.sp textarea{
	width: 100%;
}

.site-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	padding: 0 20px;
	height: 80px;
}

.site-header .open_nav{
	display: none;
}
body .site-header label{
	display: none;
}
html.sp body .site-header label{
	display: block;
	margin: 0;
}
html.sp .site-header label .nav_close{
	display: none;
}
html.sp .site-header .open_nav:checked ~ label .nav_open{
	display: none;
}
html.sp .site-header .open_nav:checked ~ label .nav_close{
	display: block;
}

nav.main-navigation{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-left: 1px solid #000;
}
html.sp nav.main-navigation{
	flex-direction: column;
	justify-content: flex-start;
	position: absolute;
	background-color: #fff;
	border-left: 0;
	border-top: 1px solid #000;
	box-sizing: border-box;
	top: -100vh;
	left: 0;
	width: 100%;
	/*height: calc(100vh - 80px);*/
	/*padding-bottom: 100px;*/
	z-index: 1000;
	transition: top 0.5s ease-in-out;
}
html.sp .site-header .open_nav:checked ~ nav.main-navigation{
	top: 80px;
}
nav.main-navigation a{
	text-decoration: none;
	padding: 0 10px;
	border-right: 1px solid #000;
}
html.sp nav.main-navigation a{
	text-align: center;
	font-size: 2rem;
	width: 100%;
	border-right: 0;
	border-bottom: 1px solid #000;
	padding: 30px 0;
}

.site-footer{
	text-align: center;
	padding: 120px 0 150px;
	background-color: #fff;
}
.site-footer .copyright{
	font-size: 1.4rem;
}

.show_net_koukoku,
.show_tv_koukoku,
.show_shinbun_koukoku{
	visibility: hidden;
	position: absolute;
	left: 0;
	pointer-events: none;
}


.gototop{
	position: fixed;
	right: 15px;
	bottom: 15px;
	opacity: 0;
	pointer-events: none;
}
.gototop.show{
	opacity: 1;
	pointer-events: auto;
}

.page_width{
	max-width: 90%;
	width: 940px;
	margin: 0 auto;
}

.contents{
}

.pink{
	color: #ff47e8;
}
.orange{
	color: #ff8d11;
}
.blue{
	color: #11d3ff;
}

.main_image{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 4.5rem;
	letter-spacing: 0.16em;
	height: 600px;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
}
html.sp .main_image{
	font-size: 3rem;
	height: 300px;
}

.search_link_area{
	text-align: center;
}
.search_btn{
	display: inline-block;
	position: relative;
	top: 0;
	/*filter: drop-shadow(5px 5px rgba(0,0,0,0.3));*/
	box-shadow: 5px 5px rgba(0,0,0,0.3);
	transition: 0.2s ease-in-out;
}
.search_btn:hover{
	top: -5px;
	/*filter: drop-shadow(15px 15px rgba(0,0,0,0.3));*/
	box-shadow: 15px 15px rgba(0,0,0,0.3);
}

body .sawarabi{
	font-family: sawarabi-gothic, sans-serif;
	font-weight: normal;
}

/* NEWS ****************************************************** */

.post-type-archive-news .main_image,
.single-news .main_image{
	background-image: url(img/news/1.jpg);
}

.post-type-archive-news article,
.single-news article{
	padding: 60px 0 100px;
	border-bottom: 1px solid #000;
}
.post-type-archive-news article h3,
.single-news article h3{
	font-size: 2rem;
	font-weight: bold;
}
.post-type-archive-news article p,
.single-news article p{
	font-size: 1.4rem;
	line-height: 2.1;
}

.post-type-archive-news .pagination.single{
	display: none;
}
.single-news .pagination.archive{
	display: none;
}

.post-type-archive-news .pagination.archive,
.single-news .pagination.single{
	text-align: center;
	font-size: 1.4rem;
	margin: 60px 0;
}
.post-type-archive-news .pagination.archive .page-numbers{
	display: none;
}
.post-type-archive-news .pagination .page-numbers.prev,
.post-type-archive-news .pagination .page-numbers.next,
.single-news .pagination a{
	display: inline-block;
	margin: 0 60px;
}


/* トップ ****************************************************** */

.page-template-top .main_image{
	background-image: url(img/top/1.jpg);
	height: calc(100vh - 80px);
}
html.sp .page-template-top .main_image{
	height: 500px;
}
.page-template-top .main_image img{
	margin-bottom: 30vh;
}
html.sp .page-template-top .main_image img{
	margin-bottom: 0vh;
}

.page-template-top .news{
	padding: 40px 0 80px;
}
.page-template-top .news .page_width{
	width: 780px;
}
.page-template-top .news h2{
	text-align: center;
	font-size: 3rem;
	font-weight: normal;
}
.page-template-top .news .list{
	margin: 50px 0 30px;
}
.page-template-top .news .list .row{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 1.4rem;
	margin: 15px 0;
}
html.sp .page-template-top .news .list .row{
	margin: 25px 0;
}
.page-template-top .news .list .date{
	flex-basis: 150px;
}
html.sp .page-template-top .news .list .date{
	flex-basis: 100px;
}
.page-template-top .news .list .title{
	flex-basis: 600px;
}
html.sp .page-template-top .news .list .title{
	flex-basis: 340px;
}
.page-template-top .news .more_area{
	text-align: center;
	margin: 15px 0 80px;
}
.page-template-top .news .more_area a{
	display: inline-block;
	text-decoration: none;
	width: 130px;
	padding: 2px 0;
	background-color: #eeff00;
	position: relative;
	top: 0;
	filter: drop-shadow(0px 0px rgba(0,0,0,0.3));
	transition: 0.2s linear;
}
.page-template-top .news .more_area a:hover{
	top: -3px;
	filter: drop-shadow(5px 5px rgba(0,0,0,0.3));
}

.page-template-top .lets{
	background-color: #eeff00;
	padding: 50px 0 80px;
}
html.sp .page-template-top .lets{
	padding: 100px 0 80px;
}
.page-template-top .lets h2{
	text-align: center;
}
.page-template-top .lets p{
	line-height: 1.7;
}
.page-template-top .lets .row{
	display: flex;
	justify-content: space-between;
	margin: 100px 0;
}
html.sp .page-template-top .lets .row{
	flex-direction: column;
}
html.sp .page-template-top .lets .row .left{
	text-align: center;
	margin-bottom: 30px;
}
html.sp .page-template-top .lets .row .left img{
	width: 400px;
}
.page-template-top .lets .row .right{
	flex-basis: 470px;
	display: flex;
	justify-content: space-between;
	align-content: space-between;
	flex-direction: column;
	padding: 0 0 10px;
}
html.sp .page-template-top .lets .row .right{
	flex-basis: auto;
}
html.sp .page-template-top .lets .row .btn_area{
	text-align: center;
	margin: 10px 0 0;
}
.page-template-top .lets .row a.btn{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	width: 150px;
	padding: 2px 0;
	margin: 0 1px;
}


/* 広告ページ 共通 ****************************************************** */

.koukoku_page h3{
	text-align: center;
	font-size: 3rem;
	letter-spacing: 0.13em;
	margin: 30px 0;
}
html.sp .koukoku_page h3{
	font-size: 2.7rem;
	letter-spacing: 0;
}

html.sp .koukoku_page .goteian h2{
	text-align: center;
	margin: 0 0 50px;
}
.koukoku_page .goteian .list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
html.sp .koukoku_page .goteian .list{
	width: 108%;
	margin: 0 -4%;
}
.koukoku_page .goteian .list .box{
	text-decoration: none;
	flex-basis: 310px;
	padding: 10px 0px;
	margin-bottom: 70px;
}
html.sp .koukoku_page .goteian .list .box{
	flex-basis: 45%;
	padding: 10px 11px;
	margin-bottom: 70px;
}
.koukoku_page .goteian .list .box:hover{
	background-color: rgba(255, 255, 255, 0.2);
}
.koukoku_page .goteian .list figure{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 215px;
	margin: 0;
}
html.sp .koukoku_page .goteian .list figure{
	height: 135px;
}
.koukoku_page .goteian .list h3{
	text-align: center;
	font-size: 2.4rem;
	margin: 10px 0;
}
html.sp .koukoku_page .goteian .list h3{
	font-size: 2.2rem;
	letter-spacing: 0;
}
.koukoku_page .goteian .list p{
	text-align: justify;
	line-height: 1.8;
	max-width: 260px;
	margin: 5px auto;
}

.koukoku_page .koumoku{
	margin-bottom: 100px;
}

.koukoku_page h2.type2{
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: sawarabi-gothic, sans-serif;
	font-weight: normal;
	font-size: 1.6rem;
	height: 430px;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	margin-top: 0;
}
html.sp .koukoku_page h2.type2{
	height: 350px;
}
.koukoku_page h2.type2 .inner{
	text-align: center;
	background-color: #fff;
	padding: 50px 0;
	width: 595px;
}
html.sp .koukoku_page h2.type2 .inner{
	width: 80%;
}
.koukoku_page h2.type2 .inner img{
	margin: 0 0 20px;
}

.koukoku_page .merit{
	margin: 0px 0 70px;
}

ol.merit{
	counter-reset: num;
	list-style: none;
	border-top: 1px solid #000;
	padding: 0;
}
ol.merit li{
	white-space: nowrap;
	font-size: 2.6rem;
	letter-spacing: 0;
	padding: 12px 0;
	border-bottom: 1px solid #000;
}
html.sp ol.merit li{
	white-space: normal;
	font-size: 2.1rem;
	letter-spacing: 0;
}
ol.merit li:before{
	counter-increment: num;
	content: "メリット" counter(num);
	display: inline-block;
	text-align: center;
	font-size: 1.8rem;
	width: 125px;
	color: #ff47e8;
	border: 1px solid #ff47e8;
	border-radius: 9px;
	padding: 5px 0;
	margin-right: 25px;
}
html.sp ol.merit li:before{
	float: left;
	width: 110px;
	margin: 15px 20px 15px 0;
}



/* ネット広告 ****************************************************** */

.page-template-net_koukoku .show_main{
	display: none;
}
.page-template-net_koukoku .show_net_koukoku,
.page-template-net_koukoku .show_koukoku{
	visibility: visible;
	position: static;
	pointer-events: auto;
}
html.sp .page-template-net_koukoku .site-header .title img{
	width: 390px;
}

.page-template-net_koukoku .main_image{
	background-image: url(img/net_koukoku/1.jpg);
}
html.sp .page-template-net_koukoku .main_image{
	height: 400px;
}
html.sp .page-template-net_koukoku .main_image img{
	width: auto;
	height: 350px;
}

.page-template-net_koukoku .goteian{
	color: #fff;
	background-color: #ff61ec;
	padding: 50px 0 100px;
}

.page-template-net_koukoku #listing h2.type2{
	background-image: url(img/net_koukoku/3_2.png);
}
.page-template-net_koukoku #listing figure{
	margin: 70px 0;
}

.page-template-net_koukoku #banner h2.type2{
	background-image: url(img/net_koukoku/4_2.png);
}
.page-template-net_koukoku #banner figure{
	text-align: center;
	margin: 70px 0;
}

html.sp .page-template-net_koukoku .goteian .list .box:nth-of-type(5) figure,
html.sp .page-template-net_koukoku .goteian .list .box:nth-of-type(6) figure{
	height: 220px;
}

.page-template-net_koukoku ol.merit li:before{
	color: #ff47e8;
	border: 1px solid #ff47e8;
}



/* TV広告 ****************************************************** */

.page-template-tv_koukoku .show_main{
	display: none;
}
.page-template-tv_koukoku .show_tv_koukoku,
.page-template-tv_koukoku .show_koukoku{
	visibility: visible;
	position: static;
	pointer-events: auto;
}
html.sp .page-template-tv_koukoku .site-header .title img{
	width: 390px;
}

.page-template-tv_koukoku .main_image{
	background-image: url(img/tv_koukoku/1.jpg);
}
.page-template-tv_koukoku .main_image img{
	margin: 0 0 80px 23vw;
}
html.sp .page-template-tv_koukoku .main_image{
	height: 400px;
}
html.sp .page-template-tv_koukoku .main_image img{
	width: auto;
	height: 280px;
	margin: 0 0 60px 40vw;
}

.page-template-tv_koukoku .goteian{
	color: #fff;
	background-color: #ff8d11;
	padding: 50px 0 100px;
}

.page-template-tv_koukoku #image_koujou h2.type2{
	background-image: url(img/tv_koukoku/3_2.jpg);
}
.page-template-tv_koukoku #anshinkan h2.type2{
	background-image: url(img/tv_koukoku/4_2.jpg);
}
.page-template-tv_koukoku #sichouritsu h2.type2{
	background-image: url(img/tv_koukoku/5_2.jpg);
}
.page-template-tv_koukoku #ninchido h2.type2{
	background-image: url(img/tv_koukoku/6_2.jpg);
}
.page-template-tv_koukoku #nenreisou h2.type2{
	background-image: url(img/tv_koukoku/7_2.jpg);
}

.page-template-tv_koukoku ol.merit li:before{
	color: #ff8d11;
	border: 1px solid #ff8d11;
}



/* 新聞広告 ****************************************************** */

.page-template-shinbun_koukoku .show_main{
	display: none;
}
.page-template-shinbun_koukoku .show_shinbun_koukoku,
.page-template-shinbun_koukoku .show_koukoku{
	visibility: visible;
	position: static;
	pointer-events: auto;
}
html.sp .page-template-shinbun_koukoku .site-header .title img{
	width: 390px;
}

.page-template-shinbun_koukoku .main_image{
	background-image: url(img/shinbun_koukoku/1.jpg);
}
.page-template-shinbun_koukoku .main_image img{
	margin: 0 23vw 200px 0;
}
html.sp .page-template-shinbun_koukoku .main_image img{
	width: 200px;
	margin: 0 25vw 100px 0;
}

.page-template-shinbun_koukoku .goteian{
	color: #fff;
	background-color: #11d3ff;
	padding: 50px 0 100px;
}

.page-template-shinbun_koukoku .goteian .list{
	width: 800px;
	margin: 0 auto;
}

.page-template-shinbun_koukoku #image_koujou h2.type2{
	background-image: url(img/shinbun_koukoku/3_2.jpg);
}
.page-template-shinbun_koukoku #anshin h2.type2{
	background-image: url(img/shinbun_koukoku/4_2.jpg);
}
.page-template-shinbun_koukoku #kousyotoku h2.type2{
	background-image: url(img/shinbun_koukoku/5_2.jpg);
}
.page-template-shinbun_koukoku #nenreisou h2.type2{
	background-image: url(img/shinbun_koukoku/6_2.jpg);
}

.page-template-shinbun_koukoku ol.merit li:before{
	color: #11d3ff;
	border: 1px solid #11d3ff;
}




/* 広告戦略検索 トップ ****************************************************** */

.page-template-search_ad_strategy{
	text-align: center;
	background-color: #eeff00;
}
.page-template-search_ad_strategy .area1{
	margin: 50px 0;
}
.page-template-search_ad_strategy .area1 .text1{
	font-size: 2rem;
	font-weight: bold;
	margin: 20px 0;
}
.page-template-search_ad_strategy .keyword{
	margin: 50px 0;
}
.page-template-search_ad_strategy .keyword input{
	width: 500px;
}
html.sp .page-template-search_ad_strategy .keyword input{
	width: 100%;
}
.page-template-search_ad_strategy h1{
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.9;
}
html.sp .page-template-search_ad_strategy h1{
	font-size: 2.5rem;
}
.page-template-search_ad_strategy h3{
	font-size: 3rem;
	font-weight: bold;
}

.page-template-search_ad_strategy .cat_list{
	display: inline-block;
	text-align: left;
	margin: 0 30px;
}
.page-template-search_ad_strategy label{
	display: inline-block;
	/*vertical-align: middle;*/
	margin: 0 15px 15px 0;
}

.page-template-search_ad_strategy .submit_area{
	margin: 50px 0;
}
html.sp .page-template-search_ad_strategy .submit_area input{
	width: 400px;
}
/*.page-template-search_ad_strategy .submit_area input:hover{
	top: -5px;
	filter: drop-shadow(10px 15px rgba(0,0,0,0.3));
}
*/


/* 広告戦略検索 結果 ****************************************************** */

.post-type-archive-ad_strategy{
	background-color: #eeff00;
}
.post-type-archive-ad_strategy .area1{
	margin: 30px 0;
}
html.sp .post-type-archive-ad_strategy .area1{
	text-align: center;
}
.post-type-archive-ad_strategy .area1 img{
	width: 150px;
}
.post-type-archive-ad_strategy h1{
	text-align: center;
	font-size: 4.1rem;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.post-type-archive-ad_strategy .kensaku_joken{
	text-align: center;
	color: #fff;
	background-color: #000;
	padding: 10px;
	margin: 0 0 30px;
}
.post-type-archive-ad_strategy .kensaku_joken .terms .cat_outer a{
	color: #fff;
}
html.sp .post-type-archive-ad_strategy .kensaku_joken.terms_area{
	margin-left: 0;
	min-height: 0;
}

.post-type-archive-ad_strategy .terms{
	padding: 10px 0;
	margin: 10px 0;
	border: 1px solid #000;
	border-left: 0;
	border-right: 0;
}
.post-type-archive-ad_strategy .terms .cat_outer{
	display: none;
}
.post-type-archive-ad_strategy .terms .cat_outer.show{
	display: inline;
}
.post-type-archive-ad_strategy .terms .dot,
.post-type-archive-ad_strategy .terms .slash{
	display: none;
}
.post-type-archive-ad_strategy .terms .cat_outer.show ~ .cat_outer.show .dot,
.post-type-archive-ad_strategy .terms .cat_list_outer.show ~ .cat_list_outer.show .slash{
	display: inline;
}
.post-type-archive-ad_strategy .terms a{
	display: inline-block;
	color: #bbb;
}
.post-type-archive-ad_strategy .terms .cat_outer.match a{
	color: #000;
}

.post-type-archive-ad_strategy .articles{
	display: flex;
	flex-direction: column;
	margin: 0 0 50px;
}
.post-type-archive-ad_strategy article{
	display: flex;
	/*display: none;*/
	justify-content: space-between;
	background-color: #fff;
	padding: 0;
	margin: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.6s linear;
}
.post-type-archive-ad_strategy article.show{
	display: flex;
	padding: 30px;
	margin: 20px 0;
	height: auto;
	opacity: 1;
}
html.sp .post-type-archive-ad_strategy article.show{
	padding: 20px;
}
.post-type-archive-ad_strategy article .left{
	flex-basis: 200px;
}
.post-type-archive-ad_strategy article .right{
	flex-basis: 590px;
}
html.sp .post-type-archive-ad_strategy article .right{
	margin-left: -140px;
}
html.sp .post-type-archive-ad_strategy article .right h3{
	margin-left: 150px;
}
html.sp .post-type-archive-ad_strategy .terms_area{
	margin-left: 150px;
	min-height: 130px;
}
.post-type-archive-ad_strategy article h3{
	font-size: 2.4rem;
	margin-top: 0;
}
html.sp .post-type-archive-ad_strategy article h3{
	font-size: 2.2rem;
	margin-top: 10px;
}
html.sp .post-type-archive-ad_strategy .content p{
	background-color: #fff;
}
.post-type-archive-ad_strategy .terms_area .data_term_ids{
	display: none;
}
.post-type-archive-ad_strategy .pagination{
	text-align: center;
	margin: 70px 0;
}
.post-type-archive-ad_strategy .pagination .prev,
.post-type-archive-ad_strategy .pagination .next{
	display: inline-block;
	margin: 0 20px;
}
.post-type-archive-ad_strategy .pagination .number{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	width: 40px;
	padding: 5px 0;
	margin: 0 2px;
}
.post-type-archive-ad_strategy .pagination .number:hover,
.post-type-archive-ad_strategy .pagination .number.current{
	text-decoration: underline;
}
.post-type-archive-ad_strategy .pagination .number.current{
	cursor: default;
	pointer-events: none;
}



/* お問合せ ****************************************************** */

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.page-template-contact .main_image{
	background-color: #eeff00;
	background-image: url(img/contact/1_2.png);
	background-size: auto;
	background-position: calc(50% - 380px) 100%;
}
html.sp .page-template-contact .main_image{
	background-size: 150px;
	background-position: calc(50% - 160px) 100%;
}

.page-template-contact label{
	cursor: pointer;
}

.page-template-contact p{
	font-size: 1.4rem;
	line-height: 2;
	margin: 10px 30px;
}

.page-template-contact table.contact{
	border-collapse: collapse;
	width: 100%;
}
.page-template-contact table.contact th{
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	padding: 22px 30px;
}
.page-template-contact table.contact th.hissu:after{
	content: "※";
	color: #cf8178;
}
.page-template-contact table.contact td{
	text-align: left;
	padding: 15px 30px;
}
.page-template-contact table.contact tr:nth-of-type(2n+1) th,
.page-template-contact table.contact tr:nth-of-type(2n+1) td{
	background-color: #eeff00;
}
html.sp .page-template-contact table.contact,
html.sp .page-template-contact table.contact tbody,
html.sp .page-template-contact table.contact tr,
html.sp .page-template-contact table.contact th,
html.sp .page-template-contact table.contact td{
	display: block;
}
html.sp .page-template-contact table.contact th{
	padding-bottom: 0;
}
html.sp .page-template-contact table.contact td{
	padding-top: 2px;
}

.page-template-contact .privacy{
	text-align: center;
	margin: 50px 0;
}
.page-template-contact span.wpcf7-list-item{
	margin: 0;
}
.page-template-contact .privacy a{
	display: inline-block;
	margin-top: 20px;
}

.page-template-contact .submit_area{
	text-align: center;
	margin: 150px 0 100px;
}
.page-template-contact .submit_area .wpcf7-confirm,
.page-template-contact .submit_area .wpcf7-back,
.page-template-contact .submit_area .wpcf7-submit{
	font-size: 2rem;
	background-color: #eeff00;
	width: 360px;
	padding: 30px 0;
	margin: 20px 0;

	position: relative;
	top: 0;
	filter: drop-shadow(0px 0px rgba(0,0,0,0.3));
	transition: 0.2s ease-in-out;
}
.page-template-contact .submit_area .wpcf7-confirm:hover,
.page-template-contact .submit_area .wpcf7-back:hover,
.page-template-contact .submit_area .wpcf7-submit:hover{
	top: -7px;
	filter: drop-shadow(10px 10px rgba(0,0,0,0.3));
}

table.contact tr:nth-of-type(2n) input[type="text"][readonly],
table.contact tr:nth-of-type(2n) input[type="email"][readonly],
table.contact tr:nth-of-type(2n) textarea[readonly] {
    border: 0;
    box-shadow: 0 0 0 1000px #fff inset;
}

table.contact tr:nth-of-type(2n+1) input[type="text"][readonly],
table.contact tr:nth-of-type(2n+1) input[type="email"][readonly],
table.contact tr:nth-of-type(2n+1) textarea[readonly] {
    border: 0;
    box-shadow: 0 0 0 1000px #eeff00 inset;
}

.page-template-contact .wpcf7-response-output{
	position: relative;
	top: -300px;
}

.page-template-contact div.wpcf7 .ajax-loader{
	display: none;
}