@charset "utf-8";

/*◆汎用スタイルの設定*/

/*--------------------------
　トップページ index.html
---------------------------*/

#pc{
	display: none;
}

.flex_box {
	padding-bottom: 10px;          /* 余白指定 */
	display: flex;                 /* フレックスボックスにする */
	align-items:stretch;           /* 縦の位置指定 */
	flex-wrap: wrap;             /* 折り返し指定 */
	justify-content:space-between;
	border-bottom: 1px solid #aaa
}
.flex_item {
	width:33.333%;
	padding:0 0 5px 0;
	box-sizing:border-box;
}

.flex_item.mobile{
	width:50%;
}

.flex_box1 {
	padding:  0;                   /* 余白指定 */
	display: flex;                 /* フレックスボックスにする */
	align-items:stretch;           /* 縦の位置指定 */
	flex-wrap: wrap;             /* 折り返し指定 */
	justify-content:space-between;    /* 均等割り付け　両端揃え */
}


.flex_item1{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
	padding:5px;
	text-align: justify;
	background:#ffffff;
	border-radius: 6px;
	border:0.5px solid #ccc;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	border-radius: 2px;
	font-size:0.8em;
}

.flex_item2{
	float:left;
	margin:10px 0;
	background:#fff;
}

.flex_item2 img{
	width:100%;
}
.flex_item2 p.bold{
	margin:0;
	padding:20px 20px;
	font-weight:bold;
	font-size:1em;
	background:#e6ebf4;
	border-bottom:2px solid #f7aa0f;
}

.flex_item3{
	float:left;
	margin:10px 0 10px 0;
	padding:0;
}

.flex_box4 {
	background:#d2efb9;
	padding:  0;                   /* 余白指定 */
	display: flex;                 /* フレックスボックスにする */
	align-items:stretch;           /* 縦の位置指定 */
	flex-wrap: nowrap;             /* 折り返し指定 */
	justify-content:space-between;    /* 均等割り付け　両端揃え */
}

.flex_item4{
	float:left;
	height:260px;
	width:232px;
	margin:10px 0 10px 0;
	padding:5px;
	text-align: justify;
	font-size:1em;
}

.jirei {
	width:100%;
	height:390px;
	margin:10px 0;
}

.jirei1,.jirei2 {
	float:left;
}

.jirei2{
	width:100%;
	border-bottom:1.5px dotted #000000;
}

.jirei_hyo{
	margin-top:10px;
	background:#ffffff;
}

.jirei_hyo .gurey{
	width:100px;
	text-align:left;
	padding-left:10px;
	background:#F5F5F5;
	border-bottom:1px dotted #000000;
}

.jirei_hyo td{
	text-align:left;
	padding-left:10px;
	width:200px;
	border-bottom:1px dotted #000000;
}



li{
	margin-left:22px;
	margin-right:10px;
}

/*  スマホ用　メニューボタンの表示 */
.site_menu img{
	border:1px solid #ddd;
}

#site_menu{
	position:relative;
}

#site_menu img{
	width:100%;
}

#site_menu #botan1-1{
	position:absolute;
	top:36%;
	left:3%;
	width: 25%;
}

#site_menu #botan1-2{
	position:absolute;
	top:36%;
	left:36%;
	width: 25%;
}

#site_menu #botan1-3{
	position:absolute;
	top:36%;
	left:72%;
	width: 25%;
}

#site_menu #botan2-1{
	position:absolute;
	top:60%;
	left:3%;
	width: 25%;
}

#site_menu #botan2-2{
	position:absolute;
	top:60%;
	left:36%;
	width: 25%;
}

#site_menu #botan2-3{
	position:absolute;
	top:60%;
	left: 72%;
	width: 25%;
}



#main p,h1,.indent{
	margin:5px 5px 0 5px;
	text-align: justify;

}


h2 {
	clear: both;
	margin:15px 0;
	position: relative;
	padding: .5em 1em .4em 1.3em;
	background:#215C7D;
	font-size:1.2em;
	color:#ffffff;
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);

}
h2::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 4px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #ffffff;
	border-radius: 1px;
}


#syukka{
	display: flex;
	flex-direction: column;
	width:100%;
	background:#1F660A;
	height:305px;
}

