@charset "utf-8";
/*****************************************************
	
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
	
*****************************************************/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;outline:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {	border-collapse: collapse;border-spacing: 0;}
caption,p {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;height:auto;}
.line {font-size:1px;line-height:1px;}


 /* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
input[type="reset"] {
	width:100%;
	max-width:150px;
  border-radius: 5px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing:border-box;
  cursor: pointer;
  background:#efefef;
  color:#444;
  border:1px solid #444;
  padding:5px;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
submit:hover {
	background: gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	background: -moz-linear-gradient(top, #FFF, #CCC);
	background: -ms-linear-gradient(top, #FFF 0%, #CCC 100%);
	box-shadow: 0px 2px 15px #CCC;
}
.formrest{
	overflow:hidden;
	max-width:500px;
	margin:50px auto;
}

.form-bt{
	float:left;
	width:45%;
	margin:0 auto;
	text-align:center;
}
.reset-bt{
	float:right;
	width:45%;
	margin:0 auto;
	text-align:center;
}
/*--- default ---*/
body {
	color: #111;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	line-height:2em;
	letter-spacing:0.05em;
	-webkit-text-size-adjust: 100%;
}
body,
html {
  height: 100%;
  margin: 0 auto;
}
table{
	border-collapse:collapse;
}
.clear{clear:both;}
.go{

}

/*****************************************************
	
	ベース
	
*****************************************************/

a:link {
	color:#111;
	text-decoration:none;
}
a:visited{
	color:#111;
	text-decoration:none;
}
a:hover{                     
	text-decoration: none;

}
a:active{
	text-decoration:none;
}

