@charset "utf-8";
/*
Theme Name: スケルトン
Theme URI: http://example.com/
Description: スケルトン
Version: 1.0
Author: gohako.inc
Author URI: https://gohako.jp
*/

/* Reset.css */
@import 'css/reset.css';
/* 以下ブログテーマのスタイル */

* {
	margin: 0;
	padding: 0;
}
*::after,
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hidden2 {
display:none;
}


html,body {
	font-size: 100%;
	line-height:180%;
	position: relative;
height:100%;
	font-family: "メイリオ",  Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}

#sitelogo {
position: fixed;
top: 11px;
left: 14px;
z-index:999;
}


#sitelogo2 {
position: fixed;
top: 11px;
left: 14px;
z-index:999;
}

#second {
padding-top:100px;
min-height: 100%;
position: relative;
}

.fa {
font-size:32px;
display:block;
text-align:center;
}

#second .prev a {
font-size:12px;
    background-color: rgba(51,51,51,0.6); 
position: fixed;
  top: 50%;
line-height:100%;
  left: 0.5%;
text-align:center;
color:#FFFFFF;
display:block;
padding:0 10px 10px 10px;
}



#second .next a {
font-size:12px;
    background-color: rgba(51,51,51,0.6);
position: fixed;
line-height:100%;
  top: 50%;
  right: 0.5%;
color:#FFFFFF;
display:block;
padding:0 10px 10px 10px;
}
#work .prev a {
font-size:12px;
    background-color: rgba(51,51,51,0.6); 
position: fixed;
  top: 50%;
line-height:100%;
  left: 0.5%;
text-align:center;
color:#FFFFFF;
display:block;
padding:0 10px 10px 10px;
}



#work .next a {
font-size:12px;
    background-color: rgba(51,51,51,0.6);
position: fixed;
line-height:100%;
  top: 50%;
  right: 0.5%;
color:#FFFFFF;
display:block;
padding:0 10px 10px 10px;
}

#page-numbers {
margin:10px 0;
}

#page-numbers ul li {

list-style:none;
}

#page-numbers a {
padding:5px 10px;
border:1px solid #555555;
font-size:13px;
margin-right:10px;
display: block;
float:left;
}

#page-numbers span {
padding:5px 10px;
border:1px solid #AAAAAA;
font-size:13px;
margin-right:10px;
display: block;
float:left;
}


#main-img {
margin-top:-150px;
}

#main-img p {
font-size:17px;
}

.pb20 {
padding-bottom:20px;
}



/* ---- particles.js container ---- */

/*共通*/
h2 {
font-family: 'Allura', cursive;
font-size:70px;
font-weight:normal;
padding-bottom:30px;
}

h3 {
font-size:28px;
font-weight:normal;
padding-bottom:10px;
line-height:165%;
}

.blue {
color:#00A3D9;
}

.grey {
color:#DDDDDD;
}

.white {
color:#FFFFFF;
}

.center {
text-align:center;
margin:auto;
}

.right {
text-align:right;
}

.pt20 {
padding-top:20px;
}

.pt50 {
padding-top:50px;
}

.p10 {
padding:10px;
}
.p30 {
padding:30px 0;
}

