@charset "utf-8";

@media screen and (max-width: 1979px) {
}
@media (min-width : 1980px) {
}
/*	COLUMN WIDTH ON DISPLAYS +768px 
	You might need to play with media queries here to suite your design. */
@media (min-width : 1980px) {
	.span_1 { width: 8.33333333333%; }
	.span_2 { width: 16.6666666667%; }
	.span_3 { width: 25%; }
	.span_4 { width: 33.3333333333%; }
	.span_5 { width: 41.6666666667%; }
	.span_6 { width: 50%; }
	.span_7 { width: 58.3333333333%; }
	.span_8 { width: 66.6666666667%; }
	.span_9 { width: 75%; }
	.span_10 { width: 83.3333333333%; }
	.span_11 { width: 91.6666666667%; }
	.span_12 { width: 100%; }
	
	.gutters .span_1 { width: 6.5%; }
	.gutters .span_2 { width: 15.0%; }
	.gutters .span_3 { width: 17.1%; }
	.gutters h1 { width: 23.5% !important; }
	.gutters .span_4 { width: 32.0%; }
	.gutters .span_5 { width: 40.5%; }
	.gutters .span_6 { width: 49.0%; }
	.gutters .span_7 { width: 57.5%; }
	.gutters .span_8 { width: 66.0%; }
	.gutters .span_9 { width: 74.5%; }
	.gutters .span_10 { width: 83.0%; }
	.gutters .span_11 { width: 91.5%; }
	.gutters .span_12 { width: 100%; }
}
/**/
/*firefoxスクロールバー対策*/
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
}
/*base*/
html {
	font-size: 62.5%;
}
body {
	font-family: "Helvetica Neue",
		Arial,
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo,
		sans-serif;
	/*font-size: 1.6rem;*/
	color: #555;
}
/*universal*/
.red {
	color: #F00;
}
.orange {
	color: #FD6220;
}
.tx_center {
	text-align: center !important;
}
.tx_left {
	text-align: left !important;
}
.bold {
	font-weight: bold;
}
.s_txt {
	font-size: 1.2rem;
}
.l_txt {
	font-size: 2rem;
}
.btn_box {
	display: flex;
	justify-content: space-around;
}
.img_box {
	display: flex;
	justify-content: center;
	padding: 1rem;
}
.no_height {
	line-height: 0 !important;
}
.bottom_balloon {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	color: #555;
	font-size: 16px;
	background: #FFF;
	border: solid 1px #555;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#forcompany .bottom_balloon:before {
	content: "";
	position: absolute;
	bottom: -38px;
	left: 50%;
	margin-left: -20px;
	border: 17px solid transparent;
	border-top: 22px solid #FFF;
	z-index: 2;
}

#forcompany .bottom_balloon:after {
	content: "";
	position: absolute;
	bottom: -40px;
	left: 50%;
	margin-left: -21px;
	border: 18px solid transparent;
	border-top: 23px solid #555;
	z-index: 1;
}

.bottom_balloon p {
	margin: 0;
	padding: 0;
}
.bottom_balloon2 p {
	margin: 0;
	padding: 0;
}
.btn_block {
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn01 {
	/*width: 100%;*/
	background-color: #FF4500;
	color: #FFF;
	font-weight: bold;
	font-size: 2rem;
	line-height: 2rem;
	border-radius: 8px;
	/*display: inline-block;*/
	margin: 0 1rem;
	padding: 30px 40px;
	text-align: center;
	/*box-shadow:3px 3px 7px -3px #5b5b5b;*/
}
.btn01:hover {
	opacity: .6;
}
.btn02 {
	height: 80px;
	font-family: "Helvetica Neue",
		Arial,
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo,
		sans-serif;
	font-size: 1.6em;
	background-color: #47ADB6;
	color: #FFF;
	font-weight: bold;
	font-size: 2rem;
	border-radius: 36px;
	padding: 2% 6%;
	text-align: center;
	box-shadow:3px 3px 7px -3px #5b5b5b;
}
.btn02:hover {
	opacity: .6;
}
.btn03 {
	background-color: #FFF;
	color: #6A3056;
	font-weight: bold;
	border-radius: 3px;
	padding: 15px 30px;
	text-align: center;
}
.btn03:hover {
	opacity: .8;
}
.copy02 {
}

/* #pagetop {
	width:100px;
	height: 35px;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#pagetop a {
	height:35px;
	background: #505050;
	color: #fff;
	font-size: 1.7rem;
	line-height: 4rem;
	text-align: center;
	display: block;
	border:1px solid #fff;
	border-radius: 5px;
	padding: 0 20px;
} */
#pagetop {
	/*width:100px;*/
	/*height: 35px;*/
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#pagetop a {
	height:35px;
	line-height: 35px;
	background: #f9cdc7;
	color: #e63820;
	font-size: 0.2em;
	text-align: center;
	text-decoration: none;
	display: block;
	border: 1px solid #e63820;
	padding: 0 15px;
}
.pagetop a:hover {
	background: #e63820;
	color: #FFFFFF;
	text-decoration: none;
}
/*onlypc*/
@media(min-width: 1980px) {
	body {
		line-height: 2rem;
	}
}
/*otherthanpc*/
@media(max-width: 950px) {
	body {
		line-height: 1.2rem;
	}
}
/*tablet*/
@media(max-width: 800px) {
}
@media(max-width: 639px) {
}
/*mobile_phone*/
@media(max-width: 500px) {
}
@media(max-width: 419px) {
}
@media(max-width: 410px) {
}
@media(max-width: 400px) {
}