.hyodai{
	margin:0 5px;
	font-weight: bold;
	padding-top:5px;
	clear:both;
}

#hyodai_left{
	float:left;
	color:#ffffff;
	font-size:0.8em;
}
.hyodai_right{
	float:right;
	padding:0 2px;
	background:#ffffff;
	font-size:0.9em;
}

.hassoubi{
	clear:both;
	max-width:100%;
	height:300px;
	margin:3px;
	background:#ffffff;
}

.tuujou{
	position: relative;
	float:left;
	margin:3px;
	width:48%;
}

.over-line{
	width:100%;
	border-top:1px solid #bebebf;
}

.tokkyuubi{
	float:right;
	margin:3px;
	width:48%;
}

.tuujou::after {
	position: absolute; /*--positionを追加--*/
	top: 0;
	left: 93%;
	margin: 0 1rem;
	content: "";
	width: 1px; /*--縦線の太さ(幅)--*/
	height: 100%;
	background-color: #bebebf; /*--縦線の色--*/
}

.tuujou_3day{
	float:left;
	display: flex;
	flex-direction: column;
	margin-left:0;
	margin-right:3px;
	padding:10px 0;
	width:30%;
	background:#2C35F7;
	text-align: center;
	color:#ffffff;
}

#setumei_3day,#setumei_2day,#setumei_1day{
	padding:15px;
	width:90%;
	text-align:justify;
	font-size:0.8em;
	font-weight:bold;
	color:#a00e0e;
}

.tokkyuu_2day{
	float:left;
	display: flex;
	flex-direction: column;
	margin-left:0;
	margin-right:3px;
	padding:10px 0;
	width:30%;
	background:#5C5C0A;
	text-align: center;
	color:#ffffff;
}

.tokkyuu_1day{
	float:left;
	display: flex;
	flex-direction: column;
	margin-left:0;
	margin-right:3px;
	padding:10px 0;
	width:30%;
	background:#934006;
	text-align: center;
	color:#ffffff;
}

.coment{
	width:100%;
	margin:0 0.5em;
	font-size:0.6em;
	color:#b30000;
}

h3 {
	clear: both;
	margin:15px 0;
	position: relative;
	padding: .4em 1em .2em 1.5em;
	background:#ffff;
	font-size:1.1em;
	color:#215C7D;
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

h3::after {
	position: absolute;
	top: .5em;
	left: .65em;
	content: '';
	width: 4px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color:#6262ef;
	border-radius: 1px;
}

h4 {
	clear: both;
	position: relative;
	padding: 1rem 0.5rem;
	font-size:1.1em;
}

h4:after {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 5px;
	content: '';
	background-image: -webkit-repeating-linear-gradient(35deg, #000, #000 1px, transparent 2px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 4px);
	background-size: 7px 20px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


.indent li{
	margin:10px;
}

img{
	max-width: 100%;
	height:auto;
/*	width/***/:auto; :/
}

#main p.bold,#main p span.fontbold{
	margin-top:10px;
	font-weight: bold;
/*	font-size:0.9em; */
}

#main p.bold span{
	color:#b30000;
}

#main p.bold span.bk_red{
	color: #FFFFFF;
	background-color: #b30000;
	padding: 0 3px;
	font-size:0.9em;
}

p.gazomenu{
	padding: 10px 0;
	text-align: center;
}

/* 見積り画面の設定　*/

#estimate{
	padding:5px;
	background-color:#FFE4C7;
	font-size: 1em;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

#estimate th,#estimate td{
	display:block;
	font-size: 1em;
	margin-left: 10px;
	line-height: 30px;
	vertical-align: top;
}

#estimate td.first {
	font-weight:bold;
	font-size: 1em;
	height: 20px;
	padding-left: 0;
}

#estimate td.botan {
	margin:0;
	width:100%;
	font-weight:bold;
	font-size: 1.2em;
	text-align: center;
}

#last{
	pading:5px 10px;
	font-weight:bold;
	color:#b30000;
}

/* 見積りはこちら、依頼はこちらのボタンを非表示にする　*/
#hidebotan1,#hidebotan2 {
	display: none;
}

div.gyokan{
	margin:10px 0;
	padding-left:1em;
	text-indent:-1em;
}

p.gyokan{
	padding-top:10px;
}