a{text-decoration:none; color:#000000;}
a:link {text-decoration:none; color:#000000;}
a:visited {text-decoration:none; color:#000000;}
a:hover {text-decoration:none; color:#333333;}
a:active {text-decoration:none; color:#000000;}


.g-btn a{text-decoration:none; color:#333333;}
.g-btn a:link {text-decoration:none; color:#333333;}
.g-btn a:visited {text-decoration:none; color:#555555;}
.g-btn a:hover {text-decoration:none; color:#FFFFFF;}
.g-btn a:active {text-decoration:none; color:#333333;}

.footer a{text-decoration:underline; color:#FFFFFF;}
.footer a:link {text-decoration:underline; color:#FFFFFF;}
.footer a:visited {text-decoration:underline; color:#FFFFFF;}
.footer a:hover {text-decoration:underline; color:#FFFFFF;}
.footer a:active {text-decoration:underline; color:#FFFFFF;}

.drawer-menu a{text-decoration:none; color:#FFFFFF;}
.drawer-menu a:link {text-decoration:none; color:#FFFFFF;}
.drawer-menu a:visited {text-decoration:none; color:#FFFFFF;}
.drawer-menu a:hover {text-decoration:none; color:#AAAAAA;}
.drawer-menu a:active {text-decoration:none; color:#FFFFFF;}


.button {
	font-family: 'Noto Sans', sans-serif;
	font-weight:700;
	position: relative;
	background-color: #FFFF00;
	color: #000;
	line-height: 42px;
	-webkit-transition: none;
	transition: none;
	margin-top:20px;
	box-shadow: 5px 5px #000000;
	width:200px;
display:block;
	text-align:center;
}
.button:hover {
	background-color: #FFEB3F;
	box-shadow: 5px 5px #000000;
}

.button a {display: block;}
.button2 a {display: block;}
.button-contact a {display: block;}
.button2 {
	font-family: 'Noto Sans', sans-serif;
	font-weight:700;
	position: relative;
	background-color: #FFFF00;
	color: #000;
	line-height: 42px;
	-webkit-transition: none;
	transition: none;
	margin:0 auto;
	box-shadow: 5px 5px #000000;
	width:200px;
	text-align:center;
}
.button2:hover {
	background-color: #FFEB3F;
	box-shadow: 5px 5px #000000;
}



.button-contact {
	font-family: "メイリオ", sans-serif;
	position: relative;
	background-color: #FFFF00;
	color: #000;
	line-height: 42px;
	-webkit-transition: none;
	transition: none;
	margin-top:20px;
	box-shadow: 5px 5px #000000;
	width:200px;
	text-align:center;
}
.button-contact:hover {
	background-color: #FFEB3F;
	box-shadow: 5px 5px #000000;
}

/*サイトトップ*/


.gray {
background-color:#DDDDDD;
}

#bg-contact {
background-color:#FFFFFF;
padding:20px;
}

#bg-contact h2 {
font-size:30px;
font-family: 'Noto Sans', sans-serif;
margin-top:30px;
}


.h250 {
height:250px;
}

.footer {
background-color:#000000;
padding:30px 0;
color:#FFFFFF;
}

.footer h2 {
font-size:30px;
padding-bottom:20px;
}

.footer img {
float:left;
padding-right:15px;
padding-top:100px;
}


.section-blue {background-color:#00A3D9; height:400px; width:85%; z-index:-1;}
.section-blue2 {background-color:#00A3D9; height:500px; width:100%; z-index:-1;}
.section-blue3 {background-color:#00A3D9; height:500px; width:85%; z-index:-1;}
.section-blue4 {background-color:#00A3D9; height:270px; width:100%; z-index:-1;}
.section-blue5 {
background-color:#00A3D9; 
height:170px; 
width:100%; 
z-index:-1;
position: absolute;
top:140px;
right:0;
}

.section-grey {background-color:#CCCCCC; height:500px; width:100%; z-index:-1;}
.section-service {background-color:#CCCCCC; height:280px; width:100%; z-index:-1;}
.section-member {background-color:#CCCCCC; height:280px; width:100%; z-index:-1;}



.news-area {
padding:0 150px;
line-height:210%;
}

.news-area dl dt {
float:left;
width:140px;
}

.news-area dl dd :after {
clear:both;
}

.blog-area {
padding:0 150px;
line-height:210%;
}

.blog-area dl dt {
float:left;
width:140px;
}

.blog-area dl dd :after {
clear:both;
}

.info-area {
padding:0 5px;
line-height:210%;
}

.info-area dl dt {
float:left;
width:140px;
}

.info-area dl dd :after {
clear:both;
}


#section1 {
  background-image: url(/common/images/top/main.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  min-height: 100%;
position: relative;
}



#section1 .catch {
margin:auto;
text-shadow: 0 0 10px black;
text-align:center;
 position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
font-family: 'Allura', cursive;
font-size:60px;
color:#FFFFFF;

}

#section1 img {
display:block;
margin:auto;
text-align:center;
padding-bottom:15px;

}

#section2 {
position: relative;
margin:50px 0 130px 0;
}

#section3 {
position: relative;
margin-bottom:80px;

}


#section3-1 .white{
position: absolute;
top:40px;
left:0;
z-index:1;
}

#section3-1 .button{
position: absolute;
top:350px;
right:100px;
z-index:1;
}

#section3-1 .colum3 {
position: absolute;
top:120px;
left:0;
width:70%;
z-index:1;
color:#FFFFFF;
}

#section5-1 .colum3 img {
width:90%;
height:auto;
}

#section3-1 h2 {
position: absolute;
top:-20px;
right:520px;
z-index:1;
}

#section3-1 .photo {
position: absolute;
top:-70px;
right:10px;
z-index:1;
}

#section4 {
  background-image: url(/common/images/top/member-back.png);
  background-position: top left;
  background-repeat: no-repeat;
}

#section4 .col {
padding-bottom:50px;
}

#section4 .photo {
  width:320px;
height:213px;
}

#section5 {
position: relative;
margin-bottom:80px;
padding-left:100px;
}


#section5-1 .white{
position: absolute;
top:20px;
left:0;
z-index:1;
}



#section5-1 .colum3 {
position: absolute;
top:40px;
left:0;
width:70%;
z-index:1;
color:#FFFFFF;
}

#section5-1 h2 {
position: absolute;
top:220px;
right:50px;
z-index:1;
color:#FFFFFF;
}

#section5-1 .button{
position: absolute;
top:280px;
right:100px;
z-index:1;
}

#section5-1 .photo {
position: absolute;
top:-70px;
right:10px;
z-index:1;
}


#section6 {
  background-image: url(/common/images/top/case-back.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  height: 260px;
position: relative;
margin-bottom:80px;
}

#section6 h2 {
color:#FFFFFF;
text-align:center;
padding:80px 0 40px 0;
}


.colum3 p {
text-align:center;
padding-bottom:10px;
}


#info {
  margin-top:50px;
  margin-bottom:50px;
  background-image: url(/common/images/top/info-img.jpg);
  padding-left:350px;
  background-position: top left;
  background-repeat: no-repeat;
  height:400px;
}


#info h2 {
font-size:50px;
padding:0 0 30px 0;
}

#info2 {
  margin-top:150px;
  margin-bottom:50px;
  padding:10px;

}


#info2 h2 {
font-size:50px;
padding:0 0 30px 0;
text-align:center;
}



/*五箱について*/




#about1 {
position: relative;
margin-bottom:180px;

}


