/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {





/*layout*/
/*------------------------------------------------------------------------------*/
#wrapper {
	padding-top: 55px;
}

/*locator*/
/*--------------------------------------------------------------------------------*/
#locator {
	padding: .8em 2% 0 2%;
}
#locator_in {
	width: 100%;
}
#locator_in li a:hover {
	color: #90c132;
}





/*title*/
/*------------------------------------------------------------------------------*/
#common__page__title .section_inner {
	width: 100%;
	height: auto;
	padding: 12% 0;
}
#common__page__title .section_inner h1 {
	font-size: 7vw;
}





/*------------------------------------------------------------------------------*/
/*広告メディア*/
/*------------------------------------------------------------------------------*/
/*media_list_area*/
/*------------------------------------------------------------------------------*/
.section_media02 ul.media_list_area {
	justify-content: space-between;
}
.section_media02 ul.media_list_area > li {
	width: 48%;
	margin-right: 0;
}
.section_media02 ul.media_list_area > li:nth-of-type(n+3) {
	margin-top: 5%;
}
.section_media02 ul.media_list_area > li > .media_list_main {
	border-radius: .8em;
	padding: 12% 2% 8% 2%;
}
.section_media02 ul.media_list_area h3 {
	font-size: 4.2vw;
	margin-bottom: 4%;
}
.section_media02 ul.media_list_area .icon_box {
	margin-bottom: 5%;
}
.section_media02 ul.media_list_area .icon_box > img {
	width: 45%;
}
.section_media02 ul.media_list_area h4 {
	font-size: 3.2vw;
}
.section_media02 ul.media_list_area h4.small {
	font-size: .7em;
}
.section_media02 ul.media_list_area .check_list > ul > li {
	font-size: 2.4vw;
}
.section_media02 ul.media_list_area .check_list > ul > li br {
	display: none;
}
.section_media02 ul.media_list_area .price {
	font-size: 3.4vw;
}
.section_media02 ul.media_list_area .btn_detail > a {
	font-size: 3.2vw;
	padding: .5em 2.2em;
}
.section_media02 ul.media_list_area .btn_detail > a:hover {
	background-color: #90c132;
}





/*------------------------------------------------------------------------------*/
/*よくある質問*/
/*------------------------------------------------------------------------------*/
.section_faq01 > .faq_box > .box_main .faq_title {
	margin-bottom: 4%;
}
.section_faq01 > .faq_box > .box_main .faq_title > .num {
	font-size: 5.5vw;
}
.section_faq01 > .faq_box > .box_main .faq_title > .title_main {
	font-size: 3.2vw;
	line-height: 1.2;
	padding-left: .5em;
}
.section_faq01 > .faq_box > .box_main .faq_text {
	border-radius: .6em;
	padding: 2% 3%;
}
.section_faq01 > .faq_box > .box_main .faq_text > p {
	font-size: 2.4vw;
}



.section_faq01 > .faq_box > .box_main .faq_title > .title_main {
    font-size: 4vw;
}

.section_faq01 > .faq_box > .box_main .faq_text > p {
    font-size: 3.2vw;
}





/*------------------------------------------------------------------------------*/
/*課題別メディア活用例*/
/*------------------------------------------------------------------------------*/
.section_example+.section_example {
	margin-top: 6%;
}
.section_example > .example_box > .box_main {
	padding: 5% 3%;
}

.section_example > .example_box > .box_main .example_title {
	margin-bottom: 3%;
}

.section_example > .example_box > .box_main .example_title > .face {
	width: 16%;
}
.section_example > .example_box > .box_main .example_title > .title_main {
	display: flex;
	align-items: center;
	width: calc(100% - 16% - 15px);
	font-weight: bold;
	line-height: 1.2;
	background-color: #ecf1e2;
	border-radius: .3em;
	margin-left: 15px;
	padding: 3% 2%;
	position: relative;
}
.section_example > .example_box > .box_main .example_title > .title_main::after {
	border-top: 5px solid transparent;
	border-right: 7px solid #ecf1e2;
	border-bottom: 5px solid transparent;
	border-left: 7px solid transparent;
	left: -14px;
}
.section_example > .example_box > .box_main .example_title > .title_main > span.nayami {
	font-size: 2.6vw;
}
.section_example > .example_box > .box_main .example_title > .title_main > span.title {
	font-size: 3.2vw;
}