/* 用途別生地比較表の装飾　*/
.table{
	width:100%;
	margin-bottom:5px;
	text-align: center;
	font-size:1em;
	vertical-align:center;
	writing-mode: vertical-lr;
	border-collapse: collapse;
}


.table th{
	background:#ffff00;
	height:30px;
	font-size:1em;
	writing-mode: horizontal-tb;
	border:1px solid #000;
}

.table td.first{
	background-color: #cccccc;
	height:30px;
}

.table td{
	font-size:1em;
	text-align:center;
	writing-mode: horizontal-tb;
	border:1px solid #000;
}

.table td.top{
	vertical-align:top;
}

.table td.center{
	text-align:center;
}

.botan{
	margin:20px 0;
}

.botan p{
	margin:0;
}

p.gray{
	margin-top:10px;
	background-color: #bbb8b7;
	font-weight: bold;
}

.page_menu img{
	padding-left:20px;
}

/*---　トップページの画像を切り替える */
---------------------------------------------------------------------------*/
/*1枚目*/
@keyframes slide1 {
	0% {left: 0%;}
	3% {left: 0%;}
	30% {left: 0%;}
	33% {left: -110%;}
	93% {left: 110%;}
	96% {left: 0%;}
	100% {left: 0%;}
}
/*2枚目*/
@keyframes slide2 {
	0% {left: 110%;}
	30% {left: 110%;}
	33% {left: 0%;}
	60% {left: 0%;}
	63% {left: -110%;}
	100% {left: -110%;}
}

/*3枚目*/
@keyframes slide3 {
	0% {left: 110%;}
	60% {left: 110%;}
	63% {left: 0%;}
	93% {left: 0%;}
	96% {left: -110%;}
	100% {left: -110%;}
}

/*mainimg
---------------------------------------------------------------------------*/
/*画像ブロック*/
.slide {
	clear: left;
	position: relative;
	width: 100%;
	height: 100px;			/*高さ*/
	background: #eee;	/*背景色*/
	overflow: hidden;
}
/*３枚画像の共通設定*/
.slide1,.slide2,.slide3 {
	position: absolute;left:0px;top:0px;width: 100%;height: 100%;
	animation-duration: 15s;				/*実行する時間。「s」は秒の事。*/
	animation-iteration-count:infinite;		/*実行する回数。「infinite」は無限に繰り返す意味。*/
	animation-delay: 4s;					/*アニメーションを遅れて開始させる。「s」は秒の事。*/
	animation-fill-mode: both;				/*アニメーションの待機中は最初のフレームを、アニメーションの完了後は最後のフレームを維持する。*/
	transition: 0.4s;						/*マウスオン時の移り変わるまでの時間設定。0.4秒。*/
}

/*1枚目*/
.slide1 {
	background: url(../images/1.jpg) no-repeat center center/cover;	/*1.jpg画像の読み込み*/
	animation-name: slide1;		/*上で設定しているキーフレーム（keyframes）の名前*/
}

/*2枚目*/
.slide2 {
	background: url(../images/2.jpg) no-repeat center center/cover;	/*2.jpg画像の読み込み*/
	animation-name: slide2;		/*上で設定しているキーフレーム（keyframes）の名前*/
}

/*3枚目*/
.slide3 {
	background: url(../images/3.jpg) no-repeat center center/cover;	/*3.jpg画像の読み込み*/
	animation-name: slide3;		/*上で設定しているキーフレーム（keyframes）の名前*/
}



/*--------------------------
　初心者の方へ beginners.html
---------------------------*/
/* テーブル１の装飾　*/
.table1{
	margin-top:20px;
	width:100%;
	text-align: left;
	font-size:1.5em;
	vertical-align:center;
	border-collapse: collapse;
}

.table1 th{
	text-align:center;
	border:1px solid #000;
}

.table1 td{
	font-size:0.6em;
	border:1px solid #000;
	padding-left:5px;
}

.table1 td.first{
	color:#333333;
	font-weight:bold;
	background-color: #cccccc;
	height:30px;
	width:30%;
}

.red,.color1{
	color:#b30000;
}