#about1-1{
position: absolute;
top:20px;
left:0;
z-index:1;
color:#FFFFFF;
}

#about1-1 .mainphoto{
position: absolute;
top:50px;
left:580px;
z-index:1;
}

#about1-1 .button{
position: absolute;
top:350px;
right:100px;
z-index:1;
}



#about1-1 p {
font-size:15px;
padding-top:80px;
}

#about1 h2 {
position: absolute;
top:10px;
right:0px;
z-index:1;
}

#about1 h3 {
padding-top:80px;
}

#about1-1 .photo {
position: absolute;
top:-70px;
right:10px;
z-index:1;
}

#about2 {
position: relative;
margin-bottom:80px;
}
#about2 h2 {
padding-top:20px;
font-size:40px;
}


#about3 {
margin-bottom:50px;
}


#about3 h2 {
font-size:50px;
}

#about3 dl dt,
#about3 dl dd{
	margin: 0 0 3px;
	padding: 0 0 3px;
	font-size:15px;
}
#about3 dl dt{
	clear: both;
	float: left;
	width:120px;
padding-left:10px;
}
#about3 dl dd{
	padding-left: 7.5em;
	font-weight:normal;
	overflow: auto;
}


/*サービス紹介*/

#service1 .section-service {
position: absolute;
top:120px;
left0px;
}