.clear:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content:"";
	clear: both;
	height: 0;
}
* html .clear            { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */
a,a img {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
a img:hover,.shopnav a:hover,.foot-nav a:hover  {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

a[href^="tel:"] {
    pointer-events: none;
}

.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#wrap{
	overflow:hidden;
	width:100%;
}

/*****************************************************
	
	ヘッダー
	
*****************************************************/

/*============ front-header =============*/

.front-header{
	position:relative;
}
.kazari-contact{
	width:210px;
	background-color:#00a1ea;
	color:#fff;
	font-size:80%;
	padding:15px;
	line-height:1.8em;
	position:absolute;
	right:0;}

.kazari-contact span{
	display:block;
	font-size:190%;}

.kazari-contact span:before{
	content:"";
	background:url(../image/front/denwa.svg)no-repeat center;
	padding:11px;}

.kazari-support{
	width:400px;
	background-color:#ffffffb3;
	color:#00a1ea;
	font-size:220%;
	padding:30px;
	line-height:1.2em;
	position:absolute;
	right:10%;
	top:35%;}

.kazari-support span{
	display:block;
	color:#444;
	font-size:50%;}

.page-header header,
.front-header header{
	width:100%;
	max-width:1200px;
	position:relative;
	margin:0 auto 100px;
	overflow:hidden;}

.page-header header{
	padding: 20px 0 20px;
	margin:0 auto;}

@media screen and (max-width:1100px){

.kazari-contact{left:0;}
.kazari-support{
	width:300px;
	padding:20px;
	font-size:150%;
	top:15%;}
}
@media screen and (max-width:800px){

.kazari-support{
	top:10%;}
}
@media screen and (max-width:480px){
	
.page-header header{
	padding: 15px 0 25px;
	margin:0 auto;}
	
header{margin:0 auto 0px;}
	
.front-header header{
	margin:0 auto 50px;}
.kazari-contact{display:none;}	
.kazari-support{
	position:relative;
	padding:16px;
	left:0%;
	right:0%;
	top:0%;}
}
/*============ page-header =============*/

.denwaarea ul{
	position:relative;
	padding:20px 0px;}

.denwaarea ul li{float:left;}

.denwaarea ul li:first-child{
	border-radius: 100vh;
	padding:2px 20px;
	background:#00a1ea;
	color:#fff;
	font-size:80%;
	position:absolute;
	right:21%;
	top:0;}

.denwaarea ul li:last-child{
	position:absolute;
	right:3%;
	top:0;
	color:#00a1ea;
	font-size:150%;}

.denwaarea ul li:last-child div:before{
	content:"";
	background:url(../image/front/denwa2.svg)no-repeat center;
	padding:11px;}

@media screen and (max-width:1000px){
	
.denwaarea{display:none;}
	
}
/*****************************************************
	
	フッター

*****************************************************/
footer{
	clear:both;
	font-size:85%;
	
	background-color:#fff;
	border-top:1px solid #ccc;
}
.footermenu{
	background-color:#aacc03;
	overflow:hidden;
	margin: 0 0 100px;
}
.footermenu ul {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.footermenu ul li{
	float:left;
	width: 20%;
	text-align:center;
}
.footermenu ul li a{
	color:#fff;
	display:block;
	padding:20px 0;
	border-left:solid 1px #fff;	
}
.footermenu ul li:first-child a{
	border-left:solid 0px #fff;	
}
.footermenu ul li a:hover{
	background-color:#00a1ea;	
}
.menu_hover {
    background-color: #00a1ea;
    color: white;
}

footer .footerbox{
	width:95%;
	max-width:1200px;
	margin: 0 auto 100px;
	overflow:hidden;
}
footer .footerbox .f-leftbox{
	width:45%;
	margin:0 auto;
	float:left;
}

footer .footerbox .f-rightbox{
	width:45%;
	float:right;
}
.f-rightbox .footer-rogo{
	width:50%;
	margin:0 auto 2rem;
}
.f-rightbox img{width: 100%;}
.f-rightbox .mise{
	text-align:center;
	font-size:1.3em;
	margin:1rem auto;
}
.f-rightbox .ue{
	border-bottom:1px solid #444;
	margin: 0px auto;
	padding-bottom:20px;
	text-align:center;
}

.f-rightbox div span{display:block;}

.kazri-copy{
	width:100%;
	padding:30px 0;
	background:url(../image/front/machinami-bg.svg) repeat-x bottom;
}

.copyright{
	width:100%;
	clear:both;
	background-color:#00a1ea;
	color:#fff;
	padding: 30px 0 70px;
	text-align:center;
}

@media screen and (max-width: 800px){

.footermenu ul li{
	float:left;
	width: 33.3%;
	text-align:center;
}
.footermenu ul li:nth-child(1) a,
.footermenu ul li:nth-child(2) a,
.footermenu ul li:nth-child(3) a{
	border-bottom:solid 1px #fff;	
}
.footermenu ul li:nth-child(4) a{
	border-left:solid 0px #fff;	
}


.footermenu ul li:nth-child(5) {
	border-right:solid 1px #fff;	
}
	
}
@media screen and (max-width:600px){

footer .footerbox .f-leftbox{
	width:95%;
	margin:0 auto 70px;
	float:none;
}

footer .footerbox .f-rightbox{
	width:95%;
	margin:0 auto 0px;
	float:none;
}

}
@media screen and (max-width:480px){

.footermenu ul li{font-size:90%;}

}
/*****************************************************
	
	動画

*****************************************************/

/* wrap */

.hero {
  position:relative;
  z-index: -1;
  width: 100%;
  height:100%;}

/* video */

.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 1}
.video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}

.video-sp .video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;}

.video-sp .video {
  position: relative;
  top: 0%;
  left: 0%;
  width:100%;
  min-width: auto;
  min-height: auto;
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  transform: translate(0%, 0%);}


/* overlay */

.overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.0);}

@media screen and (min-width:1200px){
	
.hero {height: 100%;}

}

/*****************************************************
	
	ナビ部分

*****************************************************/

.page-header header .rogo,
.front-header header .rogo{
	width:40%;
	float:left;
	padding: 20px 0;
	overflow:hidden;
	background:url(../image/front/logo-04b.png)no-repeat center;
	background-size:300px}

.page-header header .rogo a,
.front-header header .rogo a{
	padding:25px 0;
	display:block;
	text-indent:-999px;
}




header #navArea{
	width: 60%;
	overflow:hidden;}

nav .inner ul{
	width:100%;
	float:right;
}
nav .inner ul li{
  width: 20%;
  float: left;
  text-align:center;
  font-size:95%;
}
nav .inner ul li:nth-child(n+6){
	display:none; 
}
nav .inner ul li a{
  display:block;
   padding:3vh 0;
}

.page-header nav .inner ul li a{
  display:block;
   padding:1vh 0;
}