.box30 {
	width:45.5%;
	height:370px;
	float: left;
	position: relative;
	margin: 0.5em 0.6em 0.5em 0;
	padding: 0.5em 0;
	border: solid 3px #95ccff;
	border-radius: 8px;
}
.box30 p img{
	float:left;
	margin-right:10px;
	width:90%"
}
.box30 p {
	margin: 0.5em 0; 
	padding: 0;
	font-size:1em;
	text-align: justify;
}
.title {
	position: absolute;
	display: inline-block;
	top: -8px;
	left: 5px;
	padding: 0 3px;
	line-height: 1;
	font-size: 0.9em;
	background: #FFF;
	color: #b30000;
	font-weight: bold;
}
/*--------------------------
　注文～納品の流れ deliveryslow.html
---------------------------*/
.image{
	margin:10px 0;
	width:100%;
}

.image img{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:1 / 1;
	padding:0;
}
/*--------------------------
　スタッフ紹介 inoroduction.html
---------------------------*/

table td.first{
	width:30%;
}

/*--------------------------
　お問い合わせ inquiry.html
---------------------------*/

p span.bold{
	color:#b30000;
	font-weight:bold;
}
#table2{
	width:100%;
	background-color: #caf5f8;
	text-align: left;
	font-size:1em;
	vertical-align:center;
}

#table2 td.item_name{
	width:100px;
}

p.img_center{
	text-align: center;
	margin: 0 0 15px 0;
}

#main td span.blue,#main p span.blue{
	color:#0000ff;
	font-size:1em;
}


/*--------------------------
　ご注文の手引き order-guide.html
---------------------------*/

#flow1 {
	position:relative;
	width: 100%;
}

#botan1{
	position:absolute;
	top:48%;
	left:0;
	width: 29%;
}

#botan2{
	position:absolute;
	top:73%;
	left:0;
	width: 29%;
}

#botan3{
	position:absolute;
	top:73%;
	left:35.5%;
	width: 29%;
}

#botan4{
	position:absolute;
	top:0;
	left:71%;
}

#botan5{
	position:absolute;
	top:23%;
	left:71%;
}

#botan6{
	position:absolute;
	top:48%;
	left:71%;
}

#flow2{
	margin:auto;
}

#flow2 img{
	padding: 10px 10px;
	width:40%;
	vertical-align: top;/* 画像の上端を揃える*/
	border-style: none;/*線なし*/
}

/*--------------------------
　プライバシーポリシー policy.html
---------------------------*/


#main .kajogaki ol li,#main .kajogaki ul li{
	display:list-item;
	padding-left:10px;
	padding-right:10px;
}

.kajogaki li{
	display:list-item;
	margin-left: 20px;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 25px;
	text-align: justify;
	color: #000000;
}

/*--------------------------
　幕制作事例 pproduction.html
---------------------------*/

.float1,.float2,.float3,.float4,.float5,.float6{
	height:180px;
	float: left;
	text-align: justify;
	background:#f7f5f7;
	border:1px solid #000000;
}

.float1 p,.float2 p,.float3 p,.float4 p,.float5 p,.float6 p{
	font-size:0.5em;
}
div.float1{
	width:24%;
}

div.float2{
	width:24%;
}

div.float3{
	width:24%;
}

div.float4{
	width:24%;
}

div.float1 p,div.float2 p,div.float3 p,div.float4 p,div.float5 p,div.float6 p{
	padding:10px 0;
}

div.float5,div.float6{
	width:49.3%;
}


#main p.subtitle{
	margin:20px 0 10px 0;
	clear: both;
	font-size: 1.2em;
	padding: 5px;
	border: #000000 1px solid;
	background-color: #FFCCCC;
}

#main p.subtitle a:hover{
	color:#000000;/*マウスが乗った時のリンク色*/
}

.flow_left,.flow_right{
	margin-top:20px;
	width: 100%;
	clear: both;
}


.flow img{
	width: 100%;
}


.flow_left10{
	margin:5px 0;
	width:100%;
	float:left;
}

/*--------------------------
　サイトマップ 	sitemap.html
---------------------------*/

#main .second{
	padding-left:30px;
}
/*--------------------------
　チーム応援ページ　supportpage.html
---------------------------*/

.kenmei{
	padding-left:30px;
	background:#dddddd;
}

#zenkoku p.chiho{
	margin:20px 0;
	border:1px solid #000000;
	background:#ffffff;
}

