@charset "UTF-8";
/* --------------------------------------------------
	制作実績
-------------------------------------------------- */
.h-jisseki01{font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight:700;color:#333333;line-height:1.1em; margin-bottom:20px; font-size:180%; letter-spacing:0.05em;padding:50px 5px 30px 5px;
}
.h-jisseki01 span{font-size:65%;font-weight:500; font-family:serif;}
@media print, screen and (min-width : 768px) {
.h-jisseki01{font-size: 230%; text-align:center;}
}
.rv-wrap{
padding:50px 10px;
}
.rv-title{line-height:1.4em; margin-bottom:0px; padding-bottom:0px; font-size:150%; letter-spacing:0.05em; font-familyfont-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; font-weight:900; text-align:center; padding:10px 5px; color:#333333;}

.rv-box{ text-align:center;  margin-bottom:20px; padding-bottom:30px; border-bottom:#999999 1px dotted;}

.rv-info{line-height:1.4em; margin:0px 5px; font-size:100%; letter-spacing:0.05em; font-familyfont-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; text-align:left; padding:0px 5px; color:#333333;}

/* --------------------------------------------------
	会社概要ページ
-------------------------------------------------- */
.comp_outline {width:95%; margin:0 2.5%;}
.comp_outline dl {overflow:auto;}
.comp_outline dt {margin-bottom:1em; padding-top:5px;}
.comp_outline dd {padding-bottom:1em; margin-bottom:1em; border-bottom:1px solid #ddd;}
.comp_outline {overflow:hidden;}
.comp_outline dt {clear:both; padding-right:10px;}
.comp_outline dd {padding-left:7em;padding:5px 5px 10px 15px; letter-spacing:0.1em;}

@media print, screen and (min-width : 480px) {
.comp_outline dt {clear:both; float:left; padding-right:10px; padding-left:20px}
.comp_outline dd {padding-left:13em;}
}

.box-company01{margin:20px 0 70px 0;}









#btn_pc {
    display: block;
    position: fixed;
    z-index: 9999;
    text-align: left;
	padding-top:50px;
	top:0;
	left:0px;
}
#btn_sp {
    display: block;
    position: fixed;
    z-index: 9999;
	bottom:10px;
	left:10px;
}


.movie01{padding:20px auto; text-align: center; max-width:90%;}

.box1{
	text-align: center; padding: 10px auto; margin-bottom:50px;
}
.img-title{max-width:300px; margin:50px auto;}

/* 詳細ボタン */
.btn_more01 a {display:inline-block; background-color:#dd0000; color:#fff; line-height:2.4em; width:100%; margin-top:0px; max-width:182px; text-align:center;    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  }
.btn_more01 a:hover {background-color:#666; color:#fff;}



/* --------------------------------------------------
	ブートストラップずれ調整
-------------------------------------------------- */
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}


/* Reset */
ul {list-style:none;}
ul,li {margin:0; padding:0;}
a {/*color:#ff4300;*/ color:#0000ff;  text-decoration:none;}
a:hover {color:#ffb400; text-decoration:none;}
img {vertical-align:middle;}
a:hover img {opacity: 0.75;	filter: alpha(opacity=75); transition: all 0.25s ease;}
.img100{ max-width:100%; height:auto;}
p {margin:0 0 1em;}
dl,dt,dd {margin:0;}
figure {margin:0;}

/* 見出し */
h1,h2,h3,h4,h5,h6 {margin:0; line-height:1.5; font-weight:bold;}




/* --------------------------------------------------
	ベース
-------------------------------------------------- */
body { width:100%;background-color:#fff; line-height:1.5; font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;/*font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;*/  }
.wrap {
	overflow: hidden;
}



/* --------------------------------------------------
	ページトップ
-------------------------------------------------- */
#backToTop {position:fixed; right:10px; bottom:10px; line-height:1; cursor:pointer; z-index:100; background-color:rgba(236,28,36,0.9); padding:14px 14px 10px; text-align:center; color:#fff; font-size:14px; line-height:1; border-radius:300px;}
#backToTop .angle-up {display:block; width:25px; height:25px; border-top:1px solid #fff; border-left:1px solid #fff; margin:0 auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
#backToTop em {display:block; margin-top:-7px;}
#backToTop:hover {background-color:#e68084;}




/* --------------------------------------------------
	フッター
-------------------------------------------------- */
#footer { margin-top:50px; padding:30px 10px; text-align: center; border-top: 1px solid #000000;}
#footer .logo { text-align:center;margin-bottom:10px;}
#footer .tel { text-align:center;margin-bottom:10px;}
#footer .company address { font-size:90%; letter-spacing:0.1em;}
#footer  { color:#000;}
#footer  a {color:#000;}
#footer  a:hover{color:#ff9966;}
#footer .sitemap .row div:first-child ul { /*float:right;*/}
#footer .sitemap p {font-size:1.28em; text-align:center;}
#footer .sitemap ul {list-style:disc; padding-left:1em;}
#footer .sitemap li {margin-bottom:0.5em;}
#copyright { background:#FFFFFF;color:#333; text-align:center; padding:1.5em;}

/* --------------------------------------------------
	フッター商品リンク
-------------------------------------------------- */

.ftlink-img01{padding:20px;}

.copyright-p01{text-align: center; padding: 30px 5px;}


/* --------------------------------------------------
	 480px〜　big smart phone
-------------------------------------------------- */
@media print, screen and (min-width : 480px) {
	
/* --------------------------------------------------
	オリジナルブートストラップ（Big Smartphone）
-------------------------------------------------- */	
.col-bs-4 {width:33.33333333%; float:left;}
.col-bs-5 {width:41.66666667%; float:left;}
.col-bs-6 {width:50%; float:left;}
.col-bs-7 {width:58.33333333%; float:left;}
.col-bs-offset-1 {margin-left: 8.33333333%;}
.col-bs-push-6 {left: 50%;}
.col-bs-pull-6 {right: 50%;}
}

/* --------------------------------------------------
	 768px〜　tablet
-------------------------------------------------- */

@media print, screen and (min-width : 768px) {
	
}

/* --------------------------------------------------
	 992px〜　PC
-------------------------------------------------- */

@media print, screen and (min-width : 992px) {
	
body {margin-top:0;}

/* --------------------------------------------------
	ページトップ
-------------------------------------------------- */
#backToTop {right:20px; bottom:20px;}
/* --------------------------------------------------
	フッター
-------------------------------------------------- */

}











/* --------------------------------------------------
	共通
-------------------------------------------------- */

p{font-size:110%;line-height:1.5em;padding:0px;letter-spacing:0.15em;}


.h-style01{font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight:700;color:#333333;line-height:1.1em; margin-bottom:20px; font-size:180%; letter-spacing:0.05em;padding:10px 5px 0 5px;
}
.h-style01 span{font-size:65%;font-weight:500; font-family:serif;}
@media print, screen and (min-width : 768px) {
.h-style01{font-size: 230%; text-align:center;}
}


.h-style02{font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
	font-weight:900;color:#333333;line-height:1.5em; margin-bottom:20px; font-size:140%; letter-spacing:0.05em;padding:10px 5px 0 5px;
}

@media print, screen and (min-width : 768px) {
.h-style02{/*font-size: 200%;*/}
}


.tx-stred01{color: #FF0000;font-weight: bold;}
.tx-big01{font-size:140%;}

.movie01{padding:20px 5px;}

.video01 {
	text-align: center;
	background: #000000;
	margin: 30px auto;
	padding-bottom: 100px;
}


/* --------------------------------------------------
	メインイメージ01
-------------------------------------------------- */

.mainimg01 {/*background-image: url("../img/bg-img01.jpg"); background-size:cover;*/ background-color: #000; padding-bottom: 100px; margin:0px 0 70px 0;}
.h-top01{ text-align:center;font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight:400;color:#ffffff;line-height:1.1em; margin:0px 0 80px 0; font-size:180%; letter-spacing:0.05em;padding:100px 5px 0 5px;
}
.h-top01 span{font-size:70%;font-weight:500; font-family:serif;}
@media print, screen and (min-width : 768px) {
.h-top01{font-size: 250%;padding:90px 5px 0 5px;}
}



/* --------------------------------------------------
	吹奏楽部・音楽隊の想い
-------------------------------------------------- */
.h-omoi01{font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight:700;color:#333333;line-height:1.5em; margin-bottom:50px; font-size:180%; letter-spacing:0.05em;padding:10px 5px 0 5px;
}
.h-omoi01 span{font-size:70%;}
@media print, screen and (min-width : 768px) {
.h-omoi01{font-size: 230%; /*text-align:center;*/ padding-top:65px;}
}

.box-pdtop01{ padding-top:50px;}

.box-bigimg01 {padding:0; margin:30px 0 30px 0;}
@media print, screen and (min-width : 768px) {
	.box-bigimg01 {padding:0; margin:70px 0 70px 0;}
	
}
@media print, screen and (min-width : 992px) {
.img-size01{max-width:450px;}
	}
/* --------------------------------------------------
	警察パレード動画
-------------------------------------------------- */
.movie-size01{max-width:800px; margin-top:50px;}

/* --------------------------------------------------
	工房動画
-------------------------------------------------- */
.box-koubou01{padding-top:30px;}

.video-mb01{max-width:420px; text-align: center;}
.box01{text-align: center; }
.box-video{text-align: center; margin: 10px auto;}

.yohaku0{padding:0; margin: 0;}

@media print, screen and (min-width : 768px) {
	.box01{text-align: right; background: #fff;}
	.box-video{text-align:left;}
}

@media print, screen and (min-width : 992px) {
	.box01{text-align: right; background: #fff;}
		.box-video{text-align:left; padding-top:5px;}
}
.box-densetsu01{ padding-top:80px;}
@media print, screen and (min-width : 768px) {
	.box-densetsu01{ padding-top:130px;}
}


/* --------------------------------------------------
	マーチングバナーのご提案
-------------------------------------------------- */
.box-product01{margin:120px 0 30px 0;}

.h-product01{font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
	font-weight:900;color:#333333;line-height:1.5em; margin-bottom:20px; font-size:170%; letter-spacing:0.05em;padding:10px 5px 0 5px; text-align: center;
}
.h-product01 span{font-size:70%;}



.box-a{background: #b7e7ff; margin:15px 5px;padding:10px 5px;}

.box-b{background: #ffe7b6; margin:15px 5px;padding:10px 5px;}



@media print, screen and (min-width : 992px) {
.h-product01{/*font-size: 200%;*/}
	
.box-a{margin:30px 50px;padding:30px 25px;}

.box-b{margin:30px 50px;padding:30px 25px;}
	
}

table{
  border-collapse: collapse;
  width: 95%;
	margin-bottom: 30px;
}
.tb01 th{  width: 30%;}
.tb01 th,
.tb01 td{
  padding: 10px;
  text-align:left;
  box-sizing:border-box;
}
.tb01 td{
  border-bottom: solid 1px #ccc;
}
.tb01 th {
  
}
@media screen and (max-width: 640px) {
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  table.tb01 td{
  border-bottom: solid 1px #ccc;
  }
}



/* --------------------------------------------------
	耳よりなお話
-------------------------------------------------- */

.pre {padding-top:60px; padding-bottom:50px; border-bottom:#999999 1px dotted;}
.pre-title{font-size: 180%;line-height:1.5em; margin-bottom:20px; letter-spacing:0.05em; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-weight:900; padding:10px 5px 0 5px; color:#333333;}
.pre-title span{color: #cc0000;font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;}

.tx-pre01{color: #ff0000;}
.tx-pre02{font-size: 150%; font-weight: 900; color: #e20000;margin-bottom:20px; }
.pre-info{/*padding-top:0px; */}
@media print, screen and (min-width : 768px) {
	
	.pre-title{font-size: 250%;}
	.pre-info{padding-top:20px; }
}

.tx-size01{font-size:120%; }

/*
.pre-impact{font-size: 150%; color: #cc0000;font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important; font-weight: bold;padding-top: 10px;}
.pre-p{line-height: 1.8em;}
*/



/* --------------------------------------------------
	お問合せから納品までの流れ
-------------------------------------------------- */

.flow { margin:40px 0 0 0;}
.flow-box { border:#cccccc 1px solid; padding:0px; margin:20px 0px 10px 0px;}
.flow-box h3{ background:#333333; color:#FFFFFF;line-height:1.5em; margin-bottom:10px; font-size:120%; letter-spacing:0.05em; font-familyfont-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; font-weight:900; padding:15px 10px;}
.flow-box p {padding:0px 10px;}








/* --------------------------------------------------
	お問合せフォーム
-------------------------------------------------- */

.form { margin:40px 0 0 0;}
.form-title{line-height:1.5em; margin-bottom:20px; font-size:180%; letter-spacing:0.05em; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-weight:900; padding:10px 5px 0 5px; color:#333333;}


.contact_form {margin:1em 0; background-color:#fafafa; border:1px solid #eee; padding:1em; border-radius:8px; letter-spacing:0.05em; line-height:1.5em;}
.contact_form h3 { background:#333333; color:#FFFFFF;line-height:1.5em; margin-bottom:20px; font-size:180%; letter-spacing:0.05em; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-weight:900; padding:10px 5px; }
.contact_form dt {margin-bottom:0.4em; font-weight:bold;}
.contact_form dd {margin-bottom:1em;}

@media print, screen and (min-width : 768px) {
.contact_form {margin-top:3em; margin-bottom:1em; padding:3em;}
.contact_form dt {margin-bottom:0; margin-top:0.5em; float:left;}
.contact_form dt span {/*display:block;*/}
.contact_form dd {margin-bottom:1.5em; padding-left:15em;}
}


.contact_form textarea {box-sizing:border-box; width:100%; border:1px solid #999999; padding:0.5em; border-radius:4px;}
.contact_form .mf {box-sizing:border-box; width:100%; border:1px solid #999999; padding:0.5em; border-radius:4px;}
.contact_form .mfnb {box-sizing:border-box; border:1px solid #999999; padding:0.5em; border-radius:4px; margin: 5px 0; max-width: 60%;}
.contact_form .mf-post {box-sizing:border-box; border:1px solid #999999; padding:0.5em; border-radius:4px; margin-right:10px; margin-bottom:10px; margin-left:5px;}
.contact_form textarea {height:10em;}
.contact_form .textarea-ac {height:5em;}
.form_btn input {display:block; width:100%; color:#fff; font-size:1.125em; text-align:center; padding:0; line-height:3; border:none; border-radius:4px;}

@media print, screen and (min-width : 768px) {
.form_btn input {display:block; width:60%; color:#fff; font-size:1.125em; text-align:center; padding:0; line-height:3; border:none; border-radius:4px;}
}


.form_btn.submit input {background-color:#6fbb01; margin-top:1em;max-width:200px; 
}
.form_btn.reset input {background-color:#999; margin-top:1em;max-width:200px; }
.form_btn.submit input:hover {background:#ffa800;}
.form_btn.reset input:hover {background-color:#ccc;}