#service1-1 .photo {
position: absolute;
top:0px;
right:10px;
z-index:1;
}

#servicebox1 {
  background-image: url(/common/images/service/service_box1.png);
  background-position: top center;
  background-repeat: no-repeat;
  width:100%;
  height:584px;
margin-top:105px;
}

#servicebox2 {
  background-image: url(/common/images/service/service_box2.png);
  background-position: top center;
  background-repeat: no-repeat;
  width:100%;
  height:524px;
}


#servicebox3 {
  background-image: url(/common/images/service/service_box3.png);
  background-position: top center;
  background-repeat: no-repeat;
  width:100%;
  height:570px;
}

#servicebox1 h4 {
 position: absolute;
  top: 25px;
  left: 30px;
font-weight:normal;
font-size:21px;
}

#servicebox1 .catch {
 position: absolute;
  top: 85px;
  left: 0px;
  width:920px;
}


#servicebox2 h4 {
 position: absolute;
  top: 15px;
  left: 770px;
font-weight:normal;
font-size:21px;
}

#servicebox2 .catch {
 position: absolute;
  top: 85px;
  left: 230px;
  width:950px;
}

#servicebox3 h4 {
 position: absolute;
  top: 15px;
  left: 30px;
font-weight:normal;
font-size:21px;
}

#servicebox3 .catch {
 position: absolute;
  top: 85px;
  left: 0px;
  width:920px;
}

#service1-2 {
 position: absolute;
  top: 160px;
  left: 0px;
  width:920px;
}


.catch2 {
font-size:13px;
width:410px;
line-height:185%;
}

#servicebox1 h5 {
font-size:19px;
color:#007FFF;
font-weight:normal;
padding-top:30px;
line-height:100%;
}

#servicebox1 h5 span {
font-size:13px;
color:#AAAAAA;
display:block;
}


#service2-2 {
 position: absolute;
  top: 160px;
  left: 230px;
  width:920px;
}




#servicebox2 h5 {
font-size:19px;
color:#007FFF;
font-weight:normal;
padding-top:30px;
line-height:100%;
}

#servicebox2 h5 span {
font-size:13px;
color:#AAAAAA;
display:block;
}


#service3-2 {
 position: absolute;
  top: 160px;
  left: 0px;
  width:920px;
}



#servicebox3 h5 {
font-size:19px;
color:#007FFF;
font-weight:normal;
padding-top:30px;
line-height:100%;
}

#servicebox3 h5 span {
font-size:13px;
color:#AAAAAA;
display:block;
}

/*メンバー一覧*/


#member1 .section-member {
position: absolute;
top:20px;
left0px;
}

#member1 .photo {
position: absolute;
top:0px;
left:0px;
z-index:1;
}

#member1-1 {
position: absolute;
top:120px;
left:720px;
}

#member1-1 h2 {
padding:0 0 150px 200px;
color:#FFFFFF;
}

#member1 {
height:500px;
}

#member2 {
padding-bottom:50px;
}

#member2 .span_8 {
padding-bottom:80px;
	position: relative;
}

#member2 img {
  width:375px;
height:auto;
}

#member2 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.name {
background-color:#DDDDDD;
padding:5px 10px;
 position: absolute;
  bottom: 60px;
  right: 40px;
width:250px;
font-size:13px;
}


/*メンバー詳細*/

.memberdetail h3 {
font-size:23px;
text-align:center;
padding:120px 0 10px 0;
}

.memberdetail h4 {
font-size:15px;
text-align:center;
font-weight:normal;
line-height:140%;
margin-bottom:20px;
}