#zenkoku p.ken{
	margin:20px 0 0 30p;
	border-bottom:1px solid #000000;
	background:#ffffff;
}

/*--------------------------
　取り扱い生地のご紹介 ofabric.html
---------------------------*/

#cloth,#menu1,#menu2.pay,.pankuzumenu{
	margin-left:10px;
}

#cloth li,#menu1 li,#menu2 li,.pankuzumenu li{
	padding-top:10px;
}

/*--------------------------
　注文前の確認事項 index.html
---------------------------*/

.left{
	position:relative;
	float: left;
	margin:10px 5px 10px 5px;
	width:45%;
}

.right{
	position:relative;
	float: right;
	margin:10px 5px 10px 10px;
	width:45%;
}

.wakumoji{
	position:absolute;
	font-size: 1em;
	top:0.2%;
	left:6%;
}

/*--------------------------
　完全データ入稿方法 method.html
---------------------------*/

.kakomisen{
	background:#ffcccc;
	border:1px solid #000000;
	width:100%;
}

.kakomisen.kajogaki{
	padding:0 20px;
}

.table5{
	margin-top:20px;
	width:100%;
	text-align: left;
	font-size:1.5em;
	vertical-align:center;
}

.table5 th{
	height:30px;
	text-align:center;
}

.table5 td{
	height:30px;
	font-size:0.6em;
}

/*--------------------------
　価格表  pricelist/index.html
---------------------------*/

.table2 {
	table-layout: fixed;
	width:100%;
	writing-mode: vertical-lr;
	background-color: #f0f7f7;
	text-align: left;

}

.table2 th,.table2 td{
	writing-mode: horizontal-tb;
	height:25px;
/*	width:13%; */
	font-size:0.5em;
}



.table2 th{
	width:10%;
}

.table2 tr td{
	width:8%;
	text-align:center;
}

.table6 {
	width:100%;
	background-color: #efffff;
	text-align: left;
}

.table6 th,.table6 td{
	height:25px;
	font-size:0.5em;
}

/* トップページの支払い方法・納品・返品テーブルの装飾　*/


div.table7{
	width:100%;
	height:380px;
/*	border-collapse: collapse; */
	background:#f0f2f7;
	border:1px solid #bebebf;
	display: flex;
}

div.table7-1{
	position: relative;
	width:50%;
	margin-right: 0.5em;
}

div.table7-1::after {
	position: absolute; /*--positionを追加--*/
	top: 0;
	left: 100%;
	margin: 0 0;
	content: "";
	width: 1px; /*--縦線の太さ(幅)--*/
	height: 100%;
	background-color: #bebebf; /*--縦線の色--*/}

/* トップページの支払い方法・納品・返品テーブルの装飾　*/

div.table7-2{
	width:50%;
	clear:both;
}

div.table7-1 h3,div.table7-2 h3{
	margin:5px 5px;
}

div.table7-1 div.table7-1-1{
	text-align:justify;
}

div.table7-2 div.table7-1-1{
	margin-right:5px;
	text-align:justify;
}

div.table7-1-1 p.red_text{
	padding-left:1em;
	text-indent:-1em;
	color:#b30000;
}

div.table7-1-1 p.text{
	padding-left:1em;
	text-indent:-1em;
}

/* 代引き手数料のテーブルの装飾　*/
div.table7-1-1 table{
	width:100%;
	background:#ffffff;
	margin:5px 3px;
}

div.table7-1-1 table th,div.table7-1-1 table td{
	border-bottom:1px dotted #000000;
	text-align:left;
	font-size:0.9em;
	color:#000000;
}

div.table7-1 p.black,div.table7-2 p.black{
	background:#f7f714;
	corlor:#ffffff;
	padding:5px 5px;
	font-size:0.5em;
}

div.float13{
	float:left;
	height:280px;
	width:100%x;
	margin-top:10px;
	text-align: justify;
	background:#ffffff;
	border-radius: 6px;
	border:0.5px solid #ccc;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	border-radius: 2px;
	font-size:0.8em;
}

.button_solid001 {
	margin:10px 0;
}
.button_solid001 a {
	font-size:1em;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: right;
	margin: 0 auto;
	max-width: 240px;
	padding: 10px 0;
	color: #fff;
	transition: 0.3s ease-in-out;
	font-weight: 600;
	background: #000;
	filter: drop-shadow(0px 2px 4px #ccc);
	border-radius: 3px;
}
.button_solid001 a:hover {
	transform: translateY(-2px);
	box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}

table.kakakuhyo{
	border-collapse: collapse;
}

table.kakakuhyo tr{
	height:30px;
	border: 1px solid
	font-size:0.5em;
}

table.kakakuhyo td{
	padding-right:3px;
	text-align:right;
	border: 1px solid #000;
	font-size:0.5em;
}

table.kakakuhyo th{
	border: 1px solid #000;
	font-size:0.5em;
}



/*--------------------------
　送料・お届け日数  pricelist/shipping.html
---------------------------*/

.option{
	margin-left:5px;
}

/*--------------------------
　トレース作業  pricelist/trace.html
---------------------------*/

p img{
	padding-bottom:20px;
}

/*--------------------------
　サポートページ  support/karate.html wharp.html
---------------------------*/

.kakudaimoji{
	padding-top:20px;
	font-size:1.5em;
}
.table.th,.table.td{
	font-size:1em;
}

#wharp{
	background:#070a4a;
}

#wharp h1,#wharp p{
	color:#ffffff;
}