.section_example > .example_box > .box_main .problem_area {
	margin-bottom: 3%;
}
.section_example > .example_box > .box_main .problem_area > .problem_box+.problem_box {
	margin-top: 3%;
}
.section_example > .example_box > .box_main .problem_area > .problem_box {
	display: block;
}
.section_example > .example_box > .box_main .problem_area > .problem_box > .title {
	width: 25%;
	height: 20px;
	font-size: 3vw;
	margin-right: 0;
	margin-bottom: .5em;
}
.section_example > .example_box > .box_main .problem_area > .problem_box > .text {
	font-size: 3.4vw;
}

.section_example > .example_box > .box_main .media_list {
	border-radius: .5em;
}
.section_example > .example_box > .box_main .media_list > p {
	font-size: 3.8vw;
}
.section_example > .example_box > .box_main .media_list ul {
	display: block;
}
.section_example > .example_box > .box_main .media_list li {
	width: 85%;
	margin: 0 auto;
}
.section_example > .example_box > .box_main .media_list li:nth-of-type(3n) {
	margin-right: auto;
}
.section_example > .example_box > .box_main .media_list li:nth-of-type(n+2) {
	margin-top: 2.6%;
}
.section_example > .example_box > .box_main .media_list li > a {
	font-size: 3.2vw;
	padding: .5em 0;
}
.section_example > .example_box > .box_main .media_list li > a:hover {
	color: #fff;
	text-decoration: none;
}
.section_example > .example_box > .box_main .answer_area {
	padding-top: 10%;
}
.section_example > .example_box > .box_main .answer_area::before {
	content: "";
	display: block;
	border-top: 15px solid #222;
	border-right: 20px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 20px solid transparent;
	position: absolute;
	top: 35px;
}
.section_example > .example_box > .box_main .answer_area::before {
	top: 15px;
}
.section_example > .example_box > .box_main .answer_area p {
	font-size: 4.8vw;
	line-height: 1.6;
}





/*------------------------------------------------------------------------------*/
/*採用ブランディングとは*/
/*------------------------------------------------------------------------------*/
.section_branding01 > .section_inner {
	padding: 12% 2% 6% 2%;
}

.section_branding02 > .section_inner {
/*	padding: 0 2% 8% 2%;*/
	padding: 0 8% 8% 8%;
}

.section_branding03 > .section_inner {
	padding: 0 2% 8% 2%;
}

.section_branding04 > .section_inner {
	padding: 10% 0 6% 0;
}

.section_branding05+.section_branding05 {
	padding-top: 8%;
}
.section_branding05+.section_branding05 > .section_inner::after {
	content: "";
	display: block;
	width: 10%;
	height: 0;
	background: url(../image/common/arr02_new.png) no-repeat center center;
	background-size: contain;
	padding-top: 8%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateY(-65%) translateX(-50%);
	transform: translateY(-65%) translateX(-50%);
	z-index: 10;
}
.section_branding05 .branding_flowbox > .box_main {
	flex-wrap: wrap;
	padding: 5% 0 30% 2%;
	position: relative;
}
.section_branding05 .branding_flowbox > .box_main > .num_box {
	width: 100%;
	margin-bottom: 5%;
}
.section_branding05 .branding_flowbox > .box_main > .num_box > .num_main > span.text {
	font-size: 4vw;
}
.section_branding05 .branding_flowbox > .box_main > .num_box > .num_main > span.num {
	font-size: 10vw;
}
.section_branding05 .branding_flowbox > .box_main > .img_box {
	width: 35%;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateY(0%) translateX(-45%);
	transform: translateY(0%) translateX(-45%);
}
.section_branding05 .branding_flowbox > .box_main > .text_box {
	display: block;
	width: 100%;
	font-size: 4vw;
	text-align: center;
	padding-left: 0;
}
.section_branding05 .branding_flowbox > .box_main > .text_box > span.strong {
	font-size: 4.6vw;
}

.section_branding06 > .section_inner {
	background: url(../image/common/arr03_new.png) no-repeat 50% 20%;
	background-size: 13%;
	padding: 18% 0 12% 0;
}
.section_branding06 > .section_inner > img {
	width: 90%;
}

