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


/*---------------------------------------------------------
common
---------------------------------------------------------*/
html {font-size:52%; }
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;}.pcsp { 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%;}

[class*="f_col"] { display:block;}
.c3 {grid-template-columns: 1fr;}
.f_col,.f_col_0 {flex-flow: column;}
.f_col-sp {flex-flow: row; flex-wrap:wrap;}
.f_col_0-sp {flex-flow: row; flex-wrap:wrap;}
[class*="f_col"]>* {margin-right:0%; margin-left:0%;}
.c2>div,.c3>*,.c4>*,.c5>*,.c6>*,.c2>li,.c3>li,.c4>li,.c5>li,.c6>li { 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%;}

/*テキスト変換*/
.tl4 {font-size:1.85rem;}


.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:1.98rem !important;} .t20 { font-size: 2.3rem !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%;}.w650px { width:96%;}.w700px { width:96%;}.w750px { width:96%;}.w800px { width:96%;}.w850px { width:96%;}.w900px { width:96%;}.w950px { width:96%;}

/*縦幅*/
[class^="h"] { }

/*マージン・パッディング解除*/
.m0-sp { margin:0 !important;}



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

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

/* ディスプレイ、ポジション設定*/
.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%}



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

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


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

/*-------------------------------------------*/
/*	#ナビゲーション設定
/*-------------------------------------------*/
.hun_menu {padding-left:10px;  height: 50px;    position: fixed;    right: 0px;    top: 0px;    width: 50px; z-index:999;}
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;}
.gnav__wrap{    align-items:flex-start;    display: flex;    height: 100%;    justify-content: left;    position: absolute;    width: 100%; padding:30px;}
ul#menu-glnv>li { padding:20px 0;}
ul#menu-glnv>li a { display:block; font-size:2rem;}
ul#menu-glnv  { position: none;  width: 100%; height:100%;}
.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%;}

/*その他優先設定*/

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

form input[type="text"]  { width:100%;}

/*layout.css*/
ul.kasanari li { display: block;}
ul.kasanari li:nth-child(odd) >div:nth-child(2) { margin-left:0; margin-top:-5rem; z-index:10;}
ul.kasanari li:nth-child(even) >div:nth-child(2) { margin-right:0; margin-top:-5rem; z-index:10;}

}