#wharp h3{
	font-size: 1.5em;
	color: #000000;
}

.indent20{
	padding-left:20px;
}

#wharp li{
	color:#ffffff;
	font-size:1.2em;
}

#wharp li span{
	font-size:1.5em;
	color:#ffffff;
}

#wharp th,#wharp td{
	color:#ffffff;
	background:#070a4a;
	font-size:0.7em;
}

#wharp th{
	text-align:center;
}
#wharp td{
	text-align:left;
	padding-left:5px;
}

/*--------------------------
　お客様の声  usagequide/customers.html
---------------------------*/
.photo2{
	margin:30px 0;
	padding-top:10px;
	border-top: #cc9999 3px solid;
}

.photo2 img{
	width:100%;
}

.photo2 a{
	font-size:1.3em;
	font-weight:bold;
}

.float7 p,.float8 p,.float9 p{
	padding-bottom:10px;
}
/*--------------------------
　用語集  usagequide/glossary.html
---------------------------*/

.menu,.mokuji{
	margin-left:10px;
}

ul#menu li,.kenmei ul li,ul.celebration li{
	margin-bottom:10px;
}
p span.mojiblue{
	color:#b30000;
	font-weight:bold;
}

.overline{
	padding:10px 0;
	border-top: #00ff00 2px solid;
}

/*--------------------------
　よくある質問  usagequide/question.html
---------------------------*/
div.question1_link p,div.question2_link p,div.question3_link p,div.question4_link p,div.question5_link p{
	padding-bottom:10px;
}

#question_anser{
	text-align:center;
}

#question_anser li{
	display: inline;
	margin: 20px 0;
}

#question_anser a img{
	border:1px solid;
}

.anser p.kaito{
	padding-left: 3em;
	text-indent: -1em;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-bottom: 20px;
	border-bottom: #336600 3px solid;
	color: #000000;
}

.anser p.last{
	margin-bottom:20px;
	padding-left: 3em;
	text-indent: -1em;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-bottom:20px;
	color: #000000;
}
/*------------------------*/

.ryohasi{
	text-align: justify;
}

/*--------------------------
　スローガン  collection/example-collection.html
---------------------------*/

.table6{
	width:100%;
}

.table6 th:nth-child(3),.table6 td:nth-child(3){
	display:none;
}

div.haikei_gray{
	overflow : hidden;
	position:relative;
	margin:0;
	width:100%;
	background:#f4f4f4;
}

div.float10{
	float:left;
	height:350px;
	width:32%;
	margin:10px 0 10px 5px;
	text-align: justify;
	background:#ffffff;
}

#main div.float10 p,#main div.float11 p,#main div.float12 p{
	margin:0 2px 0 2px;
	padding:0;
}

div.float10 img,div.float11 img,div.float12 img{
	width:100%;
}

div.float11{
	float:left;
	height:86px;
	width:230px;
	margin:10px 0 10px 10px;
	text-align: justify;
	background:#ffffff;
}

#free{
	position:absolute;
	top:275px;
	left:170px;
}

div img.left_img_70{
	width:70%;
}

