@charset "UTF-8";
body{
	color: #333;
	font-size: 1.6rem;
	line-height: 1.6842;
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.noto_light{
	font-family: 'NotoSansCJKjp-Light',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.noto_demiLight{
	font-family: 'NotoSansCJKjp-DemiLight',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.noto_bold{
	font-family: 'NotoSansCJKjp-Bold',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.source_han{
	font-family: 'Source Han Sans','源ノ角ゴシック','Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.roboto{
	font-family: 'Roboto','NotoSansCJKjp-Light',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.base{
	max-width: 1200px;
	margin: 0 auto;
}
a.g_btn{
	color: #459852;
	background: rgba(255,255,255,0.6);
	display: block;
	text-align: center;
	padding: 14px 0;
	font-size: 16px;
	font-weight: 500;
	border: 2px solid;
	border-radius: 4px;
}
a.g_btn:hover,
a.g_btn:focus{
	background: #459852;
	border: 2px solid #459852;
	color: #fff;
}
a.b_btn{
	color: #2b71b8;
}
a.b_btn:hover,
a.b_btn:focus{
	background: #2b71b8;
	border: 2px solid #2b71b8;
	color: #fff;
}
a.w_btn{
	color: #fff;
	display: block;
	text-align: center;
	padding: 14px 0;
	font-size: 16px;
	font-weight: 500;
	border: 2px solid;
	border-radius: 4px;
}
a.w_btn:hover,
a.w_btn:focus{
	background: #fff;
	border: 2px solid #fff;
	color: #333;
}
/* TAB */
.tab_btn{
	margin-bottom: 65px;
}
.tab-group{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
.tab{
	flex-grow: 1;
	padding: 8px 0 12px;
	border: solid 2px #69b644;
	text-align: center;
	cursor: pointer;
	margin-right: 22px;
	color: #69b644;
	border-radius: 4px;
	max-width: 280px;
	position: relative;
}
.panel{
	display:none;
}
.tab.is-active,
.tab:hover{
	background: #69b644;
	color: #FFF;
	transition: all 0.5s ease-out;
}
.tab.is-active{
	cursor: default;
}
.tab.is-active:after{
	content: "";
	width: 22px;
	height: 13px;
	border-top: 13px solid #69b644;
	border-right: 11px solid transparent;
	border-bottom: none;
	border-left: 11px solid transparent;
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.panel.is-show{
	display:block;
}
/* RESET END */
header{
	padding: 15px 0 17px;
}
header .headerin{
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
header .headerin .global_navi{
	width: auto;
	text-align: center;
	/* max-width: 600px; */
}
header .headerin .global_navi ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: stretch;
}
header .headerin .global_navi ul li{
	font-size: 12px;
	font-weight: 500;
	position: relative;
}
header .headerin .global_navi ul li.first_navi{
	margin: 0 15px;
}
header .headerin .global_navi ul li.secound_navi{
	margin: 0 15px;
	font-weight: 800;
}
header .headerin .global_navi ul li.head_telnomber{
	padding: 0 0 0 25px;
	font-size: 15px;
	font-weight: bold;
	line-height: 32px;
	letter-spacing: 0px;
}
header .headerin .global_navi ul li.head_telnomber span{
	font-size: 14px;
	margin-right: 7px;
	color: #5ead3c;
}
header .headerin .global_navi ul li a{
	display: block;
	box-sizing: border-box;
}
header .headerin .global_navi ul li.first_navi a{
	padding: 7px 0;
}
header .headerin .global_navi ul li.secound_navi a{
	padding: 7px 0;
}
header .headerin .global_navi ul li a:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	background: -moz-linear-gradient(left, #3195ac, #53be62);
	background: -webkit-linear-gradient(left, #3195ac, #53be62);
	background: linear-gradient(to right, #3195ac, #53be62);
	width: 0;
	transition: width .4s;
}
header .headerin .global_navi ul li.first_navi a:after{
	bottom: 4px;
}
header .headerin .global_navi ul li a:hover:after,
header .headerin .global_navi ul li a:focus:after,
header .headerin .global_navi ul li a:active:after{
	width: 100%;
}
header{
	animation: fadeIn 1s ease 0s 1 normal;
	-webkit-animation: fadeIn 1s ease 0s 1 normal;
}
.fixedheader{
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 9;
	box-shadow: 0px 0px 10px #d6d6d6;
	animation: fadein 1s ease 0s 1 normal;
	-webkit-animation: fadein 1s ease 0s 1 normal;
}
@keyframes fadein{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}
@-webkit-keyframes fadein{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}
/* HEADER END */

/* CTA Button */
.position_btn{
	position: absolute;
	top: 5%;
	right: 0;
	-webkit-transform: translate(-0, -15%);
	-ms-transform: translate(-0, -15%);
	transform: translate(-0, -15%);
	width: 250px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.position_btn.fixed{
	position: fixed !important;
	top: auto;
	bottom: 5%;
	right: 0;
	-webkit-transform: translate(-0, -15%);
	-ms-transform: translate(-0, -15%);
	transform: translate(-0, -15%);
	animation: fadeIn 1s ease 0s 1 normal;
	-webkit-animation: fadeIn 1s ease 0s 1 normal;
	z-index: 10;
}

@media screen  and (max-width: 600px){
/* CTA Button */
.position_btn{
	position: absolute;
    top: 29%;
    right: 4%;
	-webkit-transform: translate(-0, -15%);
	-ms-transform: translate(-0, -15%);
	transform: translate(-0, -15%);
	width: 250px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.position_btn.fixed{
	position: fixed !important;
	top: auto;
	bottom: 2%;
	right: 0;
	-webkit-transform: translate(-0, -15%);
	-ms-transform: translate(-0, -15%);
	transform: translate(-0, -15%);
	animation: fadeIn 1s ease 0s 1 normal;
	-webkit-animation: fadeIn 1s ease 0s 1 normal;
	z-index: 10;
}

}


@keyframes fadeIn{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}
@-webkit-keyframes fadeIn{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}
.position_btn ul li.fix_download a{
	padding: 17px 0 17px 45px;
	background-color: #f2ffec;
	color: #5ead3c;
	border: none;
	box-shadow: 0 0 10px #a4abad;
	background-image: url(../images/fix_downicon.png);
	background-size: 27px;
	background-position: 25px 50%;
	background-repeat: no-repeat;
	max-width: 230px;
	margin: 10px;
}
.position_btn ul li.fix_contact a{
	padding: 17px 0 17px 35px;
	background-color: #ef7013;
	color: #fff;
	border: none;
	box-shadow: 0 0 10px #a4abad;
	background-image: url(../images/fix_mailicon.png);
	background-size: 27px;
	background-position: 22px 50%;
	background-repeat: no-repeat;
	max-width: 230px;
	margin: 10px;
}
.position_btn ul li.fix_contact_mitumori a{
	padding: 17px 0 17px 35px;
	background-color: #ef7013;
	color: #fff;
	border: none;
	box-shadow: 0 0 10px #a4abad;
	background-image: url(../images/fix_mitumoriicon.png);
	background-size: 25px;
	background-position: 24px 50%;
	background-repeat: no-repeat;
	max-width: 230px;
	margin: 10px;
}
/* CTA Button END */

/* FOOTER */
footer .footer_contact{
	padding: 55px 0 65px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
footer .footer_contact ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
footer .footer_contact ul li{
	margin-right: 75px;
	font-size: 28px;
	font-weight: bold;
	line-height: 32px;
	letter-spacing: 1px;
}
footer .footer_contact ul li span{
	font-size: 14px;
	margin-right: 7px;
	color: #50b660;/*#50b660*/
}
/*footer .footer_contact ul li:first-child{
	margin-right: 75px;
	font-size: 28px;
	font-weight: bold;
	line-height: 32px;
	letter-spacing: 1px;
}
footer .footer_contact ul li:first-child span{
	font-size: 14px;
	margin-right: 7px;
	color: #F50307;/*#50b660*/
/*}*/
/*footer .footer_contact ul li:last-child{
	width: 537px;
	white-space: nowrap;
}*/
footer #sitemap{
	background: #f4f4f4;
	padding: 40px 0 57px;
}
footer #sitemap .base{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
}
footer #sitemap div ul.map{
	margin: 0 0.5em;
}
footer #sitemap div ul.map > li{
	font-weight: bold;
	font-size: 1.0em;
	margin: 10px;
}
footer #sitemap div ul.map > li ul{
	margin-left: 0;
}
footer #sitemap div ul.map > li ul li{
	font-size: 0.8em;
	font-weight: normal;
	margin-left: 1em;
}
footer #sitemap div ul.map > li ul li:before{
	content: "▶";
	font-size: 7px;
	vertical-align: middle;
	margin-left: -10px;
}
footer .companyin{
	background: #69b644;
	color: #fff;
	font-size: 14px;
	padding: 1em 0;
	margin-bottom: 10px;
}
footer .company .row-group {
	display: flex;
	flex-flow: row nowrap;
	justify-content: start;
}
footer .company dt {
	vertical-align: top;
	width: 45px;
	min-width: 42px;
}
footer .company .row-group > dt:not(:first-child) {
	width: inherit;
	min-width: inherit;
	margin: 0 15px 0 33px;
}
footer .copyright{
	color: #50b660;
	text-align: center;
	font-size: 12px;
	padding: 0.5em 0 1em;
	margin: 0 auto;
	display: block;
}

/* リサーチ無料個別相談会お申込フォーム */

.profile{
	display: flex;
}
.profile .profile-img{
	width: 500px;
}
.profile .profile-text .profile-text1{
	line-height: 1.2em;
	padding-left: 1.0em;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
}

.profile .profile-text .profile-text2{
	font-size: 0.8em;
	padding-left: 1.0em;
}
/* リサーチ無料個別相談会お申込フォームのスマホ設定 */
@media screen  and (max-width: 600px){
.profile{
	display: block;
}
.profile .profile-img{
	width: 100%;
}
}



.flex_list.between{
	justify-content: space-between;
}
.line-break {
	display: inline-block;
	font-size: inherit;
}
.pc-only {
	display: inherit;
}
.sp-only {
	display: none;
}
@media screen  and (max-width: 600px){
	span{
		word-break: break-all;
	}
	.base{
		padding: 0 2vw;
	}
	a.g_btn,
	a.w_btn{
		padding: 2vh 0;
		font-size: 4vmin;
	}
/* MENU */
	body .drawer-nav{
		z-index: 11;
	}
	body .drawer-hamburger{
		width: 2.691rem;
		padding: 15px .75rem 15px;
		top: 1px;
		z-index: 10;
		background-color: rgba(255,255,255,0.7) !important;
	}
	body .drawer-hamburger:hover{
		border: none;
	}
	body .drawer--right.drawer-open .drawer-hamburger{
		background-color: transparent !important;
		right: 16.25rem;
		border: none;
	}
	body .drawer--right .drawer-nav{
		right: -16.25rem;
	}
	body .drawer-hamburger-icon,
	body .drawer-hamburger-icon:after,
	body .drawer-hamburger-icon:before{
		height: 3px;
		background-color: #656a5d;
	}
	body .drawer-hamburger-icon:before{
		top: -13px;
	}
	body .drawer-hamburger-icon:after{
		top: 13px;
	}
	body .drawer-overlay{
		background-color: rgba(0,0,0,.4);
		z-index: 9;
	}
	body .drawer-open .drawer-hamburger-icon:before,
	body .drawer-open .drawer-hamburger-icon:after{
		background-color: #fff;
	}
	body nav.drawer-nav{
		background: #69b644;
		box-shadow: 1px 1px 5px #fff;
		width: 16.25rem;
		right: -16.25rem;
	}
	body nav.drawer-nav ul li a{
		display: block;
		color: #fff;
		padding: 2vh 3vw;
		border-bottom: 1px solid;
		font-size: 4vmin;
		letter-spacing: 1px;
	}
	body nav.drawer-nav ul li a span{
		display: block;
		font-weight: 100;
		line-height: 1.5;
		font-size: 3.5vmin;
		letter-spacing: 1.3px;
	}
/* END */
	header{
		padding: 15.5px 2vw;
	}
	header .mainsite_title{
		width: 45%;
	}
	footer .footer_contact{
		padding: 6vh 2vw 7vh;
		text-align: center;
		display: block;
	}
	footer .footer_contact .foot_logo{
		width: 50%;
		margin: 0 auto 3vh;
	}
	footer .footer_contact ul{
		display: block;
	}
	footer .footer_contact ul li:first-child{
		margin-right: 0;
		margin-bottom: 2vh;
		font-size: 8vmin;
		line-height: 1.5;
	}
	footer .footer_contact ul li:first-child a{
		font-size: 5vmin;
		font-weight: 800;
	}
	footer .footer_contact ul li:first-child a span{
		font-size: 6vmin;
	}
	footer .footer_contact ul li:last-child{
		width: 90%;
		margin: 0 auto;
	}
	footer #sitemap{
		padding: 4vh 0 5vh;
	}
	footer #sitemap .base{
		display: block;
	}
	footer #sitemap div ul.map{
		width: auto;
	}
	footer #sitemap div ul.map > li{
		margin: 10px 10px 2vh 10px;
	}
	footer #sitemap div ul.map > li a{
		font-size: 4vmin;
		margin-bottom: 2vh;
		display: block;
	}
	footer #sitemap div ul.map > li ul li{
		position: relative;
		margin-left: 2em;
	}
	footer #sitemap div ul.map > li ul li:before{
		display: block;
		position: absolute;
		left: -17px;
		top: 3px;
		margin-left: 0;
	}
	footer #sitemap div ul.map > li ul li a{
		display: block;
		font-size: 4vmin;
		padding-bottom: 1.3vh;
		margin-bottom: 0;
	}
	footer .company{
		margin-bottom: 0;
	}
	footer .company .address{
		margin: 0 calc( 0.5em + 10px );
	}
	.company .address p{
		font-weight: 300;
		font-size: 3vmin;
	}
	.company .address p strong{
		font-weight: 500;
		display: inline-block;
		margin-bottom: 2vh;
	}
	footer .copyright{
		padding: 2vh 0;
		font-size: 2vmin;
		font-weight: 300;
	}
	.tab-group{
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		display: block;
		padding-bottom: 14px;
	}
	.tab{
		width: auto;
		padding: 8px 6vw;
		margin-right: 3vw;
		display: inline-block;
	}
	.tab_btn{
		margin-bottom: calc( 5vh - 14px );
	}
	.tab.is-active:after{
		bottom: -13px;
	}
	ul.tab-group li:first-child{
		display: none;
	}
	.pc-only {
		display: none;
	}
	.sp-only {
		display: inherit;
	}
	footer .company {
		margin: 0 1em;
	}
	footer .company a {
		color: inherit;
	}
	/*
	footer .company dl dt:nth-child(3),
	footer .company dl dt:nth-child(5){
		width: 45px;
	}
	footer .company dl dt:nth-child(3)+dd{
		width: calc(45% - 45px);
	}
	footer .company dl dt:nth-child(5)+dd{
		width: calc(45% - 50px);
	}
	footer .company dl dt:nth-child(7)+dd{
		width: calc( 99% - 55px );
	}
	footer .company > p{
		padding-bottom: 1vh;
	}
	*/
}
@media screen  and (max-width: 350px){
}

@media screen  and (max-width: 768px){
	footer {
		margin-bottom: 80px;
	}
}
.cv_kotei{
	position: fixed;
	bottom: 0;
	background: #69b644;
	padding: 10px 25px;
	z-index: 99999;
}