#prof {
    padding: 20px;  
    background-color: rgba(51,51,51,0.6); 
    margin:0 auto;
    width:35%;
    color:#FFFFFF;
    font-size:13px;
margin-bottom:20px;
}

#prof2 {
    padding: 20px;  
    background-color: rgba(255,255,255,0.6); 
    margin:0 auto;
    width:35%;
    font-size:13px;
}





#kojima {
  background-image: url(/common/images/member/kojima-back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1100px;
position: relative;
z-index:-1;
}

#kasuya {
  background-image: url(/common/images/member/kasuya-back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1100px;
position: relative;
z-index:-1;
}


#ikeda {
  background-image: url(/common/images/member/ikeda-back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1100px;
position: relative;
z-index:-1;
}

#nagao {
  background-image: url(/common/images/member/nagao-back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1100px;
position: relative;
z-index:-1;
}

#yamashita {
  background-image: url(/common/images/member/yamashita-back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1100px;
position: relative;
z-index:-1;
}

#okamoto {
  background-image: url(/common/images/member/okamoto-back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1100px;
position: relative;
z-index:-1;
}

#hirai {
  background-image: url(/common/images/member/hirai-back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1100px;
position: relative;
z-index:-1;
}

#saitou {
  background-image: url(/common/images/member/saitou-back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1100px;
position: relative;
z-index:-1;
}

#ono {
  background-image: url(/common/images/member/ono-back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1100px;
position: relative;
z-index:-1;

}

#oda {
  background-image: url(/common/images/member/oda-back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1100px;
position: relative;
z-index:-1;

}

#tabata {
  background-image: url(/common/images/member/tabata-back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1100px;
position: relative;
z-index:-1;

}

#yasuno {
  background-image: url(/common/images/member/yasuno-back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1100px;
position: relative;
z-index:-1;

}

/*実績一覧*/


#work1 h2 {
color:#FFFFFF;
 position: absolute;
  top: 100px;
  right: 0px;
z-index:1;
}

#work1 h3 {
color:#FFFFFF;
font-size:17px;
font-weight:normal;
 position: absolute;
  top: 150px;
  right: 0px;
z-index:1;
}

#work1 {
height:370px;
}



.name2 {
background-color:#DDDDDD;
padding:5px 10px;
 position: absolute;
  bottom: 30px;
  right: 40px;
width:250px;
font-size:13px;
}

.credit {
font-size:11px;
}

/*実績詳細*/
#work {
padding-top:150px;
}

#work h2 {
position: absolute;
top:120px;
right:100px;
z-index:1;
}

#work h3 {
font-size:25px;
font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
margin:60px 0 60px 0;
color:#FFFFFF;
}

#work h4 {
padding-top:30px;
}

#work em {
display:block;
}

#img-main {
margin-bottom:50px;
}

#img-sub1 {
width:50%;
float:left;
}

#img-sub2 {
width:50%;
float:left;
}

#img-sub1 img {
width:90%;
padding:20px 60px 20px 0;
}

#img-sub2 img {
width:90%;
padding:20px 60px 20px 0;
}




/*ブログ一覧*/
.post {
padding:20px 0 30px 0;
border-bottom:1px dotted #BBBBBB;
}
.post h3 {
font-size:26px;
font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
margin-top:10px;
}

.time {
font-size:13px;
padding:10px 0;
color:#555555;
}

#list {
padding:50px 0;
}

#list h2 {
position: absolute;
top:100px;
right:100px;
z-index:1;
}

#catebox {
margin:0 0 0 50px;
background-color:#FFFFFF;
padding:25px;
box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
}

#catebox h4 {
font-family: 'Noto Sans', sans-serif;
font-weight:normal;
font-size:24px;
color:#00A3D9;
padding-bottom:20px;
}

#catebox li {
list-style: none;
font-size:15px;
border-bottom:1px solid #EEEEEE;
padding:5px 0;
}

