/*------------------------------------------------------------------

[Table of contents]

 - Preview page styles

-------------------------------------------------------------------*/

.news_line {
	border-bottom: 1px dotted #2EACDD;
	margin-bottom: 25px;
}
.mb-10{
	margin-bottom:10px;
}
.mb-20{
	margin-bottom:20px;
}
.mb-30{
	margin-bottom:30px;
}
.mb-50{
	margin-bottom:50px;
}
.mb-60{
	margin-bottom:60px;
}
.mb-80{
	margin-bottom:80px;
}
.mb-100{
	margin-bottom:100px;
}
.mb-150{
	margin-bottom:150px;
}
.mb-200{
	margin-bottom:200px;
}
.underbar{
	border-bottom:1px solid #eeeeee;
	width:80%;
	margin:100px 0 0 10%;
}
.box01{
	display:inline-block;
	width:20%;
	border-bottom:1px dotted #222;
	padding:20px 20px;
	margin:0 1%;
	font-weight:bold;
}
.box02{
	display:inline-block;
	width:75%;
	border-bottom:1px dotted #222;
	padding:20px 20px;
	margin:0 1%;
}
.box03{
	display:inline-block;
	width:20%;
	border-bottom:1px dotted #222;
	padding:20px 20px 125px 20px;
	margin:0 1%;
	font-weight:bold;
	
}

.picuplink a {
	color: white;
	text-shadow: 1px 2px 3px #000;
}
.picuplink a:hover {
	color: gold;
}

.section-picup001 {
  background-image: url("../media/pickup.jpg");
}
.section-picup002 {
  background-image: url("../media/pickup.jpg");
}
.section-picup003 {
  background-image: url("../media/pickup.jpg");
}



	.glyph {
		float: left;
		text-align: center;
		padding: .75em;
		margin: .4em 1.5em .75em 0;
		width: 6em;
text-shadow: none;
	}
        .glyph_big {
        font-size: 128px;
        color: #59c5dc;
        float: left;
        margin-right: 20px;
        }

        .glyph div { padding-bottom: 10px;}

	.glyph input {
		font-family: consolas, monospace;
		font-size: 12px;
		width: 100%;
		text-align: center;
		border: 0;
		box-shadow: 0 0 0 1px #ccc;
		padding: .2em;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
	}
	.centered {
		margin-left: auto;
		margin-right: auto;
	}
	.glyph .fs1 {
		font-size: 2em;
	}

.barh2 {
	position: relative;
	font-size: 26px;
	text-align: center;
	border-bottom: 5px solid #387ccc;
	margin-bottom: 30px;
	padding-bottom: 15px;
}
.barh2::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 35%;
	height: 5px;
	background-color: #f4b4d0;
}
.barh3 {
	font-size: 20px;
	width: 100%;
	text-align: center;
	position: relative;
	padding: 0.75em 1.5em;
	background: linear-gradient(to top, rgb(39, 172, 217), #45c4ee);
	color: #fff;
	margin-top: -0px;
}
.barh4 {
	width: 100%;
	border-bottom: solid 3px #8fc31f;
}

.top_picup {
	font-size: 20px;
	font-weight: bold;
	width: 100%;
	background-color: #fcedf4;
	border: solid 2px #f4b4d0;
	padding: 10px;
	border-radius: 30px;
}
.multi-bg-example {
  background-image:
      url(job_joukasou_suishitsu.png),url(water_joukasou.png);
  background-repeat: no-repeat,
      no-repeat;
  background-position: top right,top left;
}
@media (max-width: 992px) {
.multi-bg-example {
  background-image: url(white_img.gif),url(white_img.gif);
  background-repeat: no-repeat,no-repeat;
  background-position: top right,top left;
}
  }

@media (max-width:768px) {
	
	.box01{		
	width:100%;
	}
	.box02{
	width:100%;		
	}
	.box03{
	width:100%;		
	padding:20px 20px;
		
	}
}

/*------------------------------------------------------------------

bootstrap4 space

-------------------------------------------------------------------*/

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
	.anchortop {
    display: block;
    padding-top: 150px;
    margin-top: -150px;
}