.section_branding07 > .section_inner {
	display: block;
	width: 100%;
	padding: 8% 2% 0 2%;
}
.section_branding07 > .section_inner > .section_box+.section_box {
	margin-top: 6%;
}
.section_branding07 > .section_inner > .section_box > .box_main {
	padding: 5% 0 6% 0;
}
.section_branding07 > .section_inner > .section_box > .box_main > p {
	font-size: 4.2vw;
	margin-bottom: 4%;
}
.section_branding07 > .section_inner > .section_box > .box_main > .list {
	text-align: center;
	padding: 0 2%;
}
.section_branding07 > .section_inner > .section_box > .box_main ul {
	display: block;
}
.section_branding07 > .section_inner > .section_box > .box_main li {
	font-size: 3.6vw;
	text-align: left;
	background: url(../image/common/icon_check.png) no-repeat center left;
	background-size: 1em;
	padding-left: 1.5em;
}
.section_branding07 > .section_inner > .section_box01 > .box_main li+li {
	margin-top: 1em;
}

.section_branding07 > .section_inner > .section_box02 > .box_main ul {
	display: block;
}
.section_branding07 > .section_inner > .section_box02 > .box_main li:nth-of-type(odd) {
	width: 100%;
}
.section_branding07 > .section_inner > .section_box02 > .box_main li+li {
	margin-top: 1em;
}
.section_branding07 > .section_inner > .section_box02 > .box_main li:last-of-type {
	width: 100%;
}





/*------------------------------------------------------------------------------*/
/*採用課題とは*/
/*------------------------------------------------------------------------------*/
.section_problem01 {
	min-width: 100%;
	width: 100%;
	margin-bottom: 5%;
}
.section_problem01 > p {
	font-size: 4.6vw;
}

.section_problem02 > .section_inner {
	width: 100%;
	padding: 8% 2% 7% 2%;
}
.section_problem02 > .section_inner > h2 {
	font-size: 4vw;
	border-radius: .6em;
}

.section_problem03 > .section_inner {
	width: 100%;
}
.section_problem03 > .section_inner > h3 {
	font-size: 4.2vw;
	line-height: 1.4;
}

.section_problem05 {
	padding: 6% 2%;
}
.section_problem05 > .section_inner {
	width: 100%;
	padding: 5% 0;
}
.section_problem05 .section_main {
	display: block;
}
.section_problem05 .section_main > .title {
	font-size: 4vw;
	margin-right: 0;
	margin-bottom: 1em;
}
.section_problem05 .section_main > .text li {
	font-size: 4.4vw;
}

.section_problem07 > .section_inner > .title_box {
	padding: 0 .6em 1.5em 1em;
}

.section_problem08 > .section_inner > .section_main {
	padding: 7% 2% 8% 2%;
}
.section_problem08 > .section_inner > .section_main > h3 {
	font-size: 4.6vw;
	margin-bottom: 6%;
}
.section_problem08 > .section_inner > .section_main > p {
	font-size: 14px;
}

.section_problem08 > .section_inner > .section_main > .btn_type03 {
	padding-top: 6%;
}
.section_problem08 > .section_inner > .section_main > .btn_type03 > a {
	display: inline-block;
	width: auto;
	font-size: 4.2vw;
	padding: 1em 3em;
}





/*------------------------------------------------------------------------------*/
/*ニュース*/
/*------------------------------------------------------------------------------*/
.section_news01 li {
	display: block;
}
.section_news01 li+li {
	margin-top: 9%;
}
.section_news01 li > span {
	display: block;
}
.section_news01 li > span.date {
	font-size: 4vw;
	margin-bottom: .3em;
}
.section_news01 li > span.text {
	width: 100%;
}
.section_news01 li > span.text > a {
	font-size: 4.4vw;
}





/*------------------------------------------------------------------------------*/
/*採用のためのテレビCM*/
/*------------------------------------------------------------------------------*/
.section_tvcm02 > p {
	font-size: 4.6vw;
}

