/*
Theme Name: Twenty Twenty-One-child
Template: twentytwentyone
Theme URI: https://wordpress.org/themes/twentytwentyone/
*/

@font-face {
 font-family: 'ToppanBunkyuMidashiGothicStdN-ExtraBold';
 src: url( "font/ToppanBunkyuMidashiGothicStdN-ExtraBold.otf") format('woff'); /* medium */
 font-weight: bold;
 font-style: normal;
}

.top_left_frame h2, .top_left_frame h1, .top_left_frame p,.task_title, .task_content p, .task_reason_frame h1, .reason_sentence h2, .possible_by_prof, .entry-content p, .merit_frame h1, .merit_content h2, .chosen_content_frame h1, .chosen_content_frame h2, .example_content_frame h1, .example_content_frame h2, .__container h2, .customize__content h3, .mission_content_frame h2, .mission_content_frame h1, .mission_content_frame p, .contact_container h1,.fee_content_container h3, .fee_content_container .customize_intro, .menu-item a, .fee_content_frame h1, .fee_title, .customize_fee_title, .fee_detail, .chosen_reason_content h2  {
	font-family: "ToppanBunkyuMidashiGothicStdN-ExtraBold";
	font-weight: bold;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 120px;
}

div#page {
    overflow: hidden;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    font-size: 10px;
}
@media only screen and (min-width: 482px){

	.chosen_reason_content p {
		font-family: "UD新ゴNT M";
		font-weight: normal;
	}
	.admin-bar .primary-navigation > .primary-menu-container{
		top: 0;
	}
	
	.site-logo .right_logo {
	    height: 30px;
    	vertical-align: text-top;
	}
	
	.site-logo .left_logo {
	    margin-left: 10px;
    	width: 40px;
	}
	
	.fee_content_container p {
		color: #4d4d4d;
		font-size: 16px;
		line-height: 2;
	}

	.plan_point h3 {
		line-height: 2;
		color: red;
	}

	.fee_detail {
		color: #4d4d4d;
		letter-spacing: 2px;
	}

	.fee_detail span {
		color:red;
	}

	.task_content p {
		color: #4D4D4D;
	}
	.top_left_frame h2 {
		font-size: 38px;
		margin-bottom: 20px;
		color: #4D4D4D;
	}

	.top_left_frame h1 {
		margin-bottom: 20px;
		color: #4D4D4D;
	}

	.top_left_frame p {
		margin-bottom: 20px;
		color: #4D4D4D;
	}


	.fee_content_container h3 {
		font-size: 17px;
	}

	.no-widgets .site-footer {
		margin-top: 0;
	}

	.fee_detail_frame {
		align-items: flex-end;
		margin-top: 50px;
		margin-bottom: 20px;
	}

	.fee_detail_frame h2{
		text-align: left;
	}

	.site-footer > *, .widget-area > * {
		margin-top: 0;
	}

	.site-footer > .site-info {
		padding-top: 0;
	}

	input[type=submit]:not(:hover):not(:active):not(.has-background) {
		text-align: center;
		display: block;
		padding: 5px 100px;
		margin: auto;
		background-color:#29ABE2;
		border-radius: 5px;
		margin-top: 30px;
		font-size: 25px;
		font-weight: bold;
	}


	input[type=submit]:hover {
		text-align: center;
		display: block;
		padding: 5px 100px;
		margin: auto;
		background-color:#29ABE2;
		color: white;
		border-radius: 5px;
		margin-top: 30px;
	}

	.site .wpcf7-textarea {

		font-size: 17px;
	}

	.your-message {
		margin-left: auto;
		margin-right: 4%;
		display: block;
		margin-top: 20px;
		margin-bottom: 40px;
		width: 65%;
		text-align: right;
	}


	.wpcf7-list-item-label,input[type=radio] {
		vertical-align: middle;
	}

	.task_reason_frame .catch_copy_sentence {
		margin-top: 40px;
		margin-bottom: 40px;
		font-size: 35px;
		color: #4D4D4D;
	}

	.catch_copy_sentence span {
		color: red;
	}

	span.required::before {
		content: "必須";
		color: white;
		background-color: #ff0008;
		padding: 5px 2%;
		font-size: 10px;
		vertical-align: middle;
	}
	
	span.selected::before {
		content: "任意";
		color: white;
		padding: 5px 2%;
		font-size: 10px;
		vertical-align: middle;
	}

	.company_name, .your-name, .department, .your-email, .phone_number, .url, .has_instagram, .instagram, .contact_kind {
		margin-left: 5%;
		display: inline-block;
		width: 65%;
		vertical-align: middle;
	}

	input[type=radio]:after {

	}

	.company_name input, .your-name input, .department input, .your-email input, .phone_number input, .url input, .has_instagram input, .instagram input {
		font-size: 17px;
	}

	.task_title {
		color: #29ABE2;
		text-align: center;
		margin: auto;
		margin-top: 100px;
		font-weight: bold;
		font-size: 50px;
	}

	.task_container {
		margin-top: 100px;
		width: 80%;
		margin: auto;
	}

	.example_container {
		margin-top: 100px;
		width: 70%;
		margin: auto;
	}

	.wpcf7-list-item{
		width: 150px;
	}
	.your-message {
	}

	.wpcf7-form p {
		border-bottom: 1px solid #4D4D4D;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.wpcf7-form p label {
		font-family: "ヒラギノ角ゴ Pro W3";
		color: #4D4D4d;
		vertical-align: middle;
		margin-top: 12px;
		margin-bottom: 12px;
	}

	.wpcf7-form label {
		width: 20%;
	}

	.menu-button-container {
		right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	.wpcf7-list-item label {
		display: inline;
		width: inherit;
	}




	.top_left_frame {
		padding-top: 20vh;
		height: 100%;
		padding-left: 50px;
	}



	.site-footer > .site-info .powered-by {
		margin: auto;	
		color: #AEAEAE;
		text-align: center;

	}



	.site-header {
	  padding-top: 0;
	}

	.example_frame img {
	  width: 100%;
	}

	.example_content_frame h1{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		font-size: 40px;
		font-weight: bold;
		color: #4d4d4d;
	}
	
	.example_content_frame {
		padding-top: 200px;		
	}

	.fee_content_frame {
		padding-bottom: 300px;
		letter-spacing: normal; /* 文字間を元に戻す */
		white-space: normal; 
		padding-top: 200px;
	}

	.fee_content_frame h1{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		font-size: 40px;
		font-weight: bold;
		color: #4d4d4d;
	}

	.consult_fee_container,.basic_fee_container,.standard_fee_container {
		padding: 10px 20px;
	}



	.mission_container {
		background-image: url('http://promotion.yareal.jp/wp-content/uploads/2021/12/back3.png');
		background-size: cover;
		width: 70%;
		margin: auto;
		background-repeat: no-repeat;
		margin-top: -200px;
		text-align: center;
	}

	.mission_content_frame h2, .mission_content_frame p{
		color: white;
	}

	.mission_content_frame h1 {
		font-size: 45px;
		margin-top: 40px;
		font-weight: bold;
		color: #4D4D4D;
	}

	.mission_content_frame p{
		font-size: 20px;
		color: white;
		font-weight: bold;
		margin-top: 40px;
	}

	.mission_frame {
		padding-top: 200px;
		padding-bottom: 200px;
	}

	.consult_fee_container h2,.basic_fee_container h2,.standard_fee_container h2, .customize__fee_container h2{
		font-size: 22px;
	}

	.fee_content_container {
		width: 90%;
		margin: auto;
		letter-spacing: -1em;
	}

	.second_content {
		padding-left: 40px;
	}

	.consult_content, .basic_content, .standard_content {
		margin-top: 50px;
	}

	.example_content_container {
		width: 80%;
		margin: auto;
		padding-bottom: 100px;
	}

	.example_left_content {
		width: 45%;
		display: inline-block;
		vertical-align: top;
	}

	.fee_title {
		text-align: center;
		color: #4d4d4d;
	}

	.customize_fee_title {
		color: #4d4d4d;
		font-size: 30px;
	}


	.example_right_content {
		width: 54%;
		display: inline-block;
		vertical-align: top;
	}

	.example_right_content h2 {
		font-size: 20px;
		color: white;
		padding-left: 50px;
	}

	.example_right_content p {
		font-size: 16px;
		padding-left: 50px;
		padding-top: 30px;
		line-height: 1;
		color: #4D4D4D;
	}

	.first_exmaple, .second_exmaple, .third_exmaple {
		margin-top: 30px;
	}

	input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {
		border: #EAEAEA solid 1px;
		border-radius: 5px;
		color: #EAEAEA;
		vertical-align: top;
		/* border-radius: var(--form--border-radius); */
		/* color: var(--form--color-text); */
		/* line-height: var(--global--line-height-body); */
		padding: inherit;
		/* margin: 0 2px; */
		width: 100%;
	}

	.container {
	  width: 100%;
	  max-width: 100%;
	}

	.contact_container {
		text-align: center;
		width: 70%;
		margin: auto;
	}

	.contact_frame {
		margin-top: 100px;
	}

	.contact_container h1 {
		margin-bottom: 50px;
		font-size: 33px;
		font-weight: bold;
		color: #4D4D4D;

	}

	.contact_content_frame {
		text-align: left;
	}



	.primary-navigation > div > .menu-wrapper li {
		margin-left: 0px;
		width: inherit;
	}

	.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child {
	  text-decoration: none;
	}



	.fee_frame {
	  background-image: url('http://promotion.yareal.jp/wp-content/uploads/2021/12/back_2_SP.png');
	  width: 100%;
	  background-size: cover;
	  background-repeat: no-repeat;
	}

	.fee_container {;
		width: 70%;
		margin: auto;
		margin-top: -200px
	}

	.customize_fee_frame {
		background-color: white;
		margin-top: 50px;
		margin-left: 1.5%;
		margin-right: 1.5%;
		letter-spacing: normal;
		white-space: normal;
	}

	.customize__fee_container{
		padding: 20px 30px;
	}

	.top_content_frame {
	  background-image: url('http://promotion.yareal.jp/wp-content/uploads/2021/12/top.png');
	  background-repeat: no-repeat;
	  width: 100%;
	  height: 90vh;
	  background-size: cover;
	  background-position: right;
	}


	.top_content_frame button:not(:hover):not(:active):not(.has-background) {
		position: absolute;
		bottom: 5vh;
		background-color: transparent;
		display: inline-block;
		width: 40%;
		padding: 0;
	}

	.top_content_frame button:hover {
		position: absolute;
		bottom: 5vh;
		background-color: transparent;
		display: inline-block;
		width: 40%;
		padding: 0;
		border: none;
	}

	.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited{
		color: transparent;
	}

	.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
	  width: 100%;
	  max-width: 100%;
	}

	.site-footer > .site-info {

		border-top: none;
	}
	#menu-item-155 a{
	}

	#menu-item-154 {
		margin-right: 20px;
	}

	
	.primary-navigation {
	  margin-right: 0px
	}
	
	.primary-navigation .primary-menu-container > ul > .menu-item > a{
		padding-left: 0px;
		padding-right: 0px;
		color: #4d4d4d;
    	text-decoration: none;
	}
	
	.primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover {
		text-decoration: none;
		text-decoration-style: none;
		color: #000;
	}
	
	.task_content img {
		width: 150px;
		height: 150px;
	}

	.task_content {
		display: inline-block;
		text-align: center;
	}

	.task_content span {
		color: #ff0005;
	}

	.task_contents {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}

	.task_content_row_1 .task_content {
		width: 32%;
		vertical-align: top;
	}

	.example_frame {
		background-image: url('http://promotion.yareal.jp/wp-content/uploads/2021/12/back1.png');
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		padding-bottom: 200px;
	}

	.task_content_row_2 .task_content {
		width: 49%;
		vertical-align: top;
	}



	.task_content_row_1 {
		margin-top: 100px;
		margin-bottom: 100px;
	}

	.task_content_row_2 {
		margin-top: 100px;
		margin-bottom: 100px;
	}
	.reason_of_task img {
		width: 50%;
	}

	.reason_of_task {
		text-align: center;
	}

	.task_reason_content {
		display: inline-block;
		text-align: center;
		width: 32%;
	}

	.task_reason_content img {
		width: 80%;
	}

	.task_reason_row_1, .task_reason_row_2 {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.task_reason_frame h1{
		color: #4D4D4D;
	}

	.task_reason_title {
		font-size: 40px;
		text-align:center;
		margin: auto;
		font-weight: bold;
		display: inline-block;
		padding-bottom: 2px;
		padding-left: 10px;
		padding-right: 10px;
		border-bottom: red 3px solid;
		color: #4D4D4D;
	}

	.reason_top_title {
		color: #4D4D4D;
		font-size: 32px;
	}

	.task_reason_frame {
		margin-top: 100px;
		text-align: center;
	}

	.reason_sentence {
		text-align: center;
		margin: auto;
	}

	.reason_sentence img {
		width: auto;
	}

	.possible_by_prof {
		color: #e93223;
		font-size: 23px;
		font-weight: bold;
	}

	.merit_title {
		font-weight: bold;
		font-size: 30px;
	}

	.merit_frame h1 span {
		color: #c079f4;
		font-size: 50px;
		font-weight: bold;
	}

	.merit_content_container {
		width: 90%;
		text-align: center;
		border: 1px solid #EAEAEA;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.chosen_reason_frame {
		margin-top: 100px;
	}

	.chosen_content_frame {
		text-align: center;
		margin: auto;
		width: 95%;
	}

	.chosen_reasons_container {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.chosen_reason_frame img {
		width: 50%;
	}

	.chosen_reason_content p {
		text-align: left;
		color: #4D4D4D;
	}

	.chosen_reason_content p span {
		color: red;
	}

	.chosen_reason {
		display: inline-block;
		width: 30%;
		margin: 1%;
		border: 1px solid #EAEAEA;
		height: 380px;
		vertical-align: top;
	}

	.chosen_reason_content {
		padding: 15px;
	}

	.chosen_reason_content h2 {
		font-size: 25px;
		/* height: 100px; */
		color: #4D4D4D;
		height: 60px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
		padding-top: 20px;
	}


	.go_bottom_button:not(:hover):not(:active):not(.has-background){
		background-color: transparent;
		width: 50%;
		max-width: 40%;
		padding: 0;
	}

	.go_bottom_button:hover {
		border: none;
		max-width: 50%;
	}
	.go_bottom_button img {
		width: 100%;
	}

	.reason_title {
		font-weight: bold;
		font-size: 30px;
		color: #4D4D4D;
	}

	.reason_title span {
		color: #c079f4;
		font-size: 50px;
		font-weight: bold;
	}
	.merit_content {
		text-align: left;
		padding: 20px 50px;
	}

	.merit_content p {
		margin-top: 20px;
		color: #4D4D4D;
		font-size: 22px;
	}

	.merit_content h2 {
		color: #29ABE2;
		font-weight: bold;
		font-size: 40px;
	}
	
}

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

	.example_container {
		margin-top: 100px;
		width: 100%;
		margin: auto;
	}
	.example_sp_content h2 {
		font-size: 16px;
		color: white;
		padding-bottom: 10px;
	}
	
	.example_sp_content p {
		font-size: 10px;
		color: #4D4D4D;
		margin-top: 10px;
		line-height: 1.2;
	}
	
	.first_exmaple, .second_exmaple, .third_exmaple {
		margin-bottom: 20px;
	}
	
	.mission_container {
		background-image: url(http://promotion.yareal.jp/wp-content/uploads/2021/12/back_3_SP.png);
		background-size: cover;
		width: 100%;
		margin: auto;
		background-repeat: no-repeat;
		margin-top: -200px;
		text-align: center;
	}
	.mission_frame {
		padding-top: 150px;
		padding-bottom: 150px;
	}
	
	.mission_content_frame h1 {
		font-size: 20px;
		margin-top: 10px;
		font-weight: bold;
		color: #4d4d4d;
	}
	.mission_content_frame h2 {
		font-size: 15px;
		color: white;
	}
	
	.mission_content_frame p {
		color: white;
		font-weight: bold;
		margin-top: 40px;
		font-size: 11px;
	}
	
	.example_sp_content {
		width: 80%;
		margin: auto;
	}
	.task_reason_content {
		display: inline-block;
		text-align: center;
		width: 30%;
		margin: 1%;
	}
	.example_frame {
		background-image: url(http://promotion.yareal.jp/wp-content/uploads/2021/12/back_1_SP.png);
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		padding-bottom: 100px;
	}
	
	.example_content_frame h1 {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		font-size: 25px;
		font-weight: bold;
		color: #4D4D4D;
	}

	.example_content_frame{
		padding-top: 100px;
	}
	
	.site-logo .right_logo {
		height: 30px;
		vertical-align: bottom;
	}
	
	.task_content_row_1 {
		margin-top: 50px;
		margin-bottom: 20px;
	}
	
	.task_content img {
		margin: auto;
		text-align: center;
		display: inline-block;
		max-width: 70%;
		height: auto;
		width: 70%;
		max-height: 70%;
		vertical-align: top;
	}
	
	.task_content {
		text-align: center;
		vertical-align: top;
	}
	.chosen_reason_content p span {
		color: red;
	}
	
	.task_content p {
    	color: #4D4D4D;
		font-size: 12px;	
	}
	
	.task_content span {
		color: #ff0005;
	}
	
	.task_content_row_1 .task_content {
		width: 32%;
		vertical-align: top;
		display: inline-block;
	}
	.task_content_row_2 .task_content {
		width: 32%;
		margin-left: 8%;
		margin-right: 8%;
		text-align: center;
		vertical-align: top;
		display: inline-block;
	}
	
	.reason_of_task {
		text-align: center;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.reason_of_task img {
		width: 70%;
	}
	
	.task_reason_frame {
		margin-top: 50px;
		text-align: center;
	}
	
	.task_reason_title {
		font-size: 14px;
		text-align: center;
		margin: auto;
		font-weight: bold;
		display: inline-block;
		padding-bottom: 2px;
		padding-left: 0;
		padding-right: 0;
		border-bottom: red 3px solid;
		color: #4D4D4D;
	}
	
	.reason_top_title {
		color: #4D4D4D;
		font-size: 15px;
	}
	
	.task_reason_content_frame {
		margin-top: 30px;
	}
	
	.possible_by_prof {
		color: #e93223;
		font-size: 12px;
		font-weight: bold;
	}
	
	.task_contents {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.task_title {
		color: #29ABE2;
		text-align: center;
		margin: auto;
		margin-top: 50px;
		font-weight: bold;
		font-size: 20px;
	}
	
	.task_container {
		margin-top: 0;
		width: 100%;
	}
	
	.site-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		background-color: white;
		height: 80px;
		max-width: 100%;
		z-index: 3;
	}
	
	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
		position: absolute;
		padding-top: 10px;
		margin-top: 0;
		left: 20px;
		top: var(--global--admin-bar--height);
	}

	
	.top_left_frame h2 {
		font-size: 13px;
		margin-bottom: 15px;
		color: #4D4D4D;
	}
	
	.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
	    width: 100%;
	    max-width: 100%;
		margin-top: 40px;
	}
	
	.top_detail_content button:not(:hover):not(:active):not(.has-background) {
		background-color: transparent;
		display: inline-block;
		width: 70%;
		margin: auto;
		padding: 0;
		border: none;
	}

	.top_detail_content button:hover{
		background-color: transparent;
		display: inline-block;
		width: 70%;
		margin: auto;
		padding: 0;
		border: none;
	}
	.top_left_frame img {
		width: 40%;
	}
	
	.top_detail_content p{
		color: #4D4D4D;
		font-size: 11px;
		margin-bottom: 30px;
	}
	
	.top_detail_content {
		text-align: center;
		margin: auto;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.top_left_frame h1 {
		margin-top: 15px;
		font-size: 23px;
		color: #4D4D4D;
	}
	
	.top_left_frame {
		padding-top: 6vh;
		padding-bottom: 6vh;
		height: 100%;
		padding-left: 20px;
	}
	
	.entry-content .container {
	    width: 100%;
	    max-width: 100%;
	}
	
	.merit_title {
		font-weight: bold;
		font-size: 16px;
		color: #4D4D4D;
	}
	
	.merit_frame h1 span {
		color: #c079f4;
		font-size: 20px;
		font-weight: bold;
	}

	.merit_content h2 {
		color: #29ABE2;
		font-weight: bold;
		font-size: 18px;
	}
	
	.merit_content p {
		margin-top: 10px;
		color: #4D4D4D;
		font-size: 10px;
	}
	
	.merit_content_container {
		width: 90%;
		text-align: center;
		border: 1px solid #EAEAEA;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.first_merit_content {
		margin-top: 10px;
	}
	
	.merit_content {
		text-align: left;
		padding: 20px;
	}
	
	.reason_sentence img {
		width: auto;
		height: 20px;
	}
	
	.reason_title {
		font-weight: bold;
		font-size: 16px;
		color: #4D4D4D;
	}
	
	.reason_title span {
		color: #c079f4;
		font-size: 20px;
		font-weight: bold;
	}
	
	.chosen_content_frame {
		text-align: center;
		margin: auto;
		width: 100%;
	}
	
	.chosen_reasons_container {
		margin-top: 5px;
		margin-bottom: 20px;
	}
	
	.chosen_reason {
		display: inline-block;
		width: 30%;
		margin: 1%;
		border: 1px solid #EAEAEA;
		height: 300px;
		vertical-align: top;
	}
	
	.chosen_reason_content h2 {
		font-size: 12px;
		/* height: 100px; */
		color: #4D4D4D;
		height: 40px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 20px;
		padding-top: 20px;
	}
	
	.chosen_reason_content p {
		text-align: left;
		color: #4D4D4D;
		font-family: "UD新ゴNT M";
		font-weight: normal;
		font-size: 13px;
	}
	
	.task_reason_frame .catch_copy_sentence {
		margin-top: 10px;
		margin-bottom: 30px;
		font-size: 15px;
		color: #4D4D4D;
	}
	.button_frame {
		margin-bottom: 20px;
	}
	
	.catch_copy_sentence span {
		color: red;
	}
	
	.chosen_reason_frame img {
		width: 100%;
	}
	
	.value_frame img {
		width: 30%;
	}
	
	.go_bottom_button:not(:hover):not(:active):not(.has-background) {
		background-color: transparent;
		width: 70%;
		max-width: 70%;
		padding: 0;
	}
	
	.go_bottom_button:hover {
		border: none;
		max-width: 70%;
	}
		.fee_container {
		width: 100%;
		margin: auto;
		margin-top: -200px;
	}
	
	.site-footer > .site-info .powered-by {
		font-size: 10px; 
	    color: #AEAEAE;
		text-align: center;
		margin: auto;
	}
	
	.fee_frame {
		background-image: url(http://promotion.yareal.jp/wp-content/uploads/2021/12/back_2_SP.png);
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.fee_content_frame {
		padding-bottom: 200px;
		letter-spacing: normal;
		white-space: normal;
		padding-top: 200px;
	}
	
	.fee_content_frame h1 {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		font-size: 20px;
		color: #4D4D4D;
		font-weight: bold;
	}
	.standard_fee_frame {

	}
	.site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus {
		outline: none;
	}
	
	.consul_fee_frame, .basic_fee_frame, .standard_fee_frame, .customize_fee_frame {
		display: block;
		width: 80%;
		margin: auto;
		background-color: white;
		letter-spacing: normal;
		white-space: normal;
		margin-bottom: 40px;
	}
	
	.consult_fee_container, .basic_fee_container, .standard_fee_container, .customize__fee_container {
		padding: 10px 20px;
	}
	
	.consult_fee_container h2, .basic_fee_container h2, .standard_fee_container h2, .customize__fee_container h2 {
		font-size: 17px;
		color: #4D4D4D;
		
	}
	.contact_content_frame {
		text-align: left;
	}
	
	.contact_container h1 {
		margin-bottom: 50px;
		font-size: 20px;
		font-weight: bold;
		color: #4D4D4D;
	}
	
	.fee_detail_frame {
		align-items: flex-end;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.wpcf7-form p label {
		font-family: "ヒラギノ角ゴ Pro W3";
		color: #4D4D4d;
		font-size: 10px;
		vertical-align: middle;
		margin-top: 12px;
		margin-bottom: 12px;
	}
	.wpcf7-form p {
		border-bottom: 1px solid #4D4D4D;
	}
	
	span.required::before {
		content: "必須";
		color: white;
		background-color: #ff0008;
		padding: 5px 1%;
		font-size: 7px;
		vertical-align: middle;
	}
	
	span.selected::before {
		content: "任意";
		color: white;
		padding: 5px 1%;
		font-size: 7px;
		vertical-align: top;
	}
	
	.company_name, .your-name, .department, .your-email, .phone_number, .url, .has_instagram, .instagram, .contact_kind {
		margin-left: 5%;
		display: inline-block;
		width: 65%;
		vertical-align: middle;
	}
	
	.has_instagram, .contact_kind {
		vertical-align: top;
	}
	
	input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {
		border: #EAEAEA solid 1px;
		border-radius: 5px;
		color: #4D4d4d;
		/* border-radius: var(--form--border-radius); */
		/* color: var(--form--color-text); */
		/* line-height: var(--global--line-height-body); */
		padding: inherit;
		width: 100%;
		font-size: 10px;
		vertical-align: middle;
	}
	.wpcf7-form label {
		width: 20%;
		display: inline-block;
	}
	.wpcf7-radio .wpcf7-list-item label {
		vertical-align: top;
		width: 100%;
	}
	.wpcf7-list-item-label {
		vertical-align: middle;
	}
	
	input[type=submit]:not(:hover):not(:active):not(.has-background) {
		text-align: center;
		display: block;
		padding: 0px 50px;
		margin: auto;
		background-color: #29ABE2;
		border-radius: 5px;
		margin-top: 30px;
		font-size: 15px;
		font-weight: bold;
	}
	
	input[type=submit]:hover {
		text-align: center;
		display: block;
		padding: 0px 50px;
		margin: auto;
		background-color: #29ABE2;
		color: white;
		border-radius: 5px;
		margin-top: 30px;
	}
	.wpcf7-form .label_sp {
		display: inline-block;
	}
	
	.contact_button {
	    max-width: 90%;
	    padding: 1px 5%;
	}
	
	.wpcf7-form	.label_pc {
		display: none;
	}
	
	.contact_container {
		text-align: center;
		width: 90%;
		margin: auto;
	}
	
	.your-message {
		margin-left: 0;
		display: inline-block;
		width: 100%;
		margin-bottom: 30px;
	}
	input[type=radio] {
		vertical-align: middle;
	}
	.site .wpcf7-textarea {
		font-size: 12px;
		height: 200px;
	}
	.fee_detail span {
		color: red;
	}

	.consult_content, .basic_content, .standard_content {
		margin-top: 20px;
	}
	.fee_title {
		text-align: center;
		color: #4d4d4d;
	}
	
	.fee_content_container p {
		color: #4d4d4d;
		font-size: 12px;
		line-height: 2;
	}
	
	.second_content {
		padding-left: 25px;
	}
	
	.fee_content_container h3 {
		font-size: 13px;
		color: #4D4D4D;
	}
	.plan_point h3 {
		line-height: 2;
		color: red;
	}
	.top_content_frame {
		background-image: url(http://promotion.yareal.jp/wp-content/uploads/2021/12/top.png);
		background-repeat: no-repeat;
		width: 100%;
		height: 35vh;
		background-size: cover;
		background-position: top;
	}
	
	.contact_frame {
		margin-top: 50px;
	}
	
	.admin-bar .primary-navigation > .primary-menu-container {
		height: calc(100vh - var(--global--admin-bar--height));
	}
	
	.primary-navigation > .primary-menu-container {
		height: 100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
	}
	.menu-button-container #primary-mobile-menu {
		display: flex;
		margin-left: auto;
		padding-right: 30px;
		padding-top: 20px;
		font-size: var(--primary-nav--font-size-button);
		font-weight: var(--primary-nav--font-weight-button);
		background-color: transparent;
		border: none;
		color: var(--primary-nav--color-link);
	}
	.primary-navigation-open .primary-navigation > .primary-menu-container {
		position: absolute;
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}
	
	.primary-navigation > .primary-menu-container {
		position: fixed;
		visibility: hidden;
		opacity: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
		padding-left: var(--global--spacing-unit);
		padding-right: var(--global--spacing-unit);
		padding-bottom: var(--global--spacing-horizontal);
		background-color: var(--global--color-background);
		transition: all 0.15s ease-in-out;
		transform: translateY(var(--global--spacing-vertical));
	}
	.primary-navigation > div > .menu-wrapper {
		display: block;
		justify-content: flex-start;
		flex-wrap: wrap;
		list-style: none;
		margin: 0;
		max-width: none;
		padding-left: 20px;
		padding-top: 30px;
		position: relative;
	}
	.primary-navigation > div > .menu-wrapper li {
		display: block;
		position: relative;
		width: 100%;
	}
	.menu-button-container {
    	display: flex;
	    padding-top: 0px;
	}
	.primary-navigation {
		position: absolute;
		top: var(--global--admin-bar--height);
		right: 0;
		color: var(--primary-nav--color-text);
		font-size: var(--primary-nav--font-size);
		line-height: 1.15;
		margin-top: 0;
		margin-bottom: 0;
	}
	.primary-navigation a {
		display: block;
		font-family: var(--primary-nav--font-family-mobile);
		font-size: var(--primary-nav--font-size-mobile);
		font-weight: var(--primary-nav--font-weight);
		padding: var(--primary-nav--padding) 0;
		text-decoration: none;
	}
	span.dropdown-icon.open {
		text-indent:150%;
		white-space:nowrap;
		overflow:hidden;
	}
	span.dropdown-icon.close {
		text-indent:160%;
		white-space:nowrap;
		overflow:hidden;
	}
	.primary-navigation {
		position: absolute;
		top: var(--global--admin-bar--height);
		right: 0;
		color: var(--primary-nav--color-text);
		font-size: var(--primary-nav--font-size);
		line-height: 1.15;
		margin-top: 0;
		margin-bottom: 0;
	}
	.primary-navigation-open .primary-navigation {
		width: 100%;
		position: fixed;

	}
	.primary-navigation .primary-menu-container > ul > .menu-item {
		display: block;
	}
	.admin-bar .primary-navigation > .primary-menu-container{
		top: 0;
	}
	#masthead{
		padding-bottom: 0;
	}
	.site-main > article > *:first-child, .site-main > .not-found > *:first-child, .entry-content {
		margin-top: 0px;
	}
	.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child {
		text-decoration: underline;
		text-decoration-style: solid;
	}
}


@media screen and (min-width: 1024px) { 
	.consul_fee_frame, .basic_fee_frame,.standard_fee_frame {
		display: inline-block;
		vertical-align: top;
		width: 30%;
		margin: 1.6%;
		background-color: white;
		letter-spacing: normal;
		white-space: normal;
	}
	
	.label_sp {
		display: none;
	}
	
	.label_pc {
		display: inline-block;
	}

	.admin-bar .primary-navigation > .primary-menu-container{
		top: initial;
	}
	.site-main > article > *:first-child, .site-main > .not-found > *:first-child, .entry-content {
	  margin-top: 60px;
	}
	.primary-menu-container, #primary-menu-list, .menu-item {
	  height: 100px;
	  display: inline;
	}
	.menu-button-container {
		display: flex;
		padding-top: 50px;
	}
	.primary-navigation > div > .menu-wrapper li {
		margin-left: 0;
		width: inherit;
	}

	.site-logo {
		margin:0;
	}

	.site-logo .left_logo {
		margin-left: 10px;
		width: 70px;
	}

	.site-logo .right_logo {
		height: 40px;
		vertical-align: text-top;
	}

	.site-header {
	  position: fixed;
	  top: 0;
	  left: 0;
	  margin: auto;
	  width: 100%;
	  padding-top: 0;
	  padding-bottom: 0;
	  background-color: white;
	  height: 100px;
	  max-width: 100%;
	  z-index: 3;
	  display: block;
	}
	
	.site-branding, .primary-navigation {
		display: inline-block;
		line-height: 100px;
		height: 100px;
		vertical-align: top;
		margin-left: 50px;
	}

	.primary-navigation {
		margin-left: 20px;
		width: calc(100% - 224px - 110px);
	}
	
	.primary-navigation > .primary-menu-container {
	    display: block;
	}
	
	.menu-button-container{
		display: none;
	}
	.admin-bar .primary-navigation > .primary-menu-container {
    	top: initial;
	}
	#menu-item-155 a:after {
		content: "";
		margin-top: 30px;
		margin-left: -140px;
		border: 1px solid #EAEAEA;
		padding: 20px 10px;
		position: absolute;
		background-color: transparent;
		width: 160px;
		border-radius: 20px;
	}
	.primary-navigation .primary-menu-container > ul > .menu-item {
		display: inline-block;
		min-width: 10%;
		text-align: center;
	}
}

@media only screen and (max-width: 482px) {
	.chosen_reason {
		display: inline-block;
		width: 30%;
		margin: 1%;
		border: 1px solid #EAEAEA;
		height: 250px;
		vertical-align: top;
	}
	.chosen_reason_content p {
		text-align: left;
		color: #4D4D4D;
		font-family: "UD新ゴNT M";
		font-weight: normal;
		font-size: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	body {
		max-width: 482px;
	}
}