/* 冒頭でimport */
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

body {font-size: 1.6rem; font-family: "Open Sans","Helvetica Neue", Helvetica,Arial,sans-serif;}
@media screen and (min-width: 992px) {
	.container-vina {width: 1000px; margin: 0 auto;}
}
.container-fluid {padding: 0;}
.row {margin: 0;}
.row>div {padding: 0;}

a {
	transition: color .3s;
	-webkit-transition: color. 3s;
	-moz-transition: color .3s;
}

figure {margin: 0;}
/*-------------------------------------*/
.logo_header a {display: inline-block;}
.logo_header a img {height: 110px; padding: 20px 0 0 0;}

.nav-btn {position: fixed; top: 0; right: 0; z-index: 9;}
.navbar-toggle {border: 1px solid #ddd; background: #fff;}
.navbar-toggle .icon-bar {background: #aaa;}

.menu_header li a {color: #000; padding: 0 5px; text-decoration: none;}
.menu_header li a:hover {color: #f79732;}
@media screen and (min-width: 992px) {
	.menu_header ul {float: right; padding: 8px 0 0 0;}
	.menu_header li {float: left; padding: 20px 15px 20px 0;}
	.menu_header li a {display: block; line-height: 70px;}
}

@media screen and (max-width: 991px) {
	.logo_header {text-align: center;}
	.header .row {position: relative;}
	.header .row .menu_header {position: fixed; top: 0; left: 0; background: #fff; padding: 15px; z-index: 3;
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		transition: all .3s;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
	}
	.header.show .row .menu_header {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}
	.menu_header li {display: block; padding: 10px 0;}
	.menu_header li+li {border-top: 1px dashed #ddd;}
}

.slider {
	border-top: 1px solid #f9ac7a;
	border-bottom: 1px solid #f9ac7a;
	position: relative;
	font-family: 'Sawarabi Mincho';
}
.slider_img {
	position: absolute; top: 0; left: 0;
	z-index: 1;
	width: 100%; height: 100%;
	display: flex; display: -webkit-flex;
	align-items: center;
	justify-content: center;
}
a.skip_btn {
	display: block;
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 3;
	text-decoration: none;
	color: #fff;
	background: #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 1.2rem;
	line-height: 22px; padding: 0 10px;
	opacity: .8;
}
a.skip_btn:hover {opacity: 1;}

@media screen and (max-width: 991px) {
	.slider_img {height: 50%;}
}
.slider_img span {display: inline-block; position: relative;}
.slider_img #logo_slider {
	position: absolute; top: 5px; left: 0;
	animation: rotate_logo 3s linear infinite;
	-webkit-animation: rotate_logo 3s linear infinite;
	-moz-animation: rotate_logo 3s linear infinite;
}

@keyframes rotate_logo {
    from {
    	transform: rotate(0deg);
    	-webkit-transform: rotate(0deg);
    	-moz-transform: rotate(0deg);
    }
    to {
    	transform: rotate(360deg);
    	-webkit-transform: rotate(360deg);
    	-moz-transform: rotate(360deg);
    }
}

.slider_text {background: #f79732 url(../images/slider_bg.png) center center no-repeat; opacity: 0; z-index: 2; position: relative;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
}
.active .slider_text {opacity: 1;}
.content_slider_text {color: #fff; /* font-weight: bold; */ font-size: 1.6rem;}
@media screen and (min-width: 992px) {
	.content_slider_text {padding: 50px 80px;}
}
@media screen and (max-width: 991px) {
	.content_slider_text {padding: 20px;}
}
.content_slider_text h2 {font-size: 6rem; /* font-weight: bold; */ margin-bottom: 35px;}
.content_slider_text p {line-height: 2.4rem;}
.content_slider_text p:last-child {font-size: 2rem;}
@media screen and (max-width: 991px) {
	.content_slider_text h2 {font-size: 3rem;}
	.content_slider_text {font-size: 1.3rem;}
	.content_slider_text p:last-child {font-size: 1.5rem;}
}

.bnr {
	text-align: center;
	margin-top: 90px;
	padding-top: 24px;
}
.bnr a:hover {
	opacity: .7;
}
.bnr img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 991px) {
	.bnr {margin-top: 20px;padding: 15px;}
}
.news_index{

	padding: 0 0 30px 0;

}

.news_index>div>p {
	border-bottom: 2px dashed #faa950;
	margin-top: 90px;
	margin-bottom: 70px;
	color: #faa950;
	line-height: 50px;
	font-size: 32px;
	padding-top: 24px;
	position: relative;
}
.news_index>div>p strong {display: block; font-weight: 500; position: absolute; top: 0; background: #fff; padding-right: 20px; }
.more_news_index {text-align: center; padding: 80px 0;}
.more_news_index a {
	line-height: 45px;
	background: #faa950;
	color: #fff;
	font-weight: 600;
	display: inline-block;
	padding: 0 100px;
	font-size: 28px;
	text-decoration: none;
}

.news_index .item {}
.news_index .item a {color: #626264;}
.news_index .item dl {margin: 10px 10px 5px;}
.news_index .item dt {font-size: 14px;}
.news_index .item dd {font-size: 12px;}
.news_index .item .provider {font-size: 12px; color: #9fa0a0; padding: 0 10px 5px;}
.imgCon {
    width: 278px;
    height: 184px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
@media screen and (min-width: 992px) {
	.news_index .item {width: 23.5%; margin-left: 2%;}
	.news_index .item:first-child {margin-left: 0;}
}

@media screen and (max-width: 991px) {
	.news_index>div>p {margin-top: 20px; margin-bottom: 40px;}
	.news_index {padding: 15px;}
	.news_index .item+.item {margin-top: 15px;}
	.more_news_index {padding: 20px 0;}
	.imgCon {width: 100%; height: 300px;}
}
@media screen and (max-width: 414px) {
	.imgCon {height: 204px;}
}

.news_index .item .article {
	display: block;
	margin-bottom: 20px;
	box-shadow: 0 0 2px 1px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,.1);
}
/*.news_index .item .img a img {width: 100%;}*/
.news_index .item .update_text {line-height: 15px; margin-top: 13px; font-size: 12px; color: #626264;}

.two_index .item {background: #66bc45; color: #000; position: relative; top: 0px;}
.two_index .item:first-child {background: #f79732; position: relative;}
.two_index .item:first-child:before,
.two_index .item:last-child:before {
	content: "";
	z-index: 1;
	position: absolute; top: 0; left: 0; width: 50%; height: 100%;
	display: block;
	background: url(../images/btn1.jpg) top left no-repeat;
	background-size: cover;
}
.two_index .item:last-child:before {
	left: 50%;
	background: url(../images/btn2.jpg) top left no-repeat;
	background-size: cover;
}

@media screen and (min-width: 992px) {
	.two_index .item {width: 48%; padding: 50px 70px;}
	.two_index .item:first-child {margin-right: 4%;}
}
@media screen and (max-width: 991px) {
	.two_index {padding: 15px;}
	.two_index .item {padding: 30px 50px;}
	.two_index .item:first-child {margin-bottom: 15px;}
}
.two_index .item>a {
	background: rgba(255,255,255,.5);
	display: flex; display: -webkit-flex;
	align-items: center;
	justify-content: center;
	height: 200px;
	text-decoration: none;
	color: #000;
	position: relative; z-index: 2;
}
.two_index .item>a:hover {opacity: .7;}
.two_index .item>a span {line-height: 40px; display: block;}
.two_index .item>a span strong {font-size: 40px; display: inline-block;}
.two_index .item>a span {text-align: center; font-size: 30px;}

.partner_index {padding: 80px 40px 40px 40px; text-align: center;}
.partner_index a {display: inline-block; margin: 0 10px;}
.partner_index img {height: 100px;}
@media screen and (max-width: 991px) {
	.partner_index {padding: 40px 0;}
	.partner_index a {margin: 0;}
	.partner_index img {height: 80px;}
}

@media screen and (min-width: 992px) {
	.top_footer {border-top: 1px solid #bbbbbd; border-bottom: 1px solid #bbbbbd; padding: 10px 0;}
}
.row .contact_top_footer {padding: 26px 0; color: #333;}
.contact_top_footer p {line-height: 20px; font-size: 15px; font-weight: 600;}
.row .face_top_footer {text-align: right;}
.row .face_top_footer img {margin-top: 13px;}
@media screen and (max-width: 991px) {
	.top_footer {text-align: center;}
	.row .face_top_footer {text-align: center;}
}

.logo_top_footer img {height: 80px;}

.bottom {padding: 25px 0; border-top: 2px solid #ddddde; text-align: center; color: #000; font-size: 13px; font-weight: 600;}
@media screen and (max-width: 991px) {
	.bottom {border-top: 0; padding: 0 0 25px 0;}
}

.footer>div>.row {padding: 30px 0 20px 0;}
@media screen and (max-width: 991px) {
	.footer {padding: 30px 15px 0;}
	.footer>div>.row .row {margin-bottom: 10px;}
}
.footer p {margin-bottom: 10px;}
.footer p a {color: #000; text-transform: uppercase; font-size: 1.5rem; font-weight: 600; line-height: 18px; display: inline-block;}
.footer a {display: inline-block; color: #58585a; font-size: 1.3rem; line-height: 18px; text-decoration: none;}
.footer a:hover {color: #f79732;}
@media screen and (max-width: 991px) {
	.footer p {border-bottom: 1px dashed #f39b1c;}
	.footer .item>ul {margin-bottom: 10px;}
	.footer li {position: relative; padding-left: 12px;}
	.footer li:before {
		position: absolute; top: 7px; left: 0; content: "";
		display: block;
		width: 8px;
		height: 8px;
		background: #444;
		overflow: hidden;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	}
}


/*---------------contact-----------------*/
.title_page {background: #f79732; color: #fff; line-height: 45px;}
.title_page div {position: relative;}
.title_page img {position: absolute; top: -12px; left: 240px; height: 70px;}
.title_page p {text-align: center; text-transform: uppercase; font-weight: 500; font-size: 22px;}
@media screen and (max-width: 991px) {
	.title_page {margin-bottom: 40px;}
	.title_page p {font-size: 18px;}
	.title_page img {left: 0;}
}

.nav_bar {font-size: 13px; margin: 20px 0;}
@media screen and (max-width: 991px) {
	.nav_bar {padding: 0 15px; margin: 20px 0 40px 0;}
}
.nav_bar a {color: #58585a; text-decoration: none;}
.nav_bar a:hover {color: #f79732;}
.nav_bar i {color: #58585a; margin: 0 8px;}

@media screen and (max-width: 991px) {
	.contact_page {padding: 0 15px;}
}

.title_red>div {border-bottom: 1px dashed #d7d8d9; padding-bottom: 10px; margin-bottom: 10px;}
@media screen and (max-width: 991px) {
	.title_red>div {padding-left: 15px; padding-right: 15px;}
}
.title_red h1 {color: #ed1c24; font-weight: 600; font-size: 2.4rem; padding-left: 35px; position: relative; line-height: 30px;}
.title_red h1:before {
	background: #ed1c24;
	content: "";
	width: 20px; height: 20px;
	position: absolute; top: 5px; left: 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.title_red p {color: #58585a; text-align: center; font-size: 1.6rem; padding: 0 15px;}
.title_red .backTop {text-align: center; margin: 20px 0;}
.title_red .backTop a {color: #fff; background: #939598; line-height: 60px; padding: 12px 25px; font-size: 2.4rem;}
@media screen and (max-width: 991px) {
	.title_red p {text-align: left;}
}

.radio_contact_page {text-align: center;}
.radio_contact_page label {display: inline-block; margin: 0 15px; font-size: 1.4rem; font-weight: normal; color: #626264;}
.radio_contact_page label input[type="radio"] {position: relative; display: inline-block; margin-right: 15px; outline: none;}
.radio_contact_page label input[type="radio"]:before {
	position: absolute; top: -1px; left: -1px;
	content: "";
	background: #fff;
	width: 19px;
	height: 19px;
	display: block;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: 1px solid #626264;
}
.radio_contact_page label input[type="radio"]:after {
	position: absolute; top: 7px; left: 7px;
	content: "";
	background: #626264;
	width: 3px;
	height: 3px;
	display: block;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.radio_contact_page label input[type="radio"]:checked:before {border-color: #f7941e;}
.radio_contact_page label input[type="radio"]:checked:after {background: #f7941e;}

.contact_page dl {margin: 15px 0;}
.contact_page dl dd input[type="text"],
.contact_page dl dd select,
.contact_page dl dd textarea {border: 1px solid #aeafb1; outline: none; width: 100%;}
.contact_page dl dd select {width: 100%;}
.contact_page dl dd input[type="text"]:focus,
.contact_page dl dd select:focus,
.contact_page dl dd textarea:focus {border-color: #f79732;}
.contact_page dl dd input[type="text"],
.contact_page dl dd select {height: 35px; text-indent: 5px;}
.contact_page dl dd textarea {height: 200px; padding: 5px;}
.contact_page form dl dt {font-weight: normal; color: #626264; font-size: 1.4rem; text-align: center; padding-bottom: 5px;}
@media screen and (max-width: 991px) {
	.contact_page form dl dt {text-align: left; padding-bottom: 10px;}
}
.contact_page form dl dt span {color: #ed1c24;}
.contact_page form dl dd button {color: #fff; background: #939598; line-height: 60px; padding: 0 25px; font-size: 2.4rem;}
.contact_page form p {font-size: 1.3rem; color: #58585a; line-height: 1.8rem; margin: 30px 0 60px 0;}


/*---------------brands-----------------*/

.line_brand_page {text-align: center; font-size: 14px; margin-bottom: 15px; color: #d22c2a; font-weight: 600;}
.list_brand_page>div>.row {border-bottom: 1px solid #f79732; padding: 15px 0;}
@media screen and (max-width: 991px) {
	.brand_page {padding: 0 15px;}
	.list_brand_page .row {text-align: center;}
}
.list_brand_page>div>.row .row img {width: calc(100% - 10px); margin-left: 10px;}
.list_brand_page div.text_brand_page {text-align: center; color: #000;}
@media screen and (max-width: 991px) {
	.list_brand_page>div>.row .row img {width: calc(100% - 5px); margin-bottom: 10px; margin-left: 0; margin-right: 5px;}
	.list_brand_page>div>.row .row div:nth-child(2n+2) img {margin-left: 5px; margin-right: 0;}
	.list_brand_page div.text_brand_page {text-align: left;}
	.list_brand_page div.text_brand_page br {display: none;}
}
.list_brand_page div.text_brand_page div {font-size: 3rem; line-height: 3rem; font-weight: 600;}
@media screen and (max-width: 991px) {
	.list_brand_page div.text_brand_page div {font-size: 2.2rem;}
}
.list_brand_page div.text_brand_page p {font-size: 1rem; margin: 5px 0;}
.list_brand_page div.text_brand_page span {font-size: 1.3rem; display: block;}

/*---------------ricruit-----------------*/
.orange_color {color: #f79732;}
.first_ricruit_page,
.second_ricruit_page {padding-top: 15px; padding-bottom: 15px;}
@media screen and (max-width: 991px) {
	.first_ricruit_page {padding: 0 15px;}
	.second_ricruit_page {padding: 0 15px;}
}
.first_ricruit_page {border-bottom: 1px dashed #6d6e71;}
.btnList {
	display:-webkit-box;display:-ms-flexbox;display:flex;
}
.btnList .more_ricruit_page:first-child {
	margin-right: 20px;
}
@media screen and (max-width: 768px) {
	.btnList {display: block;}
	.btnList .more_ricruit_page:first-child {
		margin-right: 0;
		margin-bottom: 20px;
	}
}
.more_ricruit_page a {display: inline-block; color: #fff; background: #f79732; text-decoration: none; line-height: 35px; padding: 0 50px;}
.ricruit_page p {line-height: 2.8rem; font-size: 1.6rem;}
.ricruit_page .orange_color p {font-size: 2.5rem; font-weight: 500; line-height: 3.5rem;}
@media screen and (max-width: 991px) {
	.ricruit_page .orange_color p {font-size: 2.2rem; font-weight: 500; line-height: 3.2rem;}
}
.ricruit_page img {display: block; margin: 0 auto; max-width: 100%;}

/*---------------company_page-----------------*/
.title_company_page {
	color: #ed1c24;
    font-weight: 600;
    font-size: 2.6rem;
    padding-left: 35px;
    position: relative;
    line-height: 30px;
    margin: 30px 0;
}
.title_company_page:before {
    background: #ed1c24;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.first_company_page {font-size: 1.5rem; border-bottom: 2px solid #f79732;}
.first_company_page h1 {font-size: 3rem; font-weight: bold; color: #ed1c24; margin-bottom: 20px;}
.first_company_page p {line-height: 2.2rem;}
.first_company_page img {margin: 0 auto; display: block; max-width: 100%;}

.second_company_page {padding: 60px 0;}

@media screen and (max-width: 991px) {
	.first_company_page {padding-left: 15px; padding-right: 15px;}
	.first_company_page h1 {font-size: 2rem;}
	.second_company_page {padding: 15px;}
}

.left_scp1 {text-align: center;}
.left_scp1 img {max-width: 100%;}
.left_scp1 p a {
	background: #9d9fa2;
	color: #fff;
	text-decoration: none;
	font-size: 2rem;
	line-height: 4rem;
	padding: 0 80px;
	margin-top: 10px;
	font-weight: bold;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    display: inline-block;
}
@media screen and (max-width: 991px) {
	.left_scp1 p a {padding: 0 20px; font-size: 1.8rem;}
}
.row .right_scp1 {font-size: 1.4rem;}
@media screen and (min-width: 992px) {
	.row .right_scp1 {padding-left: 30px;}
}
.right_scp1 h2 {font-size: 5.2rem; font-weight: bold; color: #f79732;}
@media screen and (max-width: 991px) {
	.right_scp1 h2 {font-size: 2.2rem;}
}
.right_scp1 div {border-top: 1px solid #f79732; margin-top: 15px; padding-top: 15px;}
.right_scp1 div p {line-height: 2.2rem}

.comp_box {
	border: 4px solid #ddd;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative;
}
.comp_box>p {position: relative; margin-top: -25px; text-align: center;}
.comp_box>p strong {background: #fff; display: inline-block; padding: 0 20px; font-size: 3.5rem;}
.red_comp_box>div {padding: 10px 100px;}
@media screen and (max-width: 991px) {
	.red_comp_box>div {padding: 10px 0;}
}
.red_comp_box {border-color: #ed1c24; font-size: 1.3rem;}
@media screen and (max-width: 991px) {
	.red_comp_box {border: none;}
	.comp_box>p strong {font-size: 2.5rem;}
	.red_comp_box.comp_box>p strong {font-size: 2.5rem;}
}
.red_comp_box>p strong {color: #ed1c24;}
.red_comp_box>div p {
	background: #8a8c8f;
	color: #fff;
	border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    line-height: 2.5rem;
    text-align: center;
    padding: 0 20px;
}
.red_comp_box>div h3 {
	padding: 20px 0 0 0;
	font-weight: bold;
	color: #ed1c24;
}
.red_comp_box>div ul {
	padding: 20px 0 20px 30px;
	color: #000;
	background: url(../images/company-logo.png) top right no-repeat;
}
.red_comp_box>div ul.bgNone {
	background: none;
}
@media screen and (max-width: 991px) {
	.red_comp_box>div p {background: #ee1d23; color: #fff; font-size: .9rem; padding: 0 5px;}
	.red_comp_box>div ul {padding: 20px 0; background: none;}
}
.red_comp_box>div ul li {margin: 3px 0; padding-left: 30px; position: relative;}
.red_comp_box>div ul li:before {
	position: absolute; top: 4px; left: 0;
	width: 12px;
	text-align: center;
	display: block;
	color: #fff;
	line-height: 1.2rem;
	font-size: 1rem;
}
.red_comp_box>div ul li:nth-child(4n+1):before {background: #f7941e;}
.red_comp_box>div ul li:nth-child(4n+2):before {background: #8cc63f;}
.red_comp_box>div ul li:nth-child(4n+3):before {background: #ec008c;}
.red_comp_box>div ul li:nth-child(4n+4):before {background: #00aeef;}
.red_comp_box>div ul li:nth-child(1):before {content: "1";}
.red_comp_box>div ul li:nth-child(2):before {content: "2";}
.red_comp_box>div ul li:nth-child(3):before {content: "3";}
.red_comp_box>div ul li:nth-child(4):before {content: "4";}
.red_comp_box>div ul li:nth-child(5):before {content: "5";}
.red_comp_box>div ul li:nth-child(6):before {content: "6";}
.red_comp_box>div ul li:nth-child(7):before {content: "7";}
.red_comp_box>div ul li:nth-child(8):before {content: "8";}
.red_comp_box>div ul li:nth-child(9):before {content: "9";}
.red_comp_box>div ul li:nth-child(10):before {content: "10";}
.red_comp_box>div ul li:nth-child(11):before {content: "11";}
.red_comp_box>div ul li:nth-child(12):before {content: "12";}
.red_comp_box>div ul li:nth-child(13):before {content: "13";}
.red_comp_box>div ul li:nth-child(14):before {content: "14";}
.red_comp_box>div ul li:nth-child(15):before {content: "15";}
.red_comp_box>div ul li:nth-child(16):before {content: "16";}
.red_comp_box>div ul li:nth-child(17):before {content: "17";}
.red_comp_box>div ul li:nth-child(18):before {content: "18";}


.red_comp_box>div ul.bgNone li:nth-child(1):before {content: "";}
.red_comp_box>div ul.bgNone li:nth-child(2):before {content: "";}
.red_comp_box>div ul.bgNone li:nth-child(3):before {content: "";}
.red_comp_box>div ul.bgNone li:nth-child(4):before {content: "";}

.blue_comp_box {border: 6px solid #00aeef;}
.blue_comp_box>p strong {color: #00aeef;}
.blue_comp_box>div {padding: 20px 40px 30px 40px; color: #000; font-size: 1.5rem;}
.blue_comp_box>div p+p {margin-top: 10px; padding-top: 10px; border-top: 1px dashed #00aeef;}
.blue_comp_box>div p {line-height: 2.2rem;}


.pink_comp_box {border: 6px solid #ec008c;}
.pink_comp_box>p strong {color: #ec008c;}
.pink_comp_box>div {padding: 20px 30px 30px 30px; color: #000;}
.pink_comp_box>div dl+dl {margin-top: 10px;}
.pink_comp_box>div dt {font-size: 1.5rem; color: #ec008c;}
.pink_comp_box>div dd {font-size: 1.2rem;}


.orange_comp_box {border: 6px solid #f7941e; position: relative;}
.orange_comp_box>p strong {color: #f7941e;}
.orange_comp_box>div {padding: 20px 40px 30px 40px; color: #000; font-size: 1.5rem;}
.orange_comp_box>div p {color: #f7941e; font-size: 1.3rem; margin-bottom: 10px;}
.orange_comp_box>div p span {
	color: #000;
	display: inline-block;
	padding-left: 30px;
	margin-left: 30px;
	background: url(../images/arrow.png) left center no-repeat;
}
.orange_comp_box>div h3 {margin-top: 30px; font-weight: bold; color: #f7941e; font-size: 2.4rem;}
.orange_comp_box>div img {position: absolute; bottom: -30px; right: -25px;}

.green_comp_box {border: 6px solid #8cc63f; position: relative;}
.green_comp_box>p strong {color: #8cc63f;}
.green_comp_box>div {padding: 20px 40px 30px 40px; color: #000;}
.green_comp_box>div dl:first-child {margin-bottom: 18px;}
.green_comp_box>div dl:nth-child(2) {margin-bottom: 18px;}
.green_comp_box>div dl+dl {margin-top: 5px;}
.green_comp_box>div dt {text-align: right; font-size: 1.3rem; font-weight: normal; position: relative; color: #000;}
.green_comp_box>div dt span {position: absolute; bottom: 2px; left: 0; font-size: 1rem; color: #8cc63f;}
.green_comp_box>div dd {border-top: 1px solid #8cc63f; font-size: 1rem; color: #8cc63f;}
.green_comp_box>div img {position: absolute; top: 5px; left: -30px;}

.widthMiddle {display: none;}

@media screen and (max-width: 991px) {
	.orange_comp_box>div p {font-size: 1rem;}
	.orange_comp_box>div p span {
		padding-left: 30px;
		margin-left: 2px;
	}
	.orange_comp_box>div h3 {font-size: 1.5rem;}
	.blue_comp_box>div {padding: 20px;}
	.pink_comp_box>div {padding: 20px;}
	.orange_comp_box>div {padding: 20px}
	.green_comp_box>div {padding: 20px;}
	.orange_comp_box>div img {height: 110px; right: -15px;}
	.green_comp_box>div dt {text-align: left;}
	.green_comp_box>div dt span {position: relative;}
	.green_comp_box>div img {top: -22px;left: -20px; height: 50px;}

	.widthMiddle {display: block;}
}

@media screen and (min-width: 992px) {
	.blue_comp_box {margin-right: 20px;}
	.pink_comp_box {margin-left: 20px;}
	.orange_comp_box {margin-right: 20px;}
	.green_comp_box {margin-left: 20px;}
}

.third_company_page {
	border-top: 2px solid #f79732;
	border-bottom: 1px solid #fde5cc;
}
@media screen and (max-width: 991px) {
	.third_company_page,
	.fouth_company_page {padding: 0 15px;}
}
.third_company_page .tcp {font-size: 1.3rem; color: #000;}
.third_company_page .tcp .row {padding: 5px 0;}
.third_company_page .tcp .row+.row {border-top: 1px solid #ee1d23;}
@media screen and (min-width: 992px) {
	/* .third_company_page .tcp .left_tcp {padding-right: 5px;}
	.third_company_page .tcp .right_tcp {padding-left: 5px;} */
}
@media screen and (max-width: 991px) {
	.third_company_page .tcp {font-size: 1.1rem;}
}

.fouth_company_page img {display: block; margin: 0 auto; max-width: 100%;}

/*-------------member_page--------------*/
.first_member_page>div>p,
.second_member_page>div>p,
.three_member_page>div>p {color: #f79732; margin: 20px 0; font-size: 2rem; font-weight: bold;}
.first_member_page>div div p {font-size: 1.5rem; line-height: 2.4rem;}

@media screen and (max-width: 991px) {
	.first_member_page {padding: 15px;}
	.second_member_page {padding: 15px;}
	.three_member_page {padding: 15px;}
}

.second_member_page .row .row>div:first-child img {display: block; margin: 20px auto;}
.second_member_page .row .row>div:first-child p {
	margin: 0 auto;
	width: 100px;
	height: 100px;
	background: #f79732;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.second_member_page .row .row>div:first-child p strong {
	color: #fec22f;
	font-size: 3.2rem;
	padding-top: .4rem;
	line-height: 3.6rem;
	font-weight: normal;
	display: block;
}
.second_member_page .row .row>div:last-child {padding: 10px 20px 10px 15px;}
.second_member_page .row .row>div:last-child p {font-size: 1.6rem; line-height: 2.6rem;}
@media screen and (max-width: 991px) {
	.second_member_page .row .row>div:last-child {padding: 0;}
	.second_member_page .row .row>div:last-child p {
		font-size: 1.2rem;
		line-height: 2.2rem;
		min-height: 100px;
		display: flex;
		display: -webkit-flex;
		align-items: center;
	}
}
.second_member_page .row .row>div:last-child a {
	display: inline-block;
	margin-top: 15px;
	color: #fff;
	background: #f79732;
	line-height: 3.2rem;
	padding: 0 40px;
}
@media screen and (max-width: 991px) {
	.second_member_page .row .row>div:last-child a {
		padding: 0 15px;
		margin-top: 0;
	}
}
.right_smp {text-align: right;}
.right_smp img {max-width: 100%;}
@media screen and (max-width: 991px) {
	.right_smp {text-align: center;}
}

.three_member_page {border-top: 1px dashed #ddd;}
.mp_box>p {font-size: 1.4rem; margin-bottom: 15px;}
.mp_box>div>.row>div {background: #ddd; border: 3px solid #fff; padding: 5px 10px; font-size: 1.2rem;}

.oragne_mp_box>p {color: #fec35c; margin-bottom: 15px;}

.oragne_mp_box div .row .row>div {
	background: #fec35c;
	color: #000;
	position: relative;
	border: 3px solid #fff;
	padding: 5px 10px;
	font-size: 1.2rem;
}
.oragne_mp_box>div>.row>div span {display: block;}
.oragne_mp_box>div>.row>div span {position: absolute; top: 0; right: 0; padding: 5px 20px 5px 0;}

.blue_mp_box>div>p {font-size: 1.3rem; margin-top: 10px;}
.blue_mp_box.mp_box>p {color: #8cc63f;}
.blue_mp_box.mp_box>div>.row>div {background: #ebea55; color: #000;}
.blue_mp_box.mp_box>div>.row>div:nth-child(2) {text-align: right;}

.pink_mp_box.mp_box>p {color: #ed217c;}
.pink_mp_box.mp_box>div>.row>div {background: #f59ba9; color: #000;}
.pink_mp_box.mp_box>div>.row>div:nth-child(2),
.pink_mp_box.mp_box>div>.row>div:nth-child(3) {text-align: right;}
.pink_mp_box>div>p {font-size: 1.3rem; margin-top: 10px;}
@media screen and (min-width: 992px) {
	.pink_mp_box {margin-left: 15px;}
}

.send_link {
	background: #f39800;
	display: flex;
	display: -webkit-flex;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	height: 50px;
	text-align: center;
	align-items: center;
	justify-content: center;
}
.send_link img {margin-right: 8px;}
.send_link:hover {color: #fff; text-decoration: none;}
.go-top {
	display: flex;
	display: -webkit-flex;
	background: #939598;
	text-align: center;
	height: 50px;
	align-items: center;
	justify-content: center;
}

.multi_color dl {text-align: center;}
.multi_color dl dt {color: #fff; font-size: 1.8rem; padding: 5px 0;}
.multi_color dl dd {font-size: 1.2rem; padding: 10px 0;}
.multi_color dl:nth-child(4n+1) dt {background: #fa9233;}
.multi_color dl:nth-child(4n+1) dd {color: #fa9233;}
.multi_color dl:nth-child(4n+2) dt {background: #8cc450;}
.multi_color dl:nth-child(4n+2) dd {color: #8cc450;}
.multi_color dl:nth-child(4n+3) dt {background: #ef0f89;}
.multi_color dl:nth-child(4n+3) dd {color: #ef0f89;}
.multi_color dl:nth-child(4n+4) dt {background: #00b0eb;}
.multi_color dl:nth-child(4n+4) dd {color: #00b0eb;}
.multi_color dl dd p {line-height: 1.8rem;}
.multi_color dl dd p+p {margin-top: 15px;}

.row .sns{
	margin: 0 auto 50px auto;
	width: 48%;
}

@media screen and (max-width: 767px) {
	
	.row .sns {
		flex-direction: column;
		width: 100%;
		margin: 0 auto;
	}
}
.row .sns:first-child {
    margin-right: 4%;
  }
.row .sns .box{
	width: 100%;
	padding: 20px;
	margin: 20px auto;
	border: 1px solid #faa950;
}

@media screen and (max-width: 767px) {
	.row .sns:first-child {
		margin-right: 0%;
	  }
	  .row .sns .box{
		margin: 10px auto;
	  }
}
.row .sns h3{
	font-size: 18px;
	width: auto;
	background-color: #faa950;
	text-align: center;
	padding: 10px;
	margin: 0 auto 20px auto;
	color: #fff;
	
}

.row .sns ul{
width: 100%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}

.row .sns ul li{
	width: 50px;
	height: auto;
	margin-right:40px;
}
.row .sns ul li.yt{
	width: 55px;
	margin-right:0px;
}
.row .sns ul li img{
	width: 100%;
	height: auto;
}