@charset "utf-8";
/*version:20190707*/
@media screen and (min-width: 320px) and (max-width: 768px) {


/*---------------------------------------------------------
common
---------------------------------------------------------*/
html {font-size:50%; }
h3,h4,h5,h6 { text-align:left;}

img { max-width:100%; height:auto;}
p br , h2 br , h3 br  , .text_center br { display:none;}
br.sp { display:inline-block !important;}

/* 改行の設定 */
.sppc { display: inline-block !important;}


/*-------------------------------------------*/
/*	tagcss変換
/*-------------------------------------------*/
/*	------フレックス設定--------*/
.f_flex , .f_flex_0 {flex-flow: column; -webkit-align-items: flex-start; align-items: flex-start;/*縦*/ }
.f_flex>div, .f_flex>li, .f_flex>p {margin-left:0%; margin-right:0%;}
.f_flex>div, .f_flex>li { width:100%;}

.f_col,.f_col_0 {flex-flow: column;}
.f_col-sp {flex-flow: row; flex-wrap:wrap;}
[class*="f_col"]>* {margin-right:0%; margin-left:0%;}
.c2>*,.c3>*,.c4>*,.c5>*,.c6>* { width: 100%; }
.c2-sp>* { width: 47.8%;}
.c2-sp>*:nth-child(even) { margin-left:4.4%;}
.c3-sp>* { width: 30.4%;}
.c3-sp>*:not(:nth-child(3n+1)) {margin-left:4.4%;}

/*テキスト変換*/
.t10 { font-size:1.2rem !important;} .t11 { font-size: 1.3rem !important;}
.t12 { font-size: 1.4rem !important; }  .t14 { font-size: 1.5rem !important;}
.t16 {  font-size: 2.26rem !important; } .t18 {  font-size:2.35rem !important;} .t20 { font-size: 2.45rem !important; }.t22 {  font-size: 2.55rem;}
.t24{  font-size: 2.6rem !important;}.t26 { font-size: 2.7rem !important;} 


/*テキスト整列*/
p.text_center { text-align:left;}
.text_center-sp>* , .text_center-sp { text-align:center !important;}

/*背景画像*/
.bgimg_cover_left_50 { background-repeat:no-repeat; background-size: 100% ; background-position: top left;}
.bgimg_cover_right_50 {background-repeat:no-repeat;background-size: 100%;background-position:top right;}

/*	------回転設定--------*/
.kaiten90-sp {transform:rotate(90deg); display:inline;}

/*横幅*/
.w100 { width:100%;} .w90 { width:100%;} .w85 { width:100%;} .w80 { width:100%;} .w75 { width:100%;} .w70 { width:100%;} .w65 { width:100%;} .w50 { width:100%;} .w33 { width:100%;} .w25 { width:100%;} .w20 { width:100%;}
.w100px { width:100px;} .w150px { width:150px;}.w200px {width:100%}.w250px { width:250px;} .w300px { width:96%; margin-left:auto !important; margin-right:auto !important;}.w350px { width:96%;}.w400px { width:96%;}.w450px { width:96%;}.w500px { width:96%;}.w550px { width:96%;}.w600px { width:96%; margin-left:auto !important; margin-right:auto !important;}.w650px { width:96%;}.w700px { width:96%;}.w750px { width:96%;}.w800px { width:96%;}.w850px { width:96%;}
.w900px { width:96%;}.w950px { width:96%;}

/*スマホサイズ変更*/
.w50-sp { width:50%;}
.h50px-sp { height:50px;}

/*スマホのみ設定*/
.dis_none-sp { display:none;}
iframe { width:100%;}

/* ディスプレイ、ポジション設定*/
.posi_abso { position:relative;}
.position_right {  position: relative;  top: calc(50% - 0.5em);  right: 0;}
.position_left {position: relative;  top: calc(50% - 0.5em);   left: 0;}


/*-------------------------------------------*/
/*	hsc_layoutcss変換
/*-------------------------------------------*/
/* テーブルデザイン */
.t_design { table-layout: auto; margin-right:auto; margin-left:auto;}
.t_design p { margin:0 !important;}
.t_design th { display:block; width:100%;}
.t_design td { display:block; width:100%}

table.scroll { overflow-x: scroll;     white-space:nowrap;    display: block;}
table.scroll th { display: table-cell; width:100%;}
table.scroll td { display:table-cell; width:100%}
table.scroll:after { content: "※横スクロール"; margin-top:15px; color:#999;}




/*-------------------------------------------------------------------------------------*/
/*横幅縦幅設定*/
/*-------------------------------------------------------------------------------------*/

.width { width:96%; margin-left:auto; margin-right:auto;}
#contents { width:100%; float:none;}
#side { width:96% !important; float:none; margin-top:60px; margin-left:auto; margin-right:auto;}
#footer { width:100%; height:auto;}
#wrapper { margin-bottom:50px;} 
video { width:100%;}
.flrpic { float:none; margin-left:0px;}
.flr {float:none;}
.fll {float:none;}


/*ロゴ部分 */
div#logo { height:50px;}

/*ナビゲーション設定 */
.hun_menu { background-color:rgba( 255, 255, 255, 0.8 );padding-left:10px;  height: 50px;    position: fixed;    right: 0px;    top: 0px;    width: 50px; z-index:99;}
a.hun_menu:hover { opacity:1!important;}
.menu__line{ display: block;    height: 2px;    position: absolute;    transition:transform .3s;    width:32px;}
.menu__line--top{ top:12px;}
.menu__line--center{    top: 23px;}
.menu__line--bottom{    bottom: 14px;}
.menu__line--top.active{    top: 24px;width:36px;    transform: rotate(45deg);}
.menu__line--center.active{    transform:scaleX(0);}
.menu__line--bottom.active{    bottom: 24px;width:36px;    transform: rotate(135deg);}
nav { display: none;    height: 100%;    position: fixed;    width: 100%;    z-index: 98; top:0; left:0;}
ul#menu-glnv>li { padding:20px 0;}
ul#menu-glnv>li a { display:block;}
.sub-menu { display:none; padding-left:20px}
ul#menu-glnv>li ul.sub-menu li a { color: #FFF ; }/*プルダウンの文字の色*/
ul#menu-glnv>li { border-bottom:rgba( 255, 255, 255, 0.4) solid 1px; width:100%; position:relative;}
li.menu-item-has-children > a:after { font-family: 'Material Icons';  content: "\e313"; font-weight: 900; position: absolute ;	top: 20px;	right:0; } 
#menu-glnv li.yajirusiue > a:after {font-family: "Material Icons"; content: "\e5ce"; font-weight: 900;position: absolute ;	top:20px ;	right: 0 ;}






/*  Page-top*/
#page-top a {text-decoration: none; color: #fff; width: 50px; padding: 10px 0; text-align: center; display: block; ;}
#page-top { position: fixed; bottom: 60px; right: 10px; font-size: 1rem; z-index: 20; border-radius: 0px}
/*スマホボトムメニュ*/
#sp_bottom_menu { position: fixed; bottom:0px; left: 0px; z-index:200; width:100%;}

/*その他優先設定*/
h1,h2,h3,h4,h5,h6 {  text-align:center;}

#navimenu_icon { position:absolute; top:0; right:0;}


}