nav .inner ul li a:hover{
   opacity: 0.6;
    filter: alpha(opacity=60);
}


@media screen and (max-width:1000px){

.front-header header .rogo{
	width:100%;
	max-width:280px;
	margin:0 auto;
	float:none;
	padding: 30px 0  0;
	background-size:100%;}

.page-header header .rogo{
	width:100%;
	max-width:280px;
	margin:0 auto;
	float:none;
	padding: 25px 0;
	margin:0px auto;
	background-size:100%;
}

#navArea{width:100%;}
nav .inner ul{
	width:100%;
	float:none;
}


/*============ toggle_btn =============*/

.toggle_btn {
  display: block;
  position: fixed;
  top: 0px;
  right: 00px;
  width: 90px;
  height: 90px;
  transition: all .5s;
  cursor: pointer;
  z-index:100;
  background-color:#eee;
}
.toggle_btn:hover {
   width: 110px;

}
.toggle_btn:after {
 content:'メニュー';
 font-size:60%;
 text-align:center;
 width:100%;
position:absolute;
bottom:8px;
left:0%;-webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.open .toggle_btn:after {
 content:'閉じる';

}

.toggle_btn span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left:-15px;
  width: 30px;
  height: 2px;
  background-color: #444;
  border-radius: 4px;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {top: 30%;}
.toggle_btn span:nth-child(2) {top: 40%;margin-top:-1px;}
.toggle_btn span:nth-child(3) {bottom: 50%;}

.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(11px) rotate(-315deg);
  transform: translateY(11px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-7px) rotate(315deg);
  transform: translateY(-7px) rotate(315deg);
}


/*============ mask =============*/

#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 1.0;
  z-index: 0;
  cursor: pointer;
}

/*============ nav =============*/

nav{
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color:#fff;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all 1.0s;
  z-index: -1;
  opacity: 0;
}

.open nav {
  opacity: 1;
  z-index: 1;
}
nav .inner {
  width:90%;
  margin:15vh auto 0;
}
nav .inner ul li{
  width:50%;
  float:left;
  text-align:center;
  padding:3vh 0;
  font-size:150%;
}
}
@media screen and (max-width:480px){
	
.page-header header .rogo{
	width:65%;
	max-width:280px;
	float:none;
	padding: 20px 0;
	margin:10px 0 0 10px;
	
}
nav .inner ul li{
  width:80%;
  float:none;
  text-align:center;
  padding:2vh 0;
  font-size:150%;
  margin:0 auto;
}
nav .inner ul li a{
   padding:1vh 0;
}
nav .inner ul li:nth-child(n+6){
	display:block; 
}

nav .inner ul li:nth-child(6){
	width:70%;
	border-radius: 100vh;
	padding:5px 0px;
	background:#00a1ea;
	color:#fff;
	font-size:80%;

}

nav .inner ul li:nth-child(7){
	color:#00a1ea;
	font-size:150%;
	padding:5px 0px;
	}
nav .inner ul li:nth-child(7) div:before{
	content:"";
	background:url(../image/front/denwa2.svg)no-repeat center;
	padding:11px;
	}
}

/*****************************************************
	
	フロントコンテンツ

*****************************************************/

/*============ block01 =============*/
.front-page{
	center:block;
	width:100%;
}
.front-page .front-content{
	max-width:1200px;
	margin:0 auto;	
}
.front-page h2{
	font-size:200%;
	padding-bottom:50px;
	text-align:center;
	color:#00a1ea;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	line-height:1.5em;
}
.front-page h2 span{
	display:block;
}
.front-page .block01,
.front-page .block02,
.front-page .block03,
.front-page .block04{
	clear:both;
	width:100%;
	margin-bottom: 70px;
	position:relative;
	overflow:hidden;
}
.block01 h2{
	background:url(../image/front/kazari-name.svg)no-repeat center;
	background-size:100%;
	padding:50px 0;
}

.block01 p{text-align:center;}

.block01 .btarea{
	padding:50px 0;
	width:250px;
	margin:0 auto;
}

.block01 .btarea a.btn-border {
	border: 1px solid #444;
	border-radius: 0;
	background: #fff;
	padding: 15px 26%;
	text-decoration:underline 3px;
	text-decoration-color:#fff100;
}