.section_tvcm03 > .section_inner {
	flex-wrap: wrap;
	padding: 0 2%;
}
.section_tvcm03 > .section_inner > .section_box {
	width: 100%;
}
.section_tvcm03 > .section_inner > .section_box+.section_box {
	margin-top: 4%;
}
.section_tvcm03 > .section_inner > .section_box > .box_main {
	height: 90px;
	font-size: 5vw;
}

.section_tvcm07 {
	overflow-x: scroll;
	overflow-y: hidden;
}
.section_tvcm07 > .section_inner {
	width: 600px;
}


.table_type01 .box_row {
	border-top: 2px solid #ecf1e2;
	border-left: 2px solid #ecf1e2;
	border-right: 2px solid #ecf1e2;
}
.table_type01 .box_row:last-of-type {
	border-bottom-left-radius : .8em;
	-webkit-border-bottom-left-radius: .8em;
	-moz-border-radius-bottomleft: .8em;
	border-bottom-right-radius : .8em;
	-webkit-border-bottom-right-radius: .8em;
	-moz-border-radius-bottomright: .8em;
}
.table_type01 .title_th_row {
	border-top-left-radius : .8em;
	-webkit-border-top-left-radius: .8em;
	-moz-border-radius-topleft: .8em;
	border-top-right-radius : .8em;
	-webkit-border-top-right-radius: .8em;
	-moz-border-radius-topright: .8em;
}
.table_type01 .box_row > div.title_th01,
.table_type01 .box_row > div.title_td {
	width: 30%;
	border-right: 2px solid #ecf1e2;
}
.table_type01 .box_row > div.title_th02,
.table_type01 .box_row > div.text_td {
	width: calc(100% - 30%);
}
.table_type01 .box_row > div.title_th {
	font-size: 3.6vw;
}
.table_type01 .box_row > div.title_td,
.table_type01 .box_row > div.text_td {
	font-size: 3.2vw;
}
.table_type01 .box_row > div.text_td span.small {
	font-size: .8em;
}


.section_tvcm08 {
	margin-bottom: 9%;
}
.section_tvcm08 > .section_inner {
	flex-wrap: wrap;
	width: 100%;
	padding: 0 2%;
}
.section_tvcm08 > .section_inner > .section_box {
	width: 100%;
}
.section_tvcm08 > .section_inner > .section_box+.section_box {
	margin-top: 4%;
}
.section_tvcm08 .check_list {
	border-radius: .8em;
	margin-bottom: 4%;
	padding: 4%;
}
.section_tvcm08 .check_list > ul > li {
	font-size: 3.4vw;
}
.section_tvcm08 .price_text span.big {
	font-size: 14vw;
}
.section_tvcm08 .price_text span.medium {
	font-size: 7vw;
}
.section_tvcm08 .price_text span.small {
	font-size: 5vw;
}

.section_tvcm09 {
	margin-bottom: 4%;
}
.section_tvcm09 > .section_inner {
	width: 100%;
/*	padding: 0 2%;*/
		padding: 0 8%;
}
.section_tvcm09 > .section_inner > p {
	font-size: 14px;
}
.section_tvcm09 > .section_inner li {
	font-size: 14px;
}

.section_tvcm10 {
	overflow-x: scroll;
	overflow-y: hidden;
}
.section_tvcm10 > .section_inner {
	width: 600px;
}

.section_tvcm11 {
	overflow-x: scroll;
	overflow-y: hidden;
}
.section_tvcm11 > .section_inner {
	width: 600px;
}

.section_tvcm12 > .section_inner {
	width: 100%;
	padding: 0 2%;
}
.section_tvcm12 > .section_inner li {
	font-size: 11px;
}





/*------------------------------------------------------------------------------*/
/*無料相談フォーム*/
/*------------------------------------------------------------------------------*/
.section_contact03 {
	font-size: 4.8vw;
}

.section_contact04 {
	width: 100%;
	font-size: 5.4vw;
	padding-top: 10%;
}
.section_contact04::before {
	border-top: 20px solid #222;
	border-right: 30px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 30px solid transparent;
}


.quotation {
	border-radius: .6em;
	padding: 1em .8em;
}
.quotation .quotation_inner {
	font-size: 4vw;
}





/* contact */
.contact_forblk {
	width: 100%;
}

.contact_forblk form{
	width: 100%;
	height: auto;
}



/*------------------------------------------------------------------------------*/
}