#catebox li a {display:block;}

/*ブログ詳細*/

#blog {
  background-image: url(/common/images/blog/blog-back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  min-height: 100%;
padding-top:100px;
min-height: 100%;
position: relative;
line-height:240%;
font-size:15px;
}

#blog h2 {
position: absolute;
top:30px;
right:95px;
z-index:1;
}


#blog h3 {
font-size:26px;
font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
margin-top:30px;
}



#blog-main {
background-color:#FFFFFF;
padding:35px;
margin-bottom:50px;
box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
}



/*お問い合わせ*/

#contact {
padding:50px;
line-height:210%;
}

input[type="text"] {
padding:10px 3px;
border:solid 1px #999999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

input[type="email"] {
padding:10px 3px;
border:solid 1px #999999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}



textarea{
border:0;
padding:3px;
height:250px;
width:90%;
font-size:15px;
border:solid 1px #999999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

#submit_button {
text-align:center;
padding:15px 300px 15px 0;
font-weight:normal;
}

#submit_button input {
background-color:#2EA5CF;
  width: 320px;
padding:15px 0;
  border: none;
color:#FFFFFF;
float:right;
cursor: pointer;
font-size:18px;
}

#submit_button .back {
background-color:#444444;
  width: 120px;
padding:15px 0;
  color:#FFFFFF;
  border: none;
cursor: pointer;
margin-right:15px;
}



#contact h2 {
position: absolute;
top:100px;
right:100px;
z-index:1;
}

.c-text {
padding:20px 100px 0 100px;
}

#cform {
padding:50px 100px;
}

#cform table{
	border-right: solid 1px #e3e3e3;
width:100%;
}

#cform table th{
	vertical-align: top;
	font-weight:normal;
	text-align:left;
	border-bottom: solid 1px #e3e3e3;
	border-top: solid 1px #e3e3e3;
	border-right: solid 1px #e3e3e3;
	border-left: solid 1px #e3e3e3;
	padding:10px;
width:30%;
	background-color:#F7F7F7;
}

#cform table td{

	border-bottom: solid 1px #e3e3e3;
	border-top: solid 1px #e3e3e3;
	padding:10px;
}

.require{background-color:#c33;padding:1px 3px;color:#fafafa;font-size:13px;letter-spacing:1px;margin:0 0 0 10px;border-radius:3px;zoom:normal}
.any{background-color:#71b55b;padding:1px 3px;color:#fafafa;font-size:13px;letter-spacing:1px;margin:0 0 0 10px;border-radius:3px;zoom:normal}

.att{
	text-align: left;
	margin-bottom: 10px;
}


.clearfix:after {
  content: ".";  /* 譁ｰ縺励＞隕∫ｴ繧剃ｽ懊ｋ */
  display: block;  /* 繝悶Ο繝�け繝ｬ繝吶Ν隕∫ｴ縺ｫ */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clear {
  clear: both;
  display: block;
}

/*サイトトップ*/


#cb-header {
  position: fixed;
  top: -82px;
  left: 0;
width:100%;
z-index:10;
}

#cb-header #global-nav {
	width: 980px;
	margin: initial;
	overflow: initial;
}

#cb-header .inner {
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}

#cb-header #logo2 {
	float:left;
padding-bottom:20px;
padding-top:15px;
}


#cb-header #global-nav {
	padding-top:15px;
}


/* ---- drawer ---- */

div#header-fixed
{
    display: inherit !important;
    position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    height: 95px;              /* 縦幅140px */
z-index:100;
}

.drawer-nav {
z-index:999;
padding-top:60px;
background-color:#333333;
}

ul.drawer-menu a {
 display: block;
}

.drawer-nav ul li {
padding:10px 10px 10px 50px;
font-size:31px;
	font-family: 'Noto Sans', sans-serif;
	font-weight:700;
color:#FFFFFF;
}
.drawer-nav ul li:first-child {

}