.block01 .btarea a.btn-border:hover {
	color: #444;
	background: #fff100;
}

@media screen and (max-width:800px){

.front-page .block01,
.front-page .block02,
.front-page .block03,
.front-page .block04{
	width:95%;
	margin:0 auto 70px;
	
} 
}
/*============ block02 =============*/
.front-page .block02{
	margin-bottom:150px;
}
.block02 .b2-leftbox{
	float:left;
	width:45%;
	background:url(../image/front/kazari-family.jpg)no-repeat center;
	background-size:100%;
	padding:350px 0;
}
.block02 .b2-rightbox{
	float:right;
	width:46%;
}
.block02 .b2-rightbox div{
	margin-bottom:70px;
}

.block02 .b2-rightbox div ul li{
	float:left;
	width: 29%;
	margin:0 2%;
}
.block02 .b2-rightbox div ul li p{
	text-align:center;
	line-height:1.5em;
	font-family:none;
	font-size:90%;
	padding:10px 0 0;
}
.block02 .b2-rightbox div ul li p span{
	display:block;
}
.block02 .b2-rightbox div ul li div{
	margin-bottom:0px;
}
.b2-rightbox div ul li:first-child div{
	width:100%;
	padding:80px 0px;
	background:url(../image/front/gijyutu-ic.svg)no-repeat center;
}
.b2-rightbox div ul li:nth-child(2) div{
	width:100%;
	padding:80px 0px;
	background:url(../image/front/service-ic.svg)no-repeat center;
}
.b2-rightbox div ul li:last-child div{
	width:100%;
	padding:80px 0px;
	background:url(../image/front/sport-ic.svg)no-repeat center;
}


@media screen and (max-width:800px){

.block02 .b2-leftbox{
	float:none;
	width:100%;
	background:url(../image/front/kazari-family-yoko.jpg)no-repeat center;
	background-size:100%;
	padding:20% 0;
	margin:0 auto 0px;
}
.block02 .b2-rightbox{
	float:right;
	width:100%;
	margin:0 auto;
}
	
} 

/*============ block03 =============*/

