bal@charset "utf-8";
/*************************************/
@font-face { 
	font-family: 'kozEL';　/*小塚明朝　EL*/
	src: url(https://www.makit.biz/fonts/KozMinPro-ExtraLight.otf);
}
@font-face {
	font-family: 'kozL';　/*小塚明朝　L*/
	src: url(https://www.makit.biz/fonts/KozMinPro-Light.otf);
}
@font-face {
	font-family: 'kozR';　/*小塚明朝　R*/
	src: url(https://www.makit.biz/fonts/KozMinPro-Regular.otf);
}
@font-face {
	font-family: 'kozM';　/*小塚明朝　M*/
	src: url(https://www.makit.biz/fonts/KozMinPro-Medium.otf);
}
@font-face {
	font-family: 'kozB';　/*小塚明朝　B*/
	src: url(https://www.makit.biz/fonts/KozMinPro-Bold.otf);
}
@font-face {
	font-family: 'kozH';　/*小塚明朝　H*/
	src: url(https://www.makit.biz/fonts/KozMinPro-Heavy.otf);
}
/*************************************/
@font-face {
	font-family: 'msg';　/*MSゴシック標準*/
	src: url(https://www.makit.biz/fonts/mspgothic.ttc);
}
@font-face {
	font-family: 'msm';　/*MSゴシック標準*/
	src: url(https://www.makit.biz/fonts/mspmincho.ttc);
}
/*************************************/
@font-face {
	font-family: 'msgP';　/*MSPゴシック標準*/
	src: url(https://www.makit.biz/fonts/mspgothic.ttc);
}
@font-face {
	font-family: 'msmP';　/*MSPゴシック標準*/
	src: url(https://www.makit.biz/fonts/mspmincho.ttc);
}
@font-face {
	font-family: 'meiryo';　/*メイリオ標準*/
	src: url(https://www.makit.biz/fonts/meiryo.ttc);
}
@font-face {
	font-family: 'meiryoB';　/*メイリオ太字*/
	src: url(https://www.makit.biz/fonts/meiryob.ttc);
}
/*************************************/
@font-face {
	font-family: 'sws';　/*Swis721*/
	src: url(https://www.makit.biz/fonts/swiss.ttf);
}
@font-face {
	font-family: 'swsEK';　/*Swis721BlkEx BT極太*/
	src: url(https://www.makit.biz/fonts/swissek.ttf);
}
@font-face {
	font-family: 'swsKO';　/*Swis721BlkOul BT極太*/
	src: url(https://www.makit.biz/fonts/swissko.ttf);
}
@font-face {
	font-family: 'swsEL';　/*Swis721BlkEx BT細字*/
	src: url(https://www.makit.biz/fonts/swissel.ttf);
}
/*************************************/
@font-face {
	font-family: 'ee1';　/*流麗イングリッシュ１*/
	src: url(https://www.makit.biz/fonts/Elegance01.ttf);
}
@font-face {
	font-family: 'ee2';　/*流麗イングリッシュ２*/
	src: url(https://www.makit.biz/fonts/Elegance02.ttf);
}
/*************************************/
@font-face {
	font-family: 'aqua';　/*あくあフォント*/
	src: url(https://www.makit.biz/fonts/aquafont.ttf);
}
@font-face {
	font-family: 'azuki';　/*あずきフォント*/
	src: url(https://www.makit.biz/fonts/azuki.ttf);
}
@font-face {
	font-family: 'yasisa';　/*やさしさゴシック*/
	src: url(https://www.makit.biz/fonts/yasasisaGothic.ttf);
}
@font-face {
	font-family: 'rfg2';　/*RFG2サンセフリーＵ*/
	src: url(https://www.makit.biz/fonts/rfg2sanu.ttc);
}
/*************************************/

body{
    word-break:break-all;
    font-family:"meiryo";
}
media_tag_0 {media_subcode:0}
.divSmt{
    display:none;
}
/*　要素　始まり */
.blinking{ 
-webkit-animation:blink 1.0s ease-in-out infinite alternate; -moz-animation:blink 1.0s ease-in-out infinite alternate; animation:blink 1.0s ease-in-out infinite alternate; } @-webkit-keyframes blink { 
    0% { opacity: 0 }
    100% { opacity: 1 }
}
@-moz-keyframes blink { 
    0% { opacity: 0 }
    100% { opacity: 1 }
}
@keyframes blink { 
    0% { opacity: 0 }
    100% { opacity: 1 }
}
p,
div,
form { margin: 0px }
.clear { clear: both }
.f_left { float: left }
.f_right { float: right }
.div_center { text-align: center }
.txt-center { text-align: center }
.txt-right { text-align: right }
h2 { color: #333 }
hr {
    height: 0px; /* 
の実線を消す */
    border: 0px; /* borderを一旦リセットする（基本設定でしていれば不要）*/
    border-top: 1px solid #CCCCCC; /* 線の太さ　線の種類　線の色 */
    clear: both;
}
.item_viewer_box { word-break: break-all }
.hr_blue {
    height: 0px; /* 
の実線を消す */
    border: 0px; /* borderを一旦リセットする（基本設定でしていれば不要）*/
    border-top: 1px solid #F5F5F5; /* 線の太さ　線の種類　線の色 */
    clear: both;
}
.dotted {
    height: 0px; /* 
の実線を消す */
    border: 0px; /* borderを一旦リセットする（基本設定でしていれば不要）*/
    border-top: 1px dotted #CCCCCC; /* 線の太さ　線の種類　線の色 */
    line-height: 1px;
    clear: both;
}
.dotted2 {
    height: 0px; /* 
の実線を消す */
    border: 0px; /* borderを一旦リセットする（基本設定でしていれば不要）*/
    border-top: 1px dotted #CCCCCC; /* 線の太さ　線の種類　線の色 */
    line-height: 1px;
    clear: both;
    margin-bottom: -10px;
}
.dashed {
    height: 0px; /* 
の実線を消す */
    border: 0px; /* borderを一旦リセットする（基本設定でしていれば不要）*/
    border-top: 1px dashed #CCCCCC; /* 線の太さ　線の種類　線の色 */
    clear: both;
}
.groove {
    height: 0px; /* 
の実線を消す */
    border: 0px; /* borderを一旦リセットする（基本設定でしていれば不要）*/
    border-top: 1px groove #CCCCCC; /* 線の太さ　線の種類　線の色 */
    clear: both;
}
.double {
    height: 0px; /* 
の実線を消す */
    border: 0px; /* borderを一旦リセットする（基本設定でしていれば不要）*/
    border-top: 1px double #CCCCCC; /* 線の太さ　線の種類　線の色 */
    clear: both;
}
img { border: 0px }
.img_l {
    float: left;
    margin: 0px 10px 10px 0px;
}
.img_r {
    float: right;
    margin: 0px 0px 10px 10px;
}
.img_array { float: left }
.img_array2 { margin: 2px }
.pirobox_gall { margin: 2px }
.pirobox { margin: 2px }
.bold { font-weight: bold }
.larger { font-size: larger }
.smaller { font-size: smaller }
.ff { font-family: "メイリオ" }
.red { color: #FF0000 }
.blue { color: #3399cc }
.green { color: #008000 }
.gray { color: #999 }
.ash { color: #CCC }
.purple { color: #9400d3 }
.quote {
    width: 100%;
    background-color: #e6e6fa;
    border: 1px solid #bc8f8f;
    padding: 2em;
    box-sizing: border-box;
    margin: 5px 0;
}
.reference {
    width: 100%;
    background-color: #EFEFEF;
    border: 1px solid #CCC;
    padding: 2em;
    box-sizing: border-box;
    margin: 5px 0;
    color: #333;
}
.notes {
    width: 100%;
    border: 1px solid #CCC;
    padding: 2em;
    box-sizing: border-box;
    margin: 5px 0;
}
/*　要素　終わり */
.wrap {
    width: 100%;
    overflow: hidden;
}
/*　スペーサー　始まり */
.sp {
    line-height: 10px;
    padding: 0px;
}
.sp_300 {
    line-height: 100px;
    padding: 0px;
}
.sp_100 {
    line-height: 100px;
    padding: 0px;
}
.sp_80 {
    line-height: 80px;
    padding: 0px;
}
.sp_50 {
    line-height: 50px;
    padding: 0px;
}
.sp_40 {
    line-height: 40px;
    padding: 0px;
}
.sp_30 {
    line-height: 30px;
    padding: 0px;
}
.sp_20 {
    line-height: 20px;
    padding: 0px;
}
.sp_5 {
    line-height: 5px;
    padding: 0px;
}
.sp_7 {
    line-height: 7px;
    padding: 0px;
}
/*　スペーサー　終わり */
table.table_01 {
    width: 100%;
    border: 1px #CCCCCC solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0px 0px 0px 0px;
}
table.table_01 td {
    padding: 5px;
    border: 1px #CCCCCC solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
table.table_01 th {
    padding: 5px;
    background-color: #EFEFEF;
    border: 1px #CCCCCC solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
table.table_02 {
    width: 100%;
    border: 1px #008CD5 solid;
    border-radius: 6px;
    overflow:hidden;
    border-collapse: separate;
    border-spacing: 0;
}
table.table_02 td {
    padding: 8px;
    border-left: 1px #008CD5 solid;
    border-bottom:1px solid #008CD5;
    text-align: left;
    padding: .5em 2em;
    
}
table.table_02 th {
    padding: 8px;
    background-color:#F0FFFF;
    text-align: left;
    padding: .5em 2em;
    border: 1px #008CD5 solid;
    border-bottom:1px solid #008CD5;
    border-left:none;
    border-top:none;
    border-right:none;
}

table.table_02 tr:last-child th,
table.table_02 tr:last-child td{
  border-bottom: none;

}
table.table_02 tr:last-child td{border-left: none;}
table.table_03 {
    width: 100%;
    border: 1px #CCCCCC solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0px 0px 0px 0px;
}
table.table_03 td {
    padding: 8px;
    border: 1px #CCCCCC solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
table.table_03 th {
    padding: 8px;
    min-width: 150px;
    background-color: #EFEFEF;
    border: 1px #CCCCCC solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
table.table_03 table {
    border: none;
    padding: 0;
}
table.table_03 td table td {
    border: none;
    padding: 0;
}
table.table_03 th table th {
    border: none;
    padding: 0;
}
.table-calendar {
    background-color: #999999;
    width: 100%;
    border: medium double #336699;
}
.calendar-td2 {
    color: #333333;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    font-size: 12px;
}
.calendar-td1 {
    color: #333333;
    background-color: #FFFFFF;
    vertical-align: middle;
    font-size: 12px;
    padding-right: 5px;
    padding-left: 5px;
}
.table_04 {
    border: 2px solid #333366;
    width: 100%;
    background-color: #999999;
}
.td1 {
    font-size: 12px;
    background-color: #EEEEEE;
    color: #333333;
    vertical-align: top;
    padding: 3px;
}
.td2 {
    background-color: #EEEEEE;
    width: 30px;
    color: #333333;
    text-align: center;
    font-size: 12px;
    padding: 3px;
}
.td3 {
    font-size: 12px;
    background-color: #EEEEEE;
    text-align: center;
    color: #333333;
    padding: 3px;
}
.td4 {
    font-size: 12px;
    font-weight: bold;
    background-color: #CCCCCC;
    width: 150px;
    text-align: center;
    padding: 3px;
}
.myPic {
    /*border-radius: 5px;;;
    border: 1px solid #ccc;
    margin: 0 5px;*/
    clear: both;
}
.info_modified { font-family: "メイリオ",Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }
.info_case_name a {
    font-weight: normal;
    font-family: "メイリオ",Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: inherit;
    text-decoration: underline;
}
.info_case_name a:hover { font-weight: bold }
table.table_viewer {
    width: 100%;
    border: 1px #AAAAAA solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0px 0px 0px 0px;
}
table.table_viewer td {
    background-color: #FFFFFF;
    padding: 5px;
    border: 1px #AAAAAA solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
table.table_viewer th {
    background-color: #EFEFEF;
    padding: 5px;
    border: 1px #AAAAAA solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
#google_search {
    position: relative;
    z-index: 51;
}
#breadcrumbs {
    position: relative;
    z-index: 51;
}
table.table_viewer2 {
    width: 100%;
    border: 1px #AAAAAA solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0px 0px 0px 0px;
}
table.table_viewer2 td {
    background-color: #000000;
    padding: 5px;
    border: 1px #AAAAAA solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    color: #FFF;
}
table.table_viewer2 th {
    background-color: #666666;
    padding: 5px;
    border: 1px #AAAAAA solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    color: #FFF;
}
.search_box {
    background-color: #EFEFEF;
    border: 1px solid #CCC;
    padding: 10px;
}
#next_item,
#next_item a {
    background-image: url(./img/next_item.gif);
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    float: right;
    width: 60px;
    height: 60px;
}
#next_item a:hover { background-image: url(./img/next_itemB.gif) }
#prev_item,
#prev_item a {
    background-image: url(./img/prev_item.gif);
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    float: left;
    width: 60px;
    height: 60px;
}
#prev_item a:hover { background-image: url(./img/prev_itemB.gif) }
#mdw_button {
    position: absolute;
    top: 30px;
    right: 5px;
}
.box_wrap {
    background-color: #FFF;
    margin: 20px 5px;
    padding: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 2px;
    box-shadow: 0px 0px 2px 2px #999;
    -moz-box-shadow: 0px 0px 2px 2px #999;
    -webkit-box-shadow: 0px 0px 2px 2px #999;
}
#searchArea {
    background-color: #EFEFEF;
    border: 1px solid #CCC;
    color: #333;
    padding: 5px 10px;
}
#tpvP {
    margin-top: -5px;
    margin-bottom: 5px;
}
#tpvN {
    margin-top: -5px;
    margin-bottom: 5px;
}
#naviFixed {
    position: fixed;
    right: 4%;
    bottom: 8%;
    opacity: 0.8;
    border: none;
    outline: none;
				z-index:11;
}
#totopFixed {
    outline: none;
    margin: -5px 0;
}
#bottomFixed {
    text-align: center;
    width: 80px;
    background-color: #FFF;
    margin: 0px;
}
#tc_bigFixed {
    width: 20px;
    height: 18px;
    border: 0;
    background-image: url(./img/tc_big.png);
    background-color: transparent;
    background-repeat: no-repeat;
}
#tc_midFixed {
    width: 19px;
    height: 18px;
    border: 0;
    background-image: url(./img/tc_mid.png);
    background-color: transparent;
    background-repeat: no-repeat;
}
#tc_smlFixed {
    width: 19px;
    height: 18px;
    border: 0;
    background-image: url(./img/tc_sml.png);
    background-color: transparent;
    background-repeat: no-repeat;
}
#ctFixed { margin: -15px auto }
.shadow {
    margin-top: 5px; /* 画像の上の余白*/
    display: inline-block;
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */
    border-top: 1px solid #EFEFEF;
}
#titleSitemap{
	font-size: medium;
	margin-bottom:10px;	
}
#titleSitemapIcon{
	font-size:x-large;
}
#topRight{
	position: relative;
	float:right;
}
.rlestViewrBox{
	border:1px solid #666;
	width:97%;
	height:9rem;
	margin-bottom:1.5%;
	padding:1.5%;
}
.rvb01{
	float:left;
	width:19%;
	height:100%;
}
.rvb01 a{
	display:block;
	height:100%;
}
.rvbLine{
	float:left;
	border-right:1px solid #666;
	width:1.5%;
	height:100%;
}
.rvb02{
	float:left;
	width:17.5%;
	height:100%;
	border-right:1px solid #666;
	display: flex;
	text-align:center;
	align-items: center;
	justify-content: center;
	padding:0 2%;
}
.rvb03{
	float:left;
	width:12%;
	padding:0 2%;
	height:100%;
	border-right:1px solid #666;
	display: flex;
	text-align:center;
	align-items: center;
	justify-content: center;
}
.rvb04{
	float:left;
	width:23%;
	padding:0 2%;
	height:100%;
	display: flex;
	align-items: center;
	padding:0 0 0 1rem;
}
.rvbTitle{
	font-weight:bold;
	margin-bottom:1rem;
}
.cursorP{
	cursor: pointer
}
#srsltH{
	color:#008000;
	font-size:large;
	font-weight:bold;
	margin-bottom:10px;
}	
#naviFixed{
	z-index:40000;
}
.arrow_01{margin-right:0.5rem;}
.arrow_01B{margin-right:0.5rem;}
.w15p{width:15%;}
.w18p{width:18%;}
.w17p{width:17%;}
.w32p{width:32%;}
.bfont001 {
color: white;           /* 色指定 */
font-family: ＭＳ 明朝;             /* フォント */
font-size: 37px;　　　　　　　　　　/* フォント */
line-height:250%;                   /*行間 */
}
.bfont001_small {
color: white;           /* 色指定 */
font-family: ＭＳ 明朝;             /* フォント */
font-size: 25px;　　　　　　　　　　/* フォント */
line-height:250%;                   /*行間 */
}
.greet{
font-weight: bold;
font-family: 游明朝;
font-size: 33px;
line-height: 200%;
font-color: white; 
}
#h1{display:none;}

@media screen and (max-width: 639px){
 /* aboutページ ここから*/
.backabout { width:100%; background-image: url(../data/File_Storage/bg_001_02.png);background-position: center;background-size: cover;}
.f_right_about{width: 90%;margin:auto;text-align: center;}
.about{font-weight: bold;font-family: ＭＳ 明朝;font-size: 28px;line-height: 250%;color:#FFFFFF;text-align: left;margin:auto;}
.about3{font-weight: bold;font-family: ＭＳ 明朝;font-size: 22px;line-height: 200%;color:#FFFFFF;text-align: left;margin:auto;}
.imgabout{ width: 70%;text-align: center;} 
/* aboutページ ここまで*/

/* linkページ ここから*/
.linkbox{ float:left; width:48%; padding:0 0px 0px10px; vertical-align: middle;}
.linkbox2{ float:left;  width: 48%;padding:0 0 0 10px;}
.linkfont01{color: rgb(255, 255, 255); line-height:1.4em; font-size: 18px; font-weight: bold; font-family: ＭＳ 明朝;text-align: left;}
.linkfont02{display: none;float: left; color: rgb(255, 255, 255); line-height:1.4em; font-size: 20px; font-weight: bold; font-family: ＭＳ 明朝;text-align: left; }
.linkimg{ width: 90%;}
/* linkページ ここまで*/


 /* ご挨拶ページ ここから*/
.greetback { width: 100%; background-image: url(../data/File_Storage/greetback01.png);background-position: center;background-size: cover;}
.greetbox01{ width: 100%;}
.greet { font-weight: bold;font-family: ＭＳ 明朝;font-size: 45px;line-height: 200%;color: rgb(255, 255, 255);}
.greet2 { font-weight: bold;font-family: ＭＳ 明朝;font-size: 40px;line-height: 170%;color: rgb(255, 255, 255); width: 90%;padding: 0 0 0 50px;text-align: left;}
.greet3 { font-size:30px;font-weight: bold;vertical-align:middle; }
.greet5{ font-weight: bold;font-family: ＭＳ 明朝;font-size: 30px;line-height: 160%;color:white; width: 90%;padding: 0 0 0 50px;text-align: left;}
.greet4{ font-family: ＭＳ 明朝;font-size: 30px;line-height: 170%;color:white; width: 90%;padding: 0 0 0 50px;text-align: left;}
 /* ご挨拶ページ ここまで*/
/* 商品ページ ここから*/
.wrap {background: white;width: 100%; margin: 0px auto;}
.backline01 {float: left;width: 48%;}
.backline4 {float: right;width: 48%;}
.lineimg {text-align: center;background-color: white;}
.lineimg03 {text-align: center;background-color: white;width: 50%;margin: auto;}
.backline2 {float: left width:48%;}
.backline3 {float: left;width: 48%;height: auto;}
.LP000 {width: 99%;height: auto;padding: 0 0 0 5px;}
.LLP00 {width: 99%;height: auto;}
.LLP00_01 {width: 99%;height: auto;}
.LLP01_01 {width: 98%;height: auto;}
.LLP01_02 {width: 98%;height: auto;}
.LLP01 {width: 100%;height: auto;}
.LLP02 {width: 100%;height: auto;}
.lineupimg02 {width: 48%;float: right;margin: 0 5px 0 0;background: white;}
.lineupimg01 {width: 48%;float: left;margin: 0 0px 0 5px;background: white;}
.FF01 {padding: 0 0 0 10px;font-family: "游ゴシック";font-size: 17px;background-color: #d9dad2;color: black;text-align: center;}
.fontsize {font-size: 40px;}
.FF02 {padding: 10px 5px 10px 10px;font-family: "游ゴシック";font-size: 15px;background-color: #d9dad2;color: black;text-align: left;width: 98%;}
.lineupimg04 {width: 48%;background: white;}
.backline {width: 100%;height: 300px;background-image: url(../data/File_Storage/backlineup06.png);background-position: left;background-size: cover;color: white;padding: 100px 10px 0 10px;}
.lineupimg05 {width: 32%;float: left;margin: 0 0px 0 0px;background: white;}
.lineupimg05_01 {width: 48%;float: left;margin: 0 px 0 5px;background: white;}
.lineupimg05_02 {width: 48%;float: left;margin: 0 px 0 0px;background: white;}
.lineupimg06 {width: 59%;float: left;margin: 0 0px 0 5px;background: white;}
.lineupimg07 {width: 39%;float: left;margin: 0 0px 0 5px;background: white;}
.f-container {display: flex;flex-diretion: row;flex-wrap: wrap;justify-content: space-evenly;}
.f-item {flex-basis: 49%;}
.f-item02 {flex-basis:100%; height: 80%;display:none;} 
.f-item03 {flex-basis:49%;}
.f-item04 {flex-basis:100%; height: 60%;}
.f-item05 {flex-basis: 49%;display:none;} 
/* 商品ページ ここまで*/

.back { width:100%; background-image: url(../data/File_Storage/bg_005.png);background-position: center;background-size: cover;background-repeat: no-repeat;}
.img01{ width: 100%;}
.img02{ width: 100%;}
.linefontlarge{font-size: large; font-weight: bold; font-family: ＭＳ 明朝; margin: 20px 0 10px 50px;color: black; }
.linefontsmall{font-size: 16px; font-weight: bold; font-family: ＭＳ 明朝; color: black; } 
.spscreen { line-height: 15px; padding: 0px;}
.imglineup01 { width: 38%;padding: 0 100px 20px 0;text-align: left;min-width: 30%;}
.imgline05{ width: 90%;margin:10px 0 0 0;}
.linefontlarge03 { font-size: 16px;font-weight: bold;font-family: ＭＳ 明朝;color: black;text-align: left;padding: 0 0 40px 30px;}
.linefontlarge04 { font-size: 16px;font-weight: bold;font-family: ＭＳ 明朝;color: black;text-align: left;padding: 0 0 20px 10px;}
.instimg{ width: 150px;}
.map{font-family: ＭＳ 明朝; font-size: 40px; line-height: 170%; color: rgb(255, 255, 255); text-align: center;}
.mapred{font-weight: bold;font-family: ＭＳ 明朝; font-size: 38px; line-height: 170%; color: rgb(255, 0, 0);text-align: center;}
}

@media screen and (min-width:640px) and ( max-width:1023px) {
/*tablet用*/
.all_sub_mv_content {
	width: auto;
	margin: 60px calc(50% - 50vw) 0;
	position: relative;
	z-index: 1;
}

/* 会社概要ブレイクスルー ここから*/
.header_list > li > p avegas{
	height: 100%;
	position: relative;
	display: flex;
	align-items: flex-end;
	padding-bottom: 24px;
	letter-spacing: 0;
	font-size: 20px;
	font-weight: 500;
	color: #1a1a1a;
	transition: .4s ease;
}
/* 会社概要ブレイクスルー ここまで*/
/* aboutページ */
.backabout { width:100%; background-image: url(../data/File_Storage/bg_001_01.png);background-position: left;background-size: cover;}
.f_right_about{width: 90%;margin:auto;text-align: center;}
.about{font-weight: bold;font-family: ＭＳ 明朝;font-size: 29px;line-height: 250%;color:#FFFFFF;text-align: left;padding: 0 0 0 40px;}
.about3{font-weight: bold;font-family: ＭＳ 明朝;font-size: 24px;line-height: 200%;color:#FFFFFF;text-align: left;padding: 0 0 0 40px;}
.imgabout{ width: 50%;text-align: center;}
 /* aboutページ ここまで*/

/* linkページ ここから*/
.linkbox{float: left; width:48%; margin:30px 0px 0px10px;line-height:2.0em; vertical-align: middle;}
.linkbox2{width: 48%; float: left;margin:0 0 0 10px; vertical-align: middle;}
.linkfont01{color: rgb(255, 255, 255);  font-size: 28px; font-weight: bold; font-family: ＭＳ 明朝;text-align: left;line-height:2.0em; }
.linkfont02{display: none;color: rgb(255, 255, 255); line-height:2.0em; font-size: 20px; font-weight: bold; font-family: ＭＳ 明朝;text-align: left; }
.linkimg{ width: 90%;}
/* linkページ ここまで*/


.back { width:100%; background-image: url(../data/File_Storage/bg_005.png);background-position: center;background-size: cover;background-repeat: no-repeat;}
.linefontlarge{font-size: 2.6em; font-weight: bold; font-family: ＭＳ 明朝; margin: 20px 0 10px 50px; color: black; }
.linefontsmall{font-size: 38px; font-weight: bold; font-family: ＭＳ 明朝; color: black;}
.spscreen { line-height: 30px; padding: 0px;}
.imglineup01 { width: 38%;padding: 0 0 20px 0;text-align: center;}
.linefontlarge03 { font-size: 50px;font-weight: bold;font-family: ＭＳ 明朝;color: black;text-align: left;padding: 30px 0 20px 20px;}
.linefontlarge04 { font-size: 40px;font-weight: bold;font-family: ＭＳ 明朝;color: black;padding: 0 0px 20px 100px;line-height: 1.8em; text-align:left;}
.imgline05{ width: 90%;margin:10px 0 0 0;}
.instimg { width: 150px;}
.map {font-family: ＭＳ 明朝; font-size: 40px; line-height: 170%; color: rgb(255, 255, 255); text-align: center;}
.mapred{font-weight: bold;font-family: ＭＳ 明朝; font-size: 38px; line-height: 170%; color: rgb(255, 0, 0);text-align: center;}

 /* ご挨拶ページ ここから*/
.greetback { width: 100%; background-image: url(../data/File_Storage/greetback01.png);background-position: center;background-size: cover;}
.greetbox01{ width: 100%;}
.greet { font-weight: bold;font-family: ＭＳ 明朝;font-size: 45px;line-height: 200%;color: rgb(255, 255, 255);}
.greet2 { font-weight: bold;font-family: ＭＳ 明朝;font-size: 40px;line-height: 170%;color: rgb(255, 255, 255); width: 90%;padding: 0 0 0 50px;text-align: left;}
.greet5 { font-weight: bold;font-family: ＭＳ 明朝;font-size: 30px;line-height: 160%;color:white; width: 90%;padding: 0 0 0 50px;text-align: left;}
.greet4 { font-family: ＭＳ 明朝;font-size: 30px;line-height: 170%;color:white; width: 90%;padding: 0 0 0 50px;text-align: left;}
 /* ご挨拶ページ ここまで*/
/* 商品ページ ここまで*/
.wrap {background: white;width: 100%; margin: 0px auto;}
.backline01 {float: left;width: 48%;}
.backline4 {float: right;width: 48%;}
.lineimg {text-align: center;background-color: white;}
.lineimg03 {text-align: center;background-color: white;width: 50%;margin: auto;}
.backline2 {float: left width:48%;}
.backline3 {float: left;width: 48%;height: auto;}
.LP000 {width: 99%;height: auto;padding: 0 0 0 5px;}
.LLP00 {width: 99%;height: auto;}
.LLP00_01 {width: 99%;height: auto;}
.LLP01_01 {width: 98%;height: auto;}
.LLP01_02 {width: 98%;height: auto;}
.LLP01 {width: 100%;height: auto;}
.LLP02 {width: 100%;height: auto;}
.lineupimg02 {width: 48%;float: right;margin: 0 5px 0 0;background: white;}
.lineupimg01 {width: 48%;float: left;margin: 0 0px 0 5px;background: white;}
.FF01 {padding: 0 0 0 10px;font-family: "游ゴシック";font-size: 17px;background-color: #d9dad2;color: black;text-align: center;}
.fontsize {font-size: 40px;}
.FF02 {padding: 10px 5px 10px 10px;font-family: "游ゴシック";font-size: 15px;background-color: #d9dad2;color: black;text-align: left;width: 98%;}
.lineupimg04 {width: 48%;background: white;}
.backline {width: 100%;height: 300px;background-image: url(../data/File_Storage/backlineup06.png);background-position: left;background-size: cover;color: white;padding: 100px 10px 0 10px;}
.lineupimg05 {width: 45%;float: left;margin: 0 0px 0 5px;background: white;}
.lineupimg05_01 {width: 45%;float: left;margin: 0 0px 0 0px;background: white;}
.lineupimg05_02 {width: 32%;float: right;margin: 0 0px 0 0px;background: white;}
.lineupimg06 {width: 59%;float: left;margin: 0 0px 0 5px;background: white;}
.lineupimg07 {width: 39%;float: left;margin: 0 0px 0 5px;background: white;}
.f-item {flex-basis: 49%;}
.f-item02 {flex-basis:100%; height: 80%;display:none;} 
.f-item03 {flex-basis:49%;}
.f-item04 {flex-basis:100%; height: 60%;}
.f-item05 {flex-basis: 49%;display:none;} 
.f-container {display: flex;flex-diretion: row;flex-wrap: wrap;justify-content: space-evenly;}
/* 商品ページ ここまで*/

}

@media screen and (min-width: 1024px){
/*LP02ページ*/
/* aboutページ ここから*/
.backabout { width:100%; background-image: url(../data/File_Storage/bg_001.png);background-position: left;background-size: cover;}
.about{font-weight: bold;font-family: ＭＳ 明朝;font-size: 30px;line-height: 250%;color:#FFFFFF;}
.about3{font-weight: bold;font-family: ＭＳ 明朝;font-size: 23px;line-height: 200%;color:#FFFFFF;text-align: left;}
.imgabout{ width: 33%;}
.f_right_about{width: 60%; float: right; padding:0 100px 0 0;}
/* aboutページ ここまで*/

 /* linkページ ここから*/
.linkbox{float: left; width:48%; padding:0 0px 0px10px; vertical-align: middle;margin:auto;}
.linkbox2{width: 48%; float: left; vertical-align: middle;}
.linkfont01{color: rgb(255, 255, 255); line-height:1.8em; font-size: 20px; font-weight: bold; font-family: ＭＳ 明朝;text-align: left; }
.linkfont02{color: rgb(255, 255, 255); line-height:1.8em; font-size: 20px; font-weight: bold; font-family: ＭＳ 明朝;text-align: left; }
 /* linkページ ここまで*/

 /* ご挨拶ページ ここから*/
.greetback { width:100%; background-image: url(../data/File_Storage/greetback01.png);background-position: left;background-size: cover;}
.greetbox01{width: 85%; float: right;}
.greet { font-weight: bold;font-family: ＭＳ 明朝;font-size: 33px;line-height: 200%;color: rgb(255, 255, 255);text-aling:left;}
.greet2 { font-weight: bold;font-family: ＭＳ 明朝;font-size: 20px;line-height: 200%;color: rgb(255, 255, 255);text-align: left;}
.greet4{ font-family: ＭＳ 明朝;font-size: 18px;line-height: 170%;color:white; text-align: left;}
.greet5{ font-weight: bold;font-family: ＭＳ 明朝;font-size: 18px;line-height: 170%;color:white; text-align: left;}
 /* ご挨拶ページ ここまで*/

/* 商品ページ ここまで*/
.wrap {background: white;width: 100%; margin: 0px auto;}
.backline01 {float: left;width: 49%;margin: 10px 0 0 0;}
.backline4 {float: right;width: 49%;margin: 10px 0 0 0;}
.f-container {display: flex;flex-diretion: row;flex-wrap: wrap;justify-content: space-evenly;}
.f-item {flex-basis: 33%;}
.lineimg {text-align: center;background-color: white;}
.lineimg03 {text-align: center;background-color: white;width: 50%;margin: auto;}
.backline2 {float: left width:48%;}
.backline3 {float: left;width: 48%;height: auto;}
.LP000 {width: 99%;height: auto;padding: 0 0 0 5px;}
.LLP00 {width: 99%;height: auto;}
.LLP00_01 {width: 99%;height: auto;}
.LLP00_02 {width: 59%;height: auto;}
.LLP01 {width: 98%;height: auto;}
.LLP01_01 {width: 98%;height: auto;}
.LLP01_02 {width: 98%;height: auto;display: none;}
.LLP02 {width: 100%;height: auto;}
.lineupimg02 {width: 48%;float: right;margin: 0 5px 0 0;background: white;}
.lineupimg01 {width: 48%;float: left;margin: 0 0px 0 5px;background: white;}
.FF01 {padding: 0 0 0 10px;font-family: "游ゴシック";font-size: 17px;background-color: #d9dad2;color: black;text-align: center;}
.fontsize {font-size: 40px;}
.FF02 {padding: 10px 5px 10px 10px;font-family: "游ゴシック";font-size: 15px;background-color: #d9dad2;color: black;text-align: left;width: 98%;}
.lineupimg04 {width: 48%;background: white;}
.backline {width: 100%;height: 300px;background-image: url(../data/File_Storage/backlineup06.png);background-position: left;background-size: cover;color: white;padding: 100px 10px 0 10px;}
.lineupimg05 {width: 31%;float: left;margin: 0 5px 0 0px;background: white;}
.lineupimg05_01 {width: 31%;float: left;margin: 0 5px 0 5px;background: white;}
.lineupimg05_02 {width: 31%;float: right;margin: 0 0px 0 5px;background: white;}
.lineupimg06 {width: 59%;float: left;margin: 0 0px 0 5px;background: white;}
.lineupimg07 {width: 39%;float: left;margin: 0 0px 0 5px;background: white;}
.f-item01 {flex-basis:33%;}
.f-item02 {flex-basis:33%;}
.f-item03 {flex-basis:33%;display:none;}
.f-item04 {flex-basis:33%;display:none;}
.f-item05 {flex-basis: 33%;} 
/* 商品ページ ここまで*/

.back { width:100%; background-image: url(../data/File_Storage/bg_005.png);background-position: center;background-size: cover; background-repeat:repeat;height: 1200px;}
.img01{ width: 49%; float: left;margin: 0 0 0 15px;}
.img02{ width: 49%; float: right;margin:0 15px 0 0:} 
.linefontlarge{ font-size: xx-large; font-weight: bold; font-family: ＭＳ 明朝; margin: 20px 0 10px 50px; color: black; }
.linefontsmall{font-size: 25px; font-weight: bold; font-family: ＭＳ 明朝; color: black; }
.spscreen { line-height: 45px; padding: 0px;}
.imglineup01 { width: 45%;padding: 0 200px 30px 0;text-align: left;}
.linefontsmall02 { float: left;font-size: 25px;font-weight: bold;font-family: ＭＳ 明朝;color: black;text-align: right;width: 47%;} 
.linefontlarge03 { font-size: 25px;font-weight: bold;font-family: ＭＳ 明朝;color: black;text-align: center;padding: 0 0 40px 50px;}
.linefontlarge04 { font-size: 20px;font-weight: bold;font-family: ＭＳ 明朝;color: black;padding: 0 50px 20px 0;line-height: 1.9em;float: right; text-align:left;}
.imgline05{ width: 100%;margin:50px 0 0 0;}
.imgline06{ float: left; width: 44%;}
.instimg{ width: 50px;}
.map{font-family: ＭＳ 明朝; font-size: 18px; line-height: 170%; color: rgb(255, 255, 255); text-align: center;}
.mapred{font-weight: bold;font-family: ＭＳ 明朝; font-size: 18px; line-height: 170%; color: rgb(255, 0, 0);text-align: center;}
.greet3 { font-size:30px;font-weight: bold;vertical-align:middle; }

/* 会社概要ブレイクスルー ここから*/
.header_list > li > p a{
	height: 100%;
	position: relative;
	display: flex;
	align-items: flex-end;
	padding-bottom: 24px;
	letter-spacing: 0;
	font-size: 14px;
	font-weight: 500;
	color: #1a1a1a;
	transition: .4s ease;
}
/* 会社概要ブレイクスルー ここまで*/
}