div img.left_img_30{
	width:28%;
}

.cyuigaki{
	background:#fcf0f0;
}

#main .cyuigaki ul li{
	display:list-item;
	text-indent: -1em;
	padding-left: 1em;
	color: #000000;
	line-height:1.5em;
}

.haikei{
	background:#b30000;
	text-align:center;
	font-weight:bold;
}

#main .pankuzu li{
	display:inline;
}

.table8,.table9{
	width:100%;
	background:#f0f2f7;
	border:1px solid #bebebf;
/*	display: flex; */
}

.table8{
	height:220px;
}
.table9{
	height:700px;
}

.table10 td{
	text-align:center;
}

/*--------------------------
　ランディングページ  LP/himeji.html,kenchiku.html
---------------------------*/

.TopImgSky {
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	text-align: center;
	background-image:  url("../images/TopBgSky.jpg");
	max-height: 600px;
}

img.ImgR240 {
	float: right;
	width:100px;
	margin: 0px 20px;
}

.copyright {
	color: #fff; /*文字色指定*/
	font-size: 0.9em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	line-height: 1; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
	text-align:center;
	padding: 5px 0px 5px 0px;
	margin-bottom: 0px;
}

#footer {
	margin:0;
	clear: both;
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
	height: auto; /*領域の高さ指定*/
}

#footer ul li {
	font-size:0.7em;
	margin:0;
	padding:5px;
}

.button_solid002 {
	display: flex;
	justify-content: center;
	align-items: center;
}


.button_solid002 a {
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: right;
	max-width: 400px;
	padding: 10px 5px;
	font-size:1em;
	transition: 0.3s ease-in-out;
	font-weight: 400;
	background: #7F4B06;
	filter: drop-shadow(0px 2px 4px #ccc);
	border-radius: 3px;
}

.button_solid002 a:hover {
	transform: translateY(-2px);
	box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);}

.table4{
	width:100%;
	border-collapse: collapse;
}

.table4 th{
	background:#ffff00;
	text-align:center;
	border: solid 1px black;
}

.table4 th.first{
	width:85px;
	height:30px;
}

.table4 th.third{
	width:100px;
}

.table4 td{
	height:30px;
	textalign:left;
	padding:0 0 0 0.5em;
	border: solid 1px black;
}

#main p.pankuzu a{
	color:#2E2EFF;
}

#main a{
	color:#2E2EFF;
}
#main h2 a{
	color:#ffffff;
}
#wrap #topbutton {
   /* ▼ボタンの表示位置を画面の右下に固定 */
   position: fixed; /* ←表示場所を固定 */
   bottom: 18px;   /* ←下端からの距離 */
   right: 18px;    /* ←右端からの距離 */
   width: 5em;     /* ←横幅 */

   /* ▼最初は非表示にしておく */
   display: none;

   /* ▼配色・配置・文字の装飾など */
   background-color: #0254fc; /* ←背景色 */
   opacity: 0.75;        /* ←透明度 */
   border-radius: 24px;  /* ←角丸の半径 */
   text-align: center;  /* ←文字の位置 */
   font-size: 120%;     /* ←文字サイズ */
   font-weight: bold;   /* ←文字の太さ */
   margin: 0px;          /* ←外側の余白 */
   padding: 5px;       /* ←内側の余白 */
}
#wrap #topbutton a {
   /* ▼リンクの装飾 */
   color: #ffffff;          /* ←文字色 */
   text-decoration: none; /* ←下線なし */
}
#wrap #topbutton a:hover {
   /* ▼マウスが載ったときの装飾 */
   color: #ff0000;              /* ←文字色 */
   text-decoration: underline; /* ←下線あり */
}

.flex_box1 .flex_item img{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:1 / 1;
}

#sumahomenu{
	min-height:160px;
}

/* スタッフ紹介ページ：会社概要・プライバシーポリシー */
.staff-link-buttons{
	display:flex;
	flex-wrap:nowrap;
	gap:10px;
	align-items:center;
}

.staff-link-buttons a{
	display:block;
	width:calc((100% - 10px) / 2);
}

.staff-link-buttons a img{
	display:block !important;
	width:100% !important;
	height:auto !important;
	aspect-ratio:210 / 50;
	object-fit:contain;
	padding:0 !important;
	margin:0 !important;
}