.block03{
	padding:150px 0 50px;
	margin-bottom:100px;
}
.block03:before{
	content:"";
	width:85%;
	padding:100px 0;
	background-color:#f6f6f6;
	position:absolute;
	right:0;
	top:10%;
	z-index:-1;
}
.block03 .waku{
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.block03 .kazari02 {
	padding:50px 200px 50px 0;
	background:url(../image/front/kazari-works.svg)no-repeat ;
	background-position:left top;
	background-size:100%;
	position:absolute;
	top:0;
	
}
.block03 .kazari02 p{
	color:#00a1ea;
	font-size:120%;
	text-align:left;
	padding:10px;
}
.block03 .listbox ul li{
	float:left;
	width:18%;
	margin:0 1%;
	line-height:1.5em;
}
.block03 .listbox ul li p{
	text-align:center;
	padding-top:10px;
}
.block03 .listbox ul li img{width:100%;}


@media screen and (max-width:800px){

.block03 .listbox ul li{
	width:31%;
	margin:0 1.166% 50px;
}
.block03 .listbox ul li:nth-child(4){margin:0 0% 50px 15%;}
.block03 .listbox ul li:nth-child(5){margin:0 2.5% 50px;}

.block03:before{
	content:"";
	width:85%;
	padding:100px 0 280px;
	position:absolute;
	right:0;
	top:10%;
	z-index:-1;
}

}

@media screen and (max-width:480px){

.block03 .kazari02 p{
	width:100%;
	font-size:100%;
}
.block03 .listbox ul li{
	width:45%;
	margin:0 2.5% 50px;
}
.block03 .listbox ul li:nth-child(4){margin:0 2.5% 50px;}
.block03 .listbox ul li:nth-child(5){margin:0 25%;}
.block03:before{
	content:"";
	width:85%;
	padding:100px 0 280px;
}
	
}

/*============ block04 =============*/

.front-page .block04{
	margin:0 auto;
	position:relative;
	width:100%;
	color:#fff;
}

.block04 div h3,
.block04 div p,
.block04 div a{
	text-align:center;
}
.block04 div h3{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size:160%;
}
.block04 div p{
	margin-bottom:20px;
	font-size:90%;
}
.block04 div a{
	padding:8px 30px;
	border:1px solid #fff;
	color:#fff;
}
.block04 div a:hover{
	background:#fff;
	color:#444;
}
.block04 .leftbox{
	width:50%;
	float:left;
	background:url(../image/front/news-bg.jpg)no-repeat;
	background-size:cover;	
}
.block04 .rightbox{
	width:50%;
	float:right;
	background:url(../image/front/contact-bg.jpg)no-repeat;
	background-size:cover;	
}

.block04 .leftbox .waku-l,
.block04 .rightbox .waku-r{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:100px 0;
	background:rgb(0 0 0 / 46%);
}
@media screen and (max-width:650px){
.block04 .leftbox{
	width:100%;
	float:none;		
}
.block04 .rightbox{
	width:100%;
	float:none;	
}	
}

/*****************************************************
	
	お問い合わせ

*****************************************************/
form {
  margin: 80px auto 0;
  max-width: 800px;
}
.gray{background:#f6f6f6;}

.form-item {
  border-top: 1px solid #ddd;
  padding: 24px 0;
  overflow:hidden;
}
.form-item:nth-child(12){border-bottom: 1px solid #ddd;}
.label-required {
  border-radius: 6px;
  margin:0 8px;
  padding: 2px 0;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #c31414;
  color: #fff;
}

.form-item .form-label {
  width:40%;
  float:left;
  letter-spacing: 0.05em;
  margin-left:20px;
}

.form-label .ismsg {
  margin-top: 8px;
  margin-bottom: auto;
}

.form-item .inputbox{
	width:55%;
	float:right;
	overflow:hidden;
}

.form-item .inputbox .form-input {
	width:80%;
	border: 1px solid #ddd;
	border-radius: 6px;
	margin:0 20px 10px 0;
	padding:20px;
	background: #fff;
}

.jyusyo .form-input {
	display:block;
	
}
.inputbox label{
	margin:0 5% 0 0;
	    border: solid 0px #EEE !important;
}
select{
	width: 89.5%;
	display:block;
	padding:10px 0;
	margin-bottom:10px;
}
.form-textarea {
	width:80%;
	border: 1px solid #ddd;
	border-radius: 6px;
	margin:0 20px 0 0;
	padding:20px;
	 background: #fff;
}

.form-btn {
  border-radius: 6px;
  margin:50px auto 0;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 280px;
  display: block;
  letter-spacing: 0.05em;
  font-weight:normal;
}

@media screen and (max-width: 600px) {
.form-item .form-label {
  width:95%;
  float:none;
}

.form-item .inputbox{
	width:95%;
	float:none;
	margin:20px 0 0 20px;
}
select{
	width: 90%;
	
}

}
/*****************************************************
	
	ページコンテンツ

*****************************************************/

.page-content{
	width:100%;
}

.page-content .titlebox{
	position:relative;
	overflow:hidden;
	margin-bottom:80px;
	background-color:#e9f3fb;
}
.page-content .titlebox .waku{
	position:relative;
	max-width:1200px;
	margin:0 auto;
}
.page-content .titlebox .waku .rogo-kazari{
	width: 280px;
	padding:130px 0 0;
	background:url(../image/front/rogo-muto2.svg)no-repeat top;
	background-size:100%;
	position:absolute;
	bottom:0;
	right:0%;
	opacity:0.3;
}
.page-content .titlebox h1{
	
	color:#00a1ea;
	font-size:200%;
	text-align:center;
	line-height:1.0em;
	padding: 50px 0 40px;
}
.page-content .titlebox h1 span{
	display:block;
	font-size:50%;
}

.page{
	width:100%;
	max-width:1200px;
	margin:0 auto 100px;
}
.page-content h2{
	font-size:200%;
	padding-bottom: 20px;
	padding-left:1.5em;
	color:#00a1ea;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	line-height:1.5em;
	position: relative;
	margin-bottom:50px;
}
.page-content h2:after{
	content:"";
	 position: absolute;
	 bottom: -6px;
	 left: 0;
	 padding: 1rem 4rem;
	 border-bottom: 1px solid #00a1ea;
}

@media screen and (max-width:1000px){
.page{
	width:95%;
	max-width:1200px;
	margin:0 auto 100px;
}
.page-content h2{
	text-align:center;
	padding-left:0;
	border-bottom: 1px solid #00a1ea;
}
.page-content h2:after{
	content:"";
	display:none;
}	
.page-content .titlebox .waku .rogo-kazari{
	bottom:0;
	right:0%;
	opacity:0.3;
}
}
@media screen and (max-width:600px){
	
.page-content .titlebox .waku .rogo-kazari{
	width:200px;
	bottom:-40%;
	right:0%;
	opacity:0.3;
}
}

/*============ company =============*/

.tempbox2,
.tempbox{
	clear:both;
	display: flex;
	margin-top:50px;
	margin-bottom: 1.75em;
	box-sizing: border-box;
	flex-wrap: wrap;
	padding-bottom:50px;
}

.page .tempbox .temp-lph{
	flex-basis: 30%;
	flex-grow: 1;
	min-width: 0;
	word-break: break-word;
	overflow-wrap: break-word;
}
.page .tempbox2 .temp-lph{
	flex-basis: 20%;
	
	flex-grow: 1;
	min-width: 0;
	word-break: break-word;
	overflow-wrap: break-word;
}

.page .tempbox .temp-lph img{
	width:50%;
	margin-left:25%;
	border-radius: inherit;
}

.page .tempbox2 .temp-lph img{
	width:80%;
	margin:0 auto;
	border-radius: inherit;
}
.page .tempbox2 .temp-ltext,
.page .tempbox .temp-ltext{
	flex-basis: 30%;
	flex-grow: 1;
	min-width: 0;
	word-break: break-word;
	overflow-wrap: break-word;
	text-align:left!important;
}
.page .tempbox2 .temp-ltext{
	margin:0 20px;
}

.combox{
	margin-bottom:100px;
}
.name{
	text-align:right;
}
.name span{
	font-size:140%;	
}
.combox dl{
	max-width:1000px;
	margin:0 auto;
	border-bottom:1px solid #cbcbcb;
	padding:10px 0;
}
.combox dl dt{
	float:left;
	width:10%;
	padding-left:50px;
	padding-top:5px;
	line-height:1.5em;
}

.combox dl dd{
	width:80%;
	padding-left:20%;
		
}
@media screen and (max-width:800px){

.combox dl dt{
	float: none;
	width:100%;
	padding-left:0px;
	margin-top: 10px;
}
.combox dl dd{
	width:100%;
	padding-left:0px;
	line-height:1.5em;
	padding-bottom:10px;
	text-indent: -1em;
	padding-left: 1em;
}
}

@media screen and (max-width:600px){
.tempbox2,
.tempbox{
	clear:both;
	display:block;
	margin-top:50px;
	margin-bottom: 100px;
	padding-bottom:0px;
}
.page .tempbox2 .temp-lph,
.page .tempbox .temp-lph{
	flex-basis: 30%;
	padding-bottom:50px;
}
.page .tempbox2 .temp-lph img,
.page .tempbox .temp-lph img{
	width:60%;
	margin-left:25%;
}
.page .tempbox2 .temp-rph:not(:first-child),
.page .tempbox2 .temp-rtext:not(:first-child) ,
.page .tempbox .temp-rph:not(:first-child),
.page .tempbox .temp-rtext:not(:first-child) {
    margin-left: 0em;
}
}
@media screen and (max-width:480px){
.page .tempbox2 .temp-lph img,
.page .tempbox .temp-lph img{
	width:89%;
	margin-left:5.5%;
}	
}

/*============ works =============*/


.textbox{
	text-align:left;
	margin:0 0 50px;
}

.titles{
	color:#00a1ea;
	font-size:130%;	
	text-align:center;
	padding:0 0 10px;
}
.gyomu{
	border-top:1px solid #00a1ea;
	padding:50px 0 0;
	margin-bottom:100px;
	overflow:hidden;
	display:flex;
 }
 .gyomu ul li{
 	width: 45%;
 	float: left;
 	margin: 0 2.5% 5%;
 	border: 1px solid #ccc;
 	box-sizing: border-box;
 	padding: 20px 20px 30px 20px;
 }
 
 .gyomu ul li:nth-child(2n+1) {
	clear:both;
	float:left;
	width: 45%;
	margin:0 2.5% 2.5%;
	overflow:hidden;
}
 .naiyou{line-height:1.5em;}
 .temp-ltext a,
 .gyomu ul li a{display:block;}
 

 .temp-ltext a:before,
 .gyomu ul li a:before{
 	content:"▶︎";
 	color:#00a1ea;
 }
 .gyomu ul li:nth-child(1) .phbox, 
 .gyomu ul li:nth-child(2) .phbox, 
 .gyomu ul li:nth-child(3) .phbox, 
 .gyomu ul li:nth-child(4) .phbox, 
 .gyomu ul li:nth-child(5) .phbox,  
 .gyomu ul li:nth-child(6) .phbox{
  	width:100%;
  	padding:150px 0;
  	background-size:100%;
  	margin-bottom:3%;
}

 .gyomu ul li:nth-child(1) .phbox{
 	background:url(../image/works/list01-tenken.jpg) no-repeat center;
 	background-size:cover;}
 .gyomu ul li:nth-child(2) .phbox{
 	background:url(../image/works/list02-koji.jpg) no-repeat center;
 	background-size:cover;}
 .gyomu ul li:nth-child(3) .phbox{
 	background:url(../image/works/list03-teikikensa.jpg) no-repeat center;
 	background-size:cover;}
 .gyomu ul li:nth-child(4) .phbox{
 	background:url(../image/works/list04-teikikensa2.jpg) no-repeat center;
 	background-size:cover;}
 .gyomu ul li:nth-child(5) .phbox{
 	background:url(../image/works/list05-syorui.jpg) no-repeat center;
 	background-size:cover;} 
 .gyomu ul li:nth-child(6) .phbox{
 	background:url(../image/works/list06-goods.jpg) no-repeat center;
 	background-size:cover;}

@media screen and (max-width:600px){
 .gyomu ul li{
 	width: 95%;
 	float: unset;
 	margin: 10% auto;
 }
 
 .gyomu ul li:nth-child(2n+1) {
	clear:both;
	float:none;
	width:95%;
	margin:5% auto;
}	
}
/*============ information =============*/

.infobox ul li{
	width:80%;
	 border:1px solid #00a1ea;
	 border-radius:10px;
	 margin:0 auto 50px;
	 padding:15px;
	 box-shadow: 0 3px 0 0px #00a1ea;
}
.infobox .n-title{
	color:#00a1ea;
	padding-bottom:5px;
	border-bottom:1px solid;
	margin-bottom:10px;
}
/*============ recruit =============*/

.page .btarea{
	padding:50px 0;
	width:250px;
	margin:0 auto;
}

.page .btarea a.btn-border {
	border: 1px solid #444;
	border-radius: 0;
	background: #fff;
	padding: 15px 9.28%;
	text-decoration:underline 3px;
	text-decoration-color:#fff100;
}

.page .btarea a.btn-border:hover {
	color: #444;
	background: #fff100;
}

.recruitbox{
	margin-bottom:100px;
}

.recruitbox dl{
	max-width:1000px;
	margin:0 auto;
	border-bottom:1px solid #cbcbcb;
	padding:10px 0;
}
.recruitbox dl dt{
	float:left;
	width:18%;
	padding-left:50px;
	margin-top: 5px;
	line-height:1.5em;
}

.recruitbox dl dd{
	width:80%;
	padding-left:30%;
		
}
@media screen and (max-width:800px){

.recruitbox dl dt{
	float: none;
	width:100%;
	padding-left:0px;
	margin-top: 10px;
}
.recruitbox dl dd{
	width:100%;
	padding-left:0px;
	padding-bottom:10px;
	line-height:1.5em;
}
}

.sbu{
	margin-bottom:10px;
	overflow:hidden;}
	
.sbu div.waku{
	width:12%;
	margin:0 0%;
	float:left; }

.sbu div.waku img{
	width:100%;
	height:auto;
	}

.sbu div.waku img:hover{
	opacity: 0.6;
    filter: alpha(opacity=60);}


.post ul li a:before{
	content:none;
} 
 .gyomu .post ul li:nth-child(2n+1) {
	clear:none;
}

.gyomu .post ul li{
 	width:16%;
 	float:left;
 	margin: 0 2%;
 	border: 0px solid #ccc;
 	box-sizing: border-box;
 	padding: 0px;
 }
 .gyomu .post ul li img{
	width:100%;
}