@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
 default_CSS
/////////////////////////////////////////////////////////////////////////*/
/* /////// Reset //////////*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;
}
body { line-height:1; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
ul { list-style:none; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before,blockquote:after,q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none; }
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

/* basic */
* { margin:0;padding:0;}
body { text-align:center; font-family:'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
/*h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%;}*/
a,object,embed { outline:none;}
img { border:none;}
.alt { position:absolute; top:-5000px; left:-9999px;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix { height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
a { text-decoration:underline; color:#2cb7ba;}
a:hover { text-decoration:none; color:#6fc8da; }

.f40 { font-size:40%;}
.f45 { font-size:45%;}
.f50 { font-size:50%;}
.f55 { font-size:55%;}
.f60 { font-size:60%;}
.f65 { font-size:65%;}
.f70 { font-size:70%;}
.f75 { font-size:75%; }
.f80 { font-size:80%; }
.f85 { font-size:85%;}
.f90 { font-size:90%;}
.f95 { font-size:95%; }
.f105 { font-size:105%; }
.f110 { font-size:110%; }
.f115 { font-size:115%; }
.f120 { font-size:120%;}
.f125 { font-size:125%; }
.f130 { font-size:130%; }
.f135 { font-size:135%; }
.f140 { font-size:140%; }
.f145 { font-size:145%; }
.f150 { font-size:150%; }
.f155 { font-size:155%; } 
.f160 { font-size:160%; }
.f165 { font-size:165%; }
.f170 { font-size:170%; }
.f175 { font-size:175%; }
.f180 { font-size:180%; }
.f185 { font-size:185%; }
.f190 { font-size:190%; }
.f195 { font-size:195%; }
.f200 { font-size:200%; }

.black { color:#282828; }

.green { color:#2cb7ba; }
.dgreen { color:#008f92; }
.lgreen { color:#98e5e7; }
.llgteen { color:#eef8f8; }

.blue { color:#6fc8da; }
.dblue { color:#0c78af; }
.lblue { color:#d7f1fe; }

.white { color:#ffffff; }
.orange { color:#ff9600; }
.red, .red a { color:#db0000; }


.underline_blue40 { background:linear-gradient(transparent 60%, #62c8fc 60%); }
.underline_green40 { background:linear-gradient(transparent 60%, #c8df7b 60%); }
.underline_yellow40 { background:linear-gradient(transparent 60%, #FFFE03 60%); }
.underline_purple40 { background:linear-gradient(transparent 60%, #efedfb 60%); }

.underline_blue60 { background:linear-gradient(transparent 40%, #62c8fc 40%); }
.underline_green60 { background:linear-gradient(transparent 40%, #c8df7b 40%); }
.underline_yellow60 { background:linear-gradient(transparent 40%, #FFFE03 40%); }
.underline_purple60 { background:linear-gradient(transparent 40%, #efedfb 40%); }

.underline_blue80 { background:linear-gradient(transparent 20%, #62c8fc 20%); }
.underline_green80 { background:linear-gradient(transparent 20%, #c8df7b 20%); }
.underline_yellow80 { background:linear-gradient(transparent 20%, #FFFE03 20%); }
.underline_purple80 { background:linear-gradient(transparent 20%, #efedfb 20%); }

.purple { color:#827bb6; }
.lpurple { color:#efedfb; }
.pink { color:#ef539f; }

.img_lnk a img:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }

.lefting { text-align:left; }
.righting { text-align:right; }
.centering { text-align:center; }
.block_center { margin:0 auto; }
.bolding { font-weight:bold; }
.normalizing { font-weight:normal; }

.breakall { word-break:break-all; }

.mar_btm40 { margin:0 0 40px 0; }
.mar_btm30 { margin:0 0 30px 0; }
.mar_btm20 { margin:0 0 20px 0; }
.mar_btm14 { margin:0 0 14px 0; }
.mar_btm10 { margin:0 0 10px 0; }
.mar_btm5 { margin:0 0 5px 0; }
.mar_01 { margin:0 1%; }

.mar20 { margin:20px 0; }

.pad_btm40 {  padding:0 0 40px 0; }
.pad_btm30 {  padding:0 0 30px 0; }
.pad_btm20 {  padding:0 0 20px 0; }
.pad_btm10 {  padding:0 0 10px 0; }
.pad_btm5 {  padding:0 0 5px 0; }
.pad5 { padding:5px 0; }
.pad10 { padding:10px 0; }
.pad20 { padding:20px 0; }
.pad_top { padding:5px 0 0 0; }

/* ref warning等 クレイ背景パート */
.ref_prt_gry { /*margin:0 3%;*/ padding:14px 3%; background-color:#efefef; }

.bggrn { background-color:#2cb7ba; }
.bggrn2 { background-color:#c3d600; }
.bgblu { background-color:#d7f1fe; }
.bgblu2 { background-color:#6fc8da; }
/*.bgPpl { background-color:#efedfb; }*/
.bggry { background-color:#efefef; }
/*.bglbrwn { background-color:#efeae5; }*/

.border_r { border-right:1px solid #999999; }
.border_b { border-bottom:1px solid #999999; }

/* link button */
.lnk_btn { padding:5px 10px; background-color:#2cb7ba; color:#ffffff; text-align:center; font-weight:bold; font-size:90%; border:none;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em; 
}
.lnk_btn a { display:block; text-decoration:none; color:#ffffff; }
.lnk_btn a:hover { color:#282828; text-decoration:underline; }
/*.lnk_btn_blue { padding:5px 10px; background-color:#26b3fb; color:#ffffff; text-align:center; font-weight:bold; font-size:90%;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em; 
}
.lnk_btn_blue a { display:block; text-decoration:none; color:#ffffff; }
.lnk_btn_blue a:hover { color:#282828; text-decoration:underline; }*/

.btn50 { width:40%; margin:0 5%; }

/*/////////////////////////////////////////////////////////////////////////
/// 共通CSS  ///
/////////////////////////////////////////////////////////////////////////*/
html,body { width:100%; text-align:left; }
body { color:#282828; font-size:90%; line-height:1.4; position:relative; -webkit-text-size-adjust:100%; }
#cntnr { width:100%; text-align:left; position:relative; }

/* /////////////////////////////////////////////////////////////////////////////
Basic Layout
//////////////////////////////////////////////////////////////////////////////*/
.prtSP { display:none; }

.glb_inner { max-width:1024px; margin:0 auto; }
.glb_inner_flt { max-width:1024px; margin:0 auto; display:flex; align-items:stretch; flex-wrap:nowrap; }

/*.prt_inner { padding:0 2%; }*/
.prt_inner_bg { padding:20px 0 0; }
.prt_inner_bg_h { padding:20px 3%; }
.prt_inner90 { width:90%; margin:0 auto; }
.prt_inner80 { width:80%; margin:0 auto; }

.flex_flt { display:flex; align-items:stretch; flex-wrap:nowrap; }
.flex_flt_wrap { display:flex; align-items:stretch; flex-wrap:wrap; }
.flex_flt_nostretch { display:flex; align-items:center; flex-wrap:wrap; }
.flex_flt_wrap_center { display:flex; align-items:center; flex-wrap:wrap; justify-content:center; }
.flex_flt_nowrap_center { display:flex; align-items:center; flex-wrap:nowrap; justify-content:center; }

.flt3_btns { width:26.33%; margin:0 3%; }
.flt4_btns { width:21%; margin:0 2%; }
.flt5_btns { width:18%; margin:0 1%; }
.flt5 { width:20%; }
.flt4 { width:25%; }
.flt3 { width:33.33%; }

.flt5050_l { width:50%; }
.flt5050_r { width:50%; }

.flt4040 { width:40%; margin:0 auto; }

.flt4060_l { width:40%; background-color:#a0c426; }
.flt4060_l .flt4060_l_inner { max-width:385px; margin:0 0 0 auto; padding:10px 3%; }
.flt4060_r { width:60%; background-color:#26b3fb; }
.flt4060_r .flt4060_r_inner { /*max-width:577px;*/ max-width:650px; margin:0 auto 0 0; padding:10px 3%; }

.flt7030_l { width:70%; }
.flt7030_l .flt7030_l_inner { margin:0 auto; padding:10px 3%; }
.flt7030_r { width:30%; }
.flt7030_r .flt7030_r_inner { margin:0 auto; padding:10px 3%; }

.flt4060_ord_l { width:40%; }
.flt4060_ord_r { width:60%; }

.flt3333 { width:33.33%; }

.flt2080_l { width:20%; }
.flt2080_r { width:80%; }

.flt1585_l { width:15%; }
.flt1585_r { width:85%; }

.flt3070_l { width:30%; }
.flt3070_r { width:70%; }

.w5 { width:4%; margin:0 0.5%; }
.w10 { width:9%; margin:0 0.5%; }
.w12 { width:11%; margin:0 0.5%; }
.w15 { width:14%; margin:0 0.5%; }
.w20 { width:19%; margin:0 0.5%; }
.w25 { width:24%; margin:0 0.5%; }
.w30 { width:29%; margin:0 0.5%; }
.w35 { width:34%; margin:0 0.5%; }
.w40 { width:39%; margin:0 0.5%; }
.w45 { width:44%; margin:0 0.5%; }
.w50 { width:49%; margin:0 0.5%; }
.w60 { width:59%; margin:0 0.5%; }
.w70 { width:69%; margin:0 0.5%; }
.w80 { width:79%; margin:0 0.5%; }
.w90 { width:89%; margin:0 0.5%; }
.w100 { width:99%; margin:0 0.5%; }

/* /////////////////////////////////////////////////////////////////////////////
Parts
//////////////////////////////////////////////////////////////////////////////*/
/* title */
h1.title { display:block; margin-bottoom:0; text-align:center; font-size:240%; font-weight:bold; }

h2.pagettl { display:block; margin-bottoom:0; text-align:center; font-size:220%; font-weight:bold; position:relative; }
h2.pagettl .pagettl_ref { position:absolute; top:10px; left:3%; width:20%; text-align:center; font-size:50%; font-weight:normal; }
h2.h2_onkv { font-size:200%; font-weight:bold; line-height:1.8em; /*color:#ffffff;*/ }

h3.itmttl { display:block; margin-bottom:0; padding:3px 0 3px 3%; background:url(../img/icon_tooth1.png) no-repeat 0 8px; background-size:2.3%; font-size:180%; font-weight:bold; }
/* ↓ADD@230227 folt5050内のアイテムタイトル */
.flt5050_l h3.itmttl,
.flt5050_r h3.itmttl { display:block; margin-bottom:0; padding:3px 0 3px 10%; background:url(../img/icon_tooth1.png) no-repeat 0 4px; background-size:5.3%; font-size:190%; font-weight:bold; }
/* ↑ADD@230227 folt5050内のアイテムタイトル */

h3.itmttl_withbigicon { display:block; margin-bottom:0; padding:3px 0; font-size:190%; font-weight:bold; }
.itmttl_subtxt { text-align:center; }
.itmttl_subtxt_left { text-align:left; font-size:120%; }

h3.itmttl_img_idx_indta { display:block; margin-bottom:0; padding:3px 0; font-size:190%; font-weight:bold; text-align:center; }
h3.itmttl_img_idx_indta img { width:20%; margin:auto; }

h3.itmttl_noicon { /*display:block;*/ margin-bottom:0; padding:3px 0; font-size:190%; font-weight:bold; text-align:center; }
h3.itmttl_noicon img { vertical-align:middle; }

h4.itm_subttl { display:block; padding:3px 0 3px 7%; font-size:150%; font-weight:bold; position:relative; background:url(../img/character_grn_l.png) no-repeat; background-size:5%; }
h4.itm_subttl .itm_bubttl_ref { position:absolute; top:10px; left:3%; width:20%; text-align:center; font-size:60%; font-weight:normal; }
h5.subprt_ttl { display:block; margin-bottom:0; padding:3px 0 3px 3%; font-size:130%; font-weight:bold; position:relative; }
h5.subprt_ttl .subprt_ttl_btn { position:absolute; top:-2px; right:3%; font-size:80%; }
h5.subprt_ttl .subprt_ttl_btn a { text-decoration:none; color:#ffffff; }

/* thumbnails list */
.thm_ech { margin:0 0 14px; padding:0 2%; }
.thm_ech .thm_hldr { margin:0 auto 10px; }
.thm_ech .thm_hldr.thm_v { width:71%; }
.thm_ech .thm_hldr.thm_h { width:100%; }
.thm_ech .thm_hldr.thm_s { width:71%; }
.thm_ech .thm_hldr a { display:block; }
.thm_ech .thm_hldr img { width:100%; }
.thm_ech .cpt_hldr { font-size:90%; text-align:center; }

/* thumbs/img overlayer */
.thm_oltxt { position:absolute; top:30%; left:0; padding:12px 5%; font-size:130%; font-weight:bold; color:#ffffff; }
.thm_oltxt_bg_top { position:absolute; top:0; left:0; width:90%; padding:11px 5%; background:url(../img/bg_black.png); text-align:center; font-size:140%; font-weight:bold; color:#ffffff; }
.thm_oltxt_bg_btm { position:absolute; bottom:0; left:0; width:90%; padding:11px 5%; background:url(../img/bg_black.png); text-align:center; font-size:110%; font-weight:bold; color:#ffffff; }


/* 画像ホルダー */
.img_hldr100 { width:100%; position:relative; }
.img_hldr100 img { width:100%; }

/* inner of colored background */
.prt_bg_white { width:94%; padding:10px 3%; background-color:#ffffff;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em; 
}

/* form elements */
form input,
form textarea { padding:2px 5px; font-size:100%; }
form select,
form option { padding:2px 5px; font-size:100%; }
.form_item_submit { text-align:center; }
form input.submit_btn { padding:10px 20px; background-color:#eaf4c8; }
form input.submit_btn_wht { padding:10px 20px; background-color:#ffffff; }
form input.showpssbtn { margin:10px 0 0; background-color:#efefef; font-size:80%; }

/* referrence */
.ref_r { text-align:right; }

/* toTop */
.totop { /*width:140px;*/ width:200px; /*padding:14px 2%;*/ padding:8px 1.5%; position:fixed; right:20px; bottom:20px; background:url(../img/bg_white.png); display:none;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em; 
}
.totop .totop_ech { margin:0 0 14px 0; }
.totop .totop_ech a { display:block; padding:14px 3%; background-color:#008f92; color:#ffffff; font-weight:bold; text-decoration:none;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em; 
}
.totop .totop_ech img { width:100%; }
.totop .totop_ech a:hover { text-decoration:underline; }

/* icon tool property */
.icon_prpty { margin:0 1% 5px; padding:2px 10px; background-color:#26b3fb; color:#ffffff; font-size:80%; 
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em; 
}
.icon_frmt { margin:0 1% 5px; padding:2px 10px; background-color:#a0c426; color:#ffffff; font-size:80%; 
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em; 
}
/* icon tool property　comentID */
.icon_comnetid { margin:0 1% 5px; padding:2px 10px; background-color:#eaf4c8; color:#282828; font-size:80%; 
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em; 
}
.icon_folder { margin:0 1% 5px; padding:2px 10px; background-color:#d7f1fe; color:#282828; font-size:80%; 
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em; 
}

.exp_added_ttl { font-size:110%; font-weight:bold; }

/* modal */
.cmn_modal { position:absolute; top:0; left:-200%; /*left:0;*/ z-index:901; }
.cmn_modal .modal_inner { width:100%; position:relative; }
.cmn_modal_bg { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/bg_black.png); z-index:900; }
.cmn_modal .modal_closebtn { position:absolute; top:0; right:1%; font-size:200%; z-index:999; }
.cmn_modal .modal_closebtn a { text-decoration:none; }

/* warning plate bottom */
#warning_btm { width:100%; position:fixed; bottom:-100%; /*bottom:0;*/ left:0; z-index:700; background:url(../img/bg_white.png); border-top:1px solid #a0c426; }
#warning_btm .warning_cnt { position:relative; }
#warning_btm .warning_cnt .cls_btn { width:3%; position:absolute; top:-10px; right:10px; z-index:701; }
#warning_btm .warning_cnt .cls_btn a { display:block; }
#warning_btm .warning_cnt .cls_btn img { width:100%; }
#warning_btm .warning_cnt .warning_txt { width:65%; margin:0 5% 0 0; }
#warning_btm .warning_cnt .warning_btns { width:25%; }
#warning_btm .warning_cnt .warning_btns .warning_btn_ech { width:80%; margin:10px auto; }

.emphasised_onbg { width:94%; padding:14px 3%; background-color:#ffffff; text-align:center; font-size:140%; font-weight:bold; color:#333333;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em; 
}

/* ↓問合せフォームリンク　floatするボタン ////////////////////*/
/* button in center */
.btn_cntr { width:34%; margin:0 auto; }

/* ↓ボタン１個の場合 */
.idx_inquiry_btn_sngl { width:40%; margin:0 auto; font-size:130%; }
.idx_inquiry_ech_sngl { width:100%; text-align:center; }
.idx_inquiry_ech_sngl a { display:block; padding:12px 2%; text-decoration:none; border:2px solid #2cb7ba; color:#2cb7ba; background:url(../img/icon_mail_s.png) 30px 24px no-repeat;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em; 
}
.idx_inquiry_ech_sngl a:hover { background-color:#2cb7ba; color:#ffffff; text-decoration:underline; }
/* ↑ボタン１個の場合 */

/* ↓ボタン２個の場合 */
.idx_inquiry_btns { display:flex; align-items:stretch; flex-wrap:nowrap; font-size:130%; }
.idx_inquiry_ech { width:39%; margin:0 5%; text-align:center; }
.idx_inquiry_ech a { display:block; padding:12px 2%; text-decoration:none;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;  
}
.idx_inquiry_ech.dl {  }
.idx_inquiry_ech.dl a { border:2px solid #2cb7ba; color:#2cb7ba; background:url(../img/icon_download_s.png) 30px 24px no-repeat; }
.idx_inquiry_ech.dl a:hover { background-color:#2cb7ba; color:#ffffff; text-decoration:underline; }
.idx_inquiry_ech.qry { background:url(../img/icon_mail_s.png) 0 0 no-repeat; }
.idx_inquiry_ech.qry a { border:2px solid #2cb7ba; background:#2cb7ba url(../img/icon_mail_s.png) 30px 26px no-repeat; color:#ffffff; }
.idx_inquiry_ech.qry a:hover { background-color:#ffffff; color:#2cb7ba; text-decoration:underline; }
/* ↑ボタン２個の場合 */
/* ↑問合せフォームなどfloatボタン ////////////////////*/

/* link button */
.common_lnk_btn_sngl { margin:0 0 20px 0; }
.common_btn_sngl { width:30%; margin:0 35%; text-align:center; }

.common_lnk_btn_dbl { display:flex; align-items:stretch; flex-wrap:wrap; margin:0 0 14px 0; }
.common_btn_dbl { width:30%; margin:0 10%; text-align:center; }
.common_btn_dbl a { display:block; background-color:#c3d600; padding:10px 0; /*color:#ffffff;*/ color:#333333; text-decoration:none;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em; 
}
.common_btn_dbl a:hover { background-color:#6fc8da; text-decoration:underline; }

.idx_voice_lnkbtn { width:80%; margin:0 auto; text-align:center; }


/* /////////////////////////////////////////////////////////////////////////////
Header
/////////////////////////////////////////////////////////////////////////////*/
.hd { width:100%; margin:0 auto; /*background:url(../img/bg_white.png);*/ background-color:#ffffff; position:fixed; z-index:1000; }
.hd.form_hd {  position:relative; }
.hd .hd_inner { width:100%; margin:0 auto; display:flex; align-items:stretch; flex-wrap:nowrap; }

/* header move ///////////////////////////////////////////////////////////////*/
/* Upmove */
#headr.UpMove {
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(-100px);
	}
}
/* Downmove */
#header.DownMove {
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime {
	from {
		opacity: 0;
		transform: translateY(-100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/* header move ///////////////////////////////////////////////////////////////*/

.hd .hd_inner .hd_logo { width:25%; }
.hd .hd_inner .hd_logo img { width:100%; }
.hd .hd_inner .hd_logo img a { display:block; }

.hd .hd_inner .nav { width:55%; display:flex; align-items:stretch; flex-wrap:nowrap; text-align:center; }
.hd .hd_inner .nav .nav_ech { width:16%; font-weight:bold; position:relative; }
.hd .hd_inner .nav .nav_ech.s { width:12%; }
.hd .hd_inner .nav .nav_ech.l { width:20%; }
.hd .hd_inner .nav .nav_ech a { display:block; padding:16px 0; text-decoration:none; color:#333333; }
.hd .hd_inner .nav .nav_ech a:hover { text-decoration:underline; color:#a0c426; }
/* navigation sub */
.hd .hd_inner .nav .nav_ech .nav_sub { display:none; width:200%; padding:14px; /*background:url(../img/bg_white.png);*/ background-color:#ffffff; position:absolute; top:50px; left:20%; box-shadow:2px 2px 2px #999999; }
.hd .hd_inner .nav .nav_ech .nav_sub .navsub_ech { text-align:left; }
.hd .hd_inner .nav .nav_ech .nav_sub .navsub_ech a { display:block; padding:7px 0 7px 15px; position:relative; text-align:left; color:#333333; text-decoration:none; }
.hd .hd_inner .nav .nav_ech .nav_sub .navsub_ech a:hover { text-decoration:underline; color:#a0c426; }

.hd .hd_inner .nav .nav_ech.slct { background-color:#eaf4c8; }

.hd .hd_inner .hd_sns { width:18%; margin:3px 2% 0 0; display:flex; align-items:stretch; flex-wrap:nowrap; text-align:center; }
.hd .hd_inner .hd_sns .hd_sns_ech { width:19%; margin:4px 3% 0; }
.hd .hd_inner .hd_sns a { display:block; }
.hd .hd_inner .hd_sns img { width:100%; }


/* /////////////////////////////////////////////////////////////////////////////
Footer
/////////////////////////////////////////////////////////////////////////////*/
.ft { padding:20px 0; /*border-top:1px solid #999999; background-color:#efeae5;*/ font-size:90%; }
.ft .ft_cnt { padding:0 0 14px; display:flex; align-items:stretch; flex-wrap:nowrap; }
.ft .ft_cnt .ft_cnt_ech { width:22%; margin:0 1.5% 20px; }

.ft .ft_cnt .ft_logo { width:80%; margin:0 0 0 5%; }
.ft .ft_cnt .ft_logo img { width:100%; }
.ft .ft_cnt .ft_prf { margin:0 0 10px 5%; line-height:1.8em; }
.ft .ft_cnt .ft_btn { margin:0 0 0 5%; width:80%; }

.ft .ft_cnt .ft_ttl { margin:0 0 10px 0; font-size:110%; font-weight:bold; }
.ft .ft_cnt .ft_lnk_ech { margin:0 0 10px 0; }
.ft .ft_cnt .ft_lnk_ech a { color:#333333; text-decoration:none; }
.ft .ft_cnt .ft_lnk_ech a:hover { text-decoration:underline; }

.ft .ft_sns { margin:0 0 20px 0; text-align:center; }
.ft .ft_copy { text-align:center; }


/*.ft .flt35 { width:35%; }
.ft .flt30 { width:30%; }
.ft .ft_prf_ech { width:96%; margin:0 4% 10px 0; }
.ft .ft_lnkbtn { width:60%; text-align:center; }
.ft .ft_lnkbtn a { display:block; padding:6px 3%; background-color:#c3d600; color:#333333; text-decoration:none;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em; 
}
.ft .ft_lnkbtn a:hover { background-color:#6fc8da; text-decoration:underline; }
.ft .ft_catch { width:100%; }
.ft .ft_catch img { width:100%; }
.ft .ft_nav { margin:0 10%; }
.ft .ft_nav_ech { margin:0 0 10px 0; }
.ft .ft_nav_ech_sub { margin:0 0 10px 20%; }
.ft .ft_nav_ech a,
.ft .ft_nav_ech_sub a { color:#333333; text-docoration:none; }
.ft .ft_nav_ech a:hover,
.ft .ft_nav_ech_sub a:hover { color:#c3d600; text-docoration:underline; }
.ft .ft_copy { text-align:center; }*/

/* /////////////////////////////////////////////////////////////////////////////
Bread
//////////////////////////////////////////////////////////////////////////////*/
#bread { border-top:2px solid #6d8d02; }
#bread .bread_txt { padding:0 5%; font-size:80%; }

/* /////////////////////////////////////////////////////////////////////////////
index 
//////////////////////////////////////////////////////////////////////////////*/
/* key visual */
.kv { width:100%; /*background:url(../img/kv.jpg) no-repeat 0 0; background-attachment:fixed; background-size:100%;*/ position:relative; }
.kv img { width:100%; }
.kv .kv_txt { width:50%; position:absolute; top:40%; left:10%; }
.kv .kv_txt .lnk_onkv { width:40%; margin:5% 0 0 0; }

/* part note items */
.bgBigCircleGry { background:url(../img/note_itms_bg.png) top center no-repeat; background-size:100%; }
.note_itms_ttl { margin:30px 3% 20px; display:flex; align-items:stretch; flex-wrap:nowrap; }
.note_itms_ttl .icon_big { width:30%; margin:0 5% 0 0; text-align:right; }
.icon_big img { width:40%; }
.itmttl_withiconbig { width:65%; margin:20px 0 0 0; }
.note_itms_cnt { display:flex; align-items:stretch; flex-wrap:wrap; }
.note_itms_cnt .note_itms_ech { width:46%; margin:0 1.9% 14px; background-color:#ffffff; border:1px solid #2cb7ba; box-shadow:3px 3px #2cb7ba; }
/*.note_itms_cnt .note_itms_ech { width:29.33%; margin:0 1.9% 14px; background-color:#ffffff; border:1px solid #2cb7ba; box-shadow:3px 3px #2cb7ba; }*/
/*.note_itms_cnt .note_itms_ech { width:21%; margin:0 1.9% 14px; background-color:#ffffff; border:1px solid #2cb7ba; box-shadow:3px 3px #2cb7ba; }*/

/* hang_uup - from note */
/*#prt_hang_up {  }
#prt_hang_up .hang_up_cnt { display:flex; align-items:stretch; flex-wrap:nowrap; }
#prt_hang_up .hang_up_cnt .hang_up_imghldr { width:100%; }
#prt_hang_up .hang_up_cnt .hang_up_imghldr img { width:100%; }
#prt_hang_up .hang_up_cnt .hang_up_txt .hang_up_txt_cnt { width:96%; margin:0 0 0 4%; font-size:120%; font-weight:bold; }
#prt_hang_up .hang_up_cnt .hang_up_txt .hang_up_txt_cnt .hang_up_ech { margin:0 0 12px 0; padding:0 0 0 5%; background:url(../img/icon_hang_up.png) no-repeat 0 0; background-size:3%; }
#prt_hang_up .hang_up_cnt .hang_up_txt .hang_up_txt_cnt .hang_up_ech.prefix { padding:0; font-size:80%; background:none; }

.ttl_hang_up { display:block; margin-bottom:0; padding:3px 0; font-size:140%; font-weight:bold; text-align:center; }
.ttl_hang_up2 { display:block; margin-bottom:0; padding:3px 0; font-size:160%; font-weight:bold; text-align:center; }

.hang_up_txt_cnt_flt { display:flex; align-items:stretch; flex-wrap:nowrap; }
.solution_ech { width:40%; margin:0 5%; position:relative; 
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em; 
}
.solution_ech img { width:100%; 
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em; 
}*/


/* index voice */
#prt_idx_voice { padding:30px 0; /*background:url(../img/bg_idx_voice.jpg); background-attachment:fixed; background-size:100%;*/ }

.idx_voice_cnt { display:flex; align-items:stretch; flex-wrap:nowrap; }
.idx_voice_ech { width:26.33%; margin:0 2%; padding:10px 2%; border:1px solid #eeeeee; box-shadow:4px 4px #dddddd; }
.idx_voice_ech .idx_voice_ttl { width:94%; padding:12px 3%; background-color:#efeae5; font-size:110%; font-weight:bold; }
.idx_voice_ech .idx_voice_ttl a { color:#333333; text-decoration:none; }
.idx_voice_ech .idx_voice_ttl a:hover { text-decoration:underline; }
.idx_voice_ech .idx_voice_photo { width:100%; position:relative; }
.idx_voice_ech .idx_voice_photo a { display:block; }
.idx_voice_ech .idx_voice_photo img { width:100%; }
.idx_voice_ech .idx_voice_txt { padding:10px 3%; background-color:#ffffff; }

/* index Instagram */
#prt_idx_insta { width:100%; padding:20px 0; 
	background:linear-gradient(
		to right,
		#e0c4e9 5%,
		#f3dcd6 50%,
		#f0c6d2 95%
	); 
}
.insta_lst { display:flex; align-items:stretch; flex-wrap:wrap; }
.insta_lst .insta_list_ech { width:22%; margin:20px 1.5%; }
.insta_lst .insta_list_ech img { object-fit:cover; }
.insta_lst .insta_list_ech a { display:block; }

/* index inquiry */
#prt_idx_inquiry { background-color:#2cb7ba; padding:40px 0; }
.idx_inquiry_inner { max-width:1024px; margin:0 auto; padding:20px 5%; background-color:#ffffff;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em; 
}
.idx_inquiry_cnt {  }
/*.idx_inquiry_cnt .inquiry_btns { display:flex; align-items:stretch; flex-wrap:nowrap; }

.idx_inquiry_cnt {  }
.idx_inquiry_cnt .idx_inquiry_btns { display:flex; align-items:stretch; flex-wrap:nowrap; font-size:130%; }
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech { width:39%; margin:0 5%; text-align:center; }
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech a { display:block; padding:12px 2%; text-decoration:none;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;  
}
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech.dl {  }
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech.dl a { border:2px solid #2cb7ba; color:#2cb7ba; background:url(../img/icon_download_s.png) 30px 24px no-repeat; }
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech.dl a:hover { background-color:#2cb7ba; color:#ffffff; text-decoration:underline; }
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech.qry { background:url(../img/icon_mail_s.png) 0 0 no-repeat; }
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech.qry a { border:2px solid #2cb7ba; background:#2cb7ba url(../img/icon_mail_s.png) 30px 26px no-repeat; color:#ffffff; }
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech.qry a:hover { background-color:#ffffff; color:#2cb7ba; text-decoration:underline; }*/

.idx_inquiry_btm { margin:0 0 20px 0; font-size:180%; text-align:center; }

.idx_inquiry_cnt .idx_line_ttl { margin:0 0 10px 0; text-align:center; font-size:140%; font-weight:bold; }
.idx_inquiry_cnt .idx_line_ttl img { vertical-align:middle; }
.idx_inquiry_cnt .idx_line_txt { margin:0 0 20px 0; }
.idx_inquiry_cnt .idx_line_cnt { display:flex; align-items:stretch; flex-wrap:nowrap; }
.idx_inquiry_cnt .idx_line_cnt .idx_line_cnt_ech.qr { width:15%; margin:0 10% 0 26%; text-align:center; }
.idx_inquiry_cnt .idx_line_cnt .idx_line_cnt_ech.qr a { display:block; }
.idx_inquiry_cnt .idx_line_cnt .idx_line_cnt_ech.qr img { width:100%; }
.idx_inquiry_cnt .idx_line_cnt .idx_line_cnt_ech.url { width:19%;  margin:0 20% 0 10%; text-align:center; }
.idx_inquiry_cnt .idx_line_cnt .idx_line_cnt_ech.url a { display:block; padding:50px 3%; border:2px solid #00b900; font-size:120%; font-weight:bold; color:#00b900; text-decoration:none;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em; 
}
.idx_inquiry_cnt .idx_line_cnt .idx_line_cnt_ech.url a:hover { text-decoration:underline; }


/* /////////////////////////////////////////////////////////////////////////////
inquiry form 
//////////////////////////////////////////////////////////////////////////////*/
/* 戻るの際にinputを書き換えることはできないので */
/*.form_lst { margin:0 0 20px 0; }
.form_lst .form_lst_ech { margin:0 0 0 0; display:flex; align-items:stretch; flex-wrap:nowrap; }
.form_lst .form_lst_ech .form_ttl { width:26%; padding:14px 2%; background-color:#2cb7ba; color:#ffffff; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; }
.form_lst .form_lst_ech .form_inpt { width:66%; padding:14px 2%; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; }
.border_top { border-top:1px solid #999999; }*/
/* 戻るの際にinputを書き換えることはできないので */

table.table { margin:0 0 20px 0; }
table.table th { width:26%; padding:14px 2%; background-color:#2cb7ba; color:#ffffff; border:1px solid #999999; text-align:left; vertical-align:middle; }
table.table td { width:66%; padding:14px 2%; border:1px solid #999999; }

form input,
form textarea { width:80%; }
.sbmt_btn { width:20%; margin:0 0 20px 0; padding:10px 3%; background-color:#eef8f8; }

.button_box { text-align:center; margin:0 0 20px 0; font-size:120%; }

.red_txt { color:#db0000 }
.




/* /////////////////////////////////////////////////////////////////////////////
news 
//////////////////////////////////////////////////////////////////////////////*/




@media print {
	.prtWeb { display:none; }
	.prtSP { display:none; }
/* print画面 */	
	.break_after { break-after:page; }
	.print_return_btn { display:none; }
	.print_ref { display:none; }
	
	
}



/* -------------------------------------------------------------------------- */
/* ///////////////////////////////////////////////////////////////////////////*/
/* ↓Tablet */
/* ///////////////////////////////////////////////////////////////////////////*/
/* -------------------------------------------------------------------------- */
@media screen and (min-width:769px) and (max-width:1023px){
	
/* /////////////////////////////////////////////////////////////////////////////
Basic Layout
/////////////////////////////////////////////////////////////////////////////*/
.glb_inner { max-width:1024px; margin:0 3%; }
	
/* /////////////////////////////////////////////////////////////////////////////
Header
/////////////////////////////////////////////////////////////////////////////*/



/* /////////////////////////////////////////////////////////////////////////////
Footer
/////////////////////////////////////////////////////////////////////////////*/



/* /////////////////////////////////////////////////////////////////////////////
page title
/////////////////////////////////////////////////////////////////////////////*/
h2.pagettl_sample { display:block; margin-bottoom:0; text-align:center; font-size:160%; font-weight:bold; position:relative; }

/* /////////////////////////////////////////////////////////////////////////////
tool sample - index
//////////////////////////////////////////////////////////////////////////////*/
/* title */
.free_ttl_bg { display:block; margin:-20px 0 12px; padding:10px 0; background:url(../img/sample_title_bg.jpg) no-repeat; background-size:100%; color:#ffffff; }
.free_ttl_bg .free_ttl_bg_ech_l { width:96%; margin:0 2% 10px; line-height:1.2em }
.free_ttl_bg .free_ttl_bg_ech_r { width:100%; margin:0; padding:10px 2%; background-color:#26b3fb; font-size:80%; }

/* contents layout */
.sample_flex_flt { display:block; }
.flt6040_l { width:96%; margin:0 2% 10px; }
.flt6040_r { width:96%; margin:0 2% 10px; }

/* sample thumbneil */
#samdle_tl_thms { display:flex; align-items:stretch; flex-wrap:wrap; }
#samdle_tl_thms .sample_tldtl_subimg_ech { width:31.33%; margin:0 1% 10px; } 

#sample_tldtl_exptxt { font-size:110%; }
#sample_tldtl_ttl_added { font-size:110%; font-weight:bold; }
#sample_tldtl_txt_added {  }

h5.sample_subprt_ttl { margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #999999; font-size:110%; }
.sample_tldtl_propaties_ech { margin:0 0 10px 0; display:flex; align-items:stretch; flex-wrap:nowrap; padding:0 7px; }
.sample_tldtl_propaties_ttl { width:46%; margin:0 4% 0 0; padding:3px 0; background-color:#26b3fb; color:#ffffff; text-align:center; font-size:80%;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em; 
}
.sample_tldtl_propaties_txt { width:50%; padding:3px 0; }

/* index */
.free_ttl_bg.for_idx { display:block; padding:5px 0 10px; }
.free_ttl_bg.for_idx .glb_inner { width:100%; }
.free_ttl_txt { padding:0 3% 10px; font-size:110%; font-weight:bold; }
.free_cnt_txt { padding:10px 3%; /*font-size:90%;*/ background-color:#26b3fb; }

/* index free_ttl_bg login link buton */
.free_ttl_bg.for_idx #idx_mmbr_login  {  }
.free_ttl_bg.for_idx #idx_mmbr_login .idx_mmbr_login_btn { width:40%; margin:0 3% 0 57%; text-align:center; font-weight:bold; }
.free_ttl_bg.for_idx #idx_mmbr_login .idx_mmbr_login_btn a { display:block; padding:5px 2%; background-color:#ffffff; color:#333333; text-decoration:none; 
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em; 
 }

#idx_about { margin:-20px 0 20px 0; background-color:#eaf4c8; }
.idx_about_cnt { display:block; }
.idx_about_pht { width:100%; margin:0 0 10px 0; }
.idx_about_pht img { width:100%; }
.idx_about_txt { width:100%; margin:0 0 10px 0; }

#idx_sample_lst {  }
#idx_sample_lst .flt4 { width:50%; }

/* common for index */
.idx_lnk_btn { display:flex; align-items:stretch; flex-wrap:wrap; margin:20px 0 0; }
.idx_lnk_btn .hd_btn_ech { width:46%; margin:0 2%; text-align:center; }
.idx_lnk_btn .hd_btn_ech a { display:block; background-color:#a0c426; padding:10px 0; color:#ffffff; text-decoration:none;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em; 
}

}

/* -------------------------------------------------------------------------- */
/* ///////////////////////////////////////////////////////////////////////////*/
/* ↑tablet */
/* ///////////////////////////////////////////////////////////////////////////*/
/* -------------------------------------------------------------------------- */






/* -------------------------------------------------------------------------- */
/* ///////////////////////////////////////////////////////////////////////////*/
/* ↓SP */
/* ///////////////////////////////////////////////////////////////////////////*/
/* -------------------------------------------------------------------------- */
@media screen and (max-width:768px){
	
/* /////////////////////////////////////////////////////////////////////////////
共通style
/////////////////////////////////////////////////////////////////////////////*/
/* title */
/*h3.itmttl { display:block; margin-bottom:0; background:none; padding:3px 0; font-size:110%; font-weight:bold; }*/

/* /////////////////////////////////////////////////////////////////////////////
Basic Layout
//////////////////////////////////////////////////////////////////////////////*/
body { font-size:105%; }
.prtPC { display:none; }
.prtSP { display:block; }

.glb_inner { width:96%; margin:0 2%; }
.glb_inner_flt { width:96%; margin:0 2%; display:flex; align-items:stretch; flex-wrap:nowrap; }

.mar_btm40 { margin:0 0 20px 0; }
.mar_btm30 { margin:0 0 20px 0; }

.prt_inner {  }
.prt_inner_bg { padding:14px 2%; }
.prt_inner_bg_h { padding:14px 2%; }
.prt_inner90 { width:100%; }
.prt_inner80 { width:100%; }

.flt5050_l { width:100%; }
.flt5050_r { width:100%; }

.flt3070_l { width:100%; }
.flt3070_r { width:100%; }

.sp_btm { width:100%; position:fixed; left:0; bottom:0; padding:10px 0; background:url(../img/bg_white.png); display:flex; align-items:stretch; flex-wrap:nowrap; }
.sp_btm .sp_btm_ech { width:40%; margin:0 5%; text-align:center; }
.sp_btm .sp_btm_ech a { display:block; padding:7px 2%; background-color:#c3d600; color:#333333; text-decoration:none;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em; 
}

/* /////////////////////////////////////////////////////////////////////////////
Parts
//////////////////////////////////////////////////////////////////////////////*/
/* title */
h1.title { display:block; margin-bottoom:0; text-align:center; font-size:160%; font-weight:bold; }

h2.pagettl { display:block; margin-bottoom:0; text-align:center; font-size:140%; font-weight:bold; position:relative; }
/*h2.pagettl_sample { display:block; margin-bottoom:0; text-align:center; font-size:200%; font-weight:bold; position:relative; }*/
h2.pagettl .pagettl_ref { position:absolute; top:10px; left:3%; width:20%; text-align:center; font-size:50%; font-weight:normal; }
h2.h2_onkv { font-size:110%; font-weight:bold; /*color:#ffffff;*/ }

h3.itmttl { display:block; margin-bottom:0; padding:3px 0 3px 8%; background:url(../img/icon_tooth1.png) no-repeat 0 4px; background-size:7%; font-size:120%; font-weight:bold; }
/* ↓ADD@230227 folt5050内のアイテムタイトル */
.flt5050_l h3.itmttl,
.flt5050_r h3.itmttl { display:block; margin-bottom:0; padding:3px 0 3px 10%; background:url(../img/icon_tooth1.png) no-repeat 0 4px; background-size:5.3%; font-size:160%; font-weight:bold; }
/* ↑ADD@230227 folt5050内のアイテムタイトル */

h3.itmttl_withbigicon { display:block; margin-bottom:0; padding:3px 0; font-size:130%; font-weight:bold; text-align:left; }
.itmttl_subtxt { text-align:left; }
.itmttl_subtxt_left { text-align:left; }

h3.itmttl_img_idx_indta { display:block; margin-bottom:0; padding:3px 0; font-size:130%; font-weight:bold; text-align:center; }
h3.itmttl_img_idx_indta img { width:50%; margin:0 auto; }
#prt_idx_insta .itmttl_subtxt { text-align:center; }

h3.itmttl_noicon { /*display:block;*/ margin-bottom:0; padding:3px 0; font-size:130%; font-weight:bold; text-align:left; }
h3.itmttl_noicon img { vertical-align:middle; }
h3.itmttl_noicon_center { margin-bottom:0; padding:3px 0; font-size:130%; font-weight:bold; text-align:center; }

/*h4.itm_subttl { display:block; margin-bottom:0; padding:3px 0 3px 3%; font-size:120%; font-weight:bold; position:relative; }*/
h4.itm_subttl { display:block; padding:3px 0 3px 12%; font-size:120%; font-weight:bold; position:relative; background:url(../img/character_grn_l.png) no-repeat; background-size:10%; }
h4.itm_subttl .itm_bubttl_ref { position:absolute; top:10px; left:3%; width:20%; text-align:center; font-size:60%; font-weight:normal; }
h5.subprt_ttl { display:block; margin-bottom:0; padding:3px 0 3px 3%; font-size:100%; font-weight:bold; position:relative; }
h5.subprt_ttl .subprt_ttl_btn { position:absolute; top:-2px; right:3%; font-size:80%; }
h5.subprt_ttl .subprt_ttl_btn a { text-decoration:none; color:#ffffff; }

/* thumbs/img overlayer */
.thm_oltxt { position:absolute; top:12%; left:0; padding:12px 5%; font-size:110%; font-weight:bold; color:#ffffff; }
.thm_oltxt_bg_top { position:absolute; top:0; left:0; width:90%; padding:11px 5%; background:url(../img/bg_black.png); text-align:center; font-size:120%; font-weight:bold; color:#ffffff; }
.thm_oltxt_bg_btm { position:absolute; bottom:0; left:0; width:90%; padding:11px 5%; background:url(../img/bg_black.png); text-align:center; font-size:110%; font-weight:bold; color:#ffffff; }

/* ↓問合せフォームリンク　floatするボタン ////////////////////*/
/* button in center */
.btn_cntr { width:34%; margin:0 auto; }

/* ↓ボタン１個の場合 */
.idx_inquiry_btn_sngl { width:80%; margin:0 auto; font-size:130%; }
.idx_inquiry_ech_sngl { width:100%; text-align:center; }
.idx_inquiry_ech_sngl a { display:block; padding:12px 2%; text-decoration:none; border:2px solid #2cb7ba; color:#2cb7ba; background:url(../img/icon_mail_s.png) 10px 24px no-repeat;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em; 
}
.idx_inquiry_ech_sngl a:hover { background-color:#2cb7ba; color:#ffffff; text-decoration:underline; }
/* ↑ボタン１個の場合 */

/* ↓ボタン２個の場合 */
.idx_inquiry_btns { display:block; font-size:130%; }
.idx_inquiry_ech { width:80%; margin:0 10% 10px; text-align:center; }
.idx_inquiry_ech a { display:block; padding:12px 2%; text-decoration:none;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;  
}
.idx_inquiry_ech.dl {  }
.idx_inquiry_ech.dl a { border:2px solid #2cb7ba; color:#2cb7ba; background:url(../img/icon_download_s.png) 10px 24px no-repeat; }
.idx_inquiry_ech.dl a:hover { background-color:#2cb7ba; color:#ffffff; text-decoration:underline; }
.idx_inquiry_ech.qry { background:url(../img/icon_mail_s.png) 0 0 no-repeat; }
.idx_inquiry_ech.qry a { border:2px solid #2cb7ba; background:#2cb7ba url(../img/icon_mail_s.png) 10px 26px no-repeat; color:#ffffff; }
.idx_inquiry_ech.qry a:hover { background-color:#ffffff; color:#2cb7ba; text-decoration:underline; }
/* ↑ボタン２個の場合 */
/* ↑問合せフォームなどfloatボタン ////////////////////*/

/* link button */
.common_lnk_btn_sngl { margin:0 0 14px 0; }
.common_btn_sngl { width:80%; margin:0 10%; text-align:center; }
/*.common_btn_sngl a { display:block; background-color:#c3d600; padding:10px 0; color:#333333; text-decoration:none;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em; 
}*/

.common_lnk_btn_dbl { display:flex; align-items:stretch; flex-wrap:wrap; margin:0 0 14px 0; }
.common_btn_dbl { width:46%; margin:0 2%; text-align:center; }
.common_btn_dbl a { display:block; background-color:#c3d600; padding:10px 0; /*color:#ffffff;*/ color:#333333; text-decoration:none;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em; 
}


/* /////////////////////////////////////////////////////////////////////////////
Header
/////////////////////////////////////////////////////////////////////////////*/
.hd { margin:0 auto; /*display:flex; align-items:stretch; flex-wrap:nowrap;*/ /*background:url(../img/bg_white.png);*/ background-color:#ffffff; }
.hd .hd_inner { width:100%; margin:0 auto; display:flex; align-items:stretch; flex-wrap:nowrap; }
.hd .hd_inner .hd_logo { width:45%; margin:0 5% 0 0; }
.hd .hd_inner .hd_logo img { width:100%; }
.hd .hd_inner .hd_logo img a { display:block; }

/* display flexが生きるのでdisplay noneを設定 */
.hd .hd_inner .nav { width:30%; display:none; text-align:center; }

.hd .hd_inner .hd_sns { width:40%; margin:0 0 0 0; display:flex; align-items:stretch; flex-wrap:nowrap; text-align:center; }
.hd .hd_inner .hd_sns .hd_sns_ech { width:18%; margin:2px 1% 0; }
/*.hd .hd_inner .hd_sns .hd_sns_ech img { width:100%; }*/
.hd .hd_inner .hd_sns a { display:block; }
.hd .hd_inner .hd_sns img { width:100%; }

.hd .hd_inner .hd_navbtn { width:10%; }

/* /////////////////////////////////////////////////////////////////////////////
navigation
/////////////////////////////////////////////////////////////////////////////*/
/* navigation button */
/*.nav_btn { width:28px; height:28px; position:absolute; top:16px; left:2%; z-index:1000; }*/
.nav_btn a { width:100%; height:100%; display:block; }
.nav_btn .nav_btn_line { display: inline-block; transition: all .4s; box-sizing: border-box; }
/*.nav_btn { width:28px; height:28px; position:absolute; bottom:10px; right:3%; }*/
.nav_btn { width:28px; height:28px; position:absolute; top:7px; right:3%; }
.nav_btn a { width:100%; height:100%; display:block; }
.nav_btn a .nav_btn_line { position:absolute; left:0; width:100%; height:4px; /*background-color:#332d16;*/ background-color:#282828; border-radius:4px; }
.nav_btn a .nav_btn_line:nth-of-type(1) { top:0; }
.nav_btn a .nav_btn_line:nth-of-type(2) { top:43%; }
.nav_btn a .nav_btn_line:nth-of-type(3) { bottom:0; }
.nav_btn.active a .nav_btn_line:nth-of-type(1) { -webkit-transform:translateY(12px) rotate(-45deg); transform:translateY(12px) rotate(-45deg); }
.nav_btn.active a .nav_btn_line:nth-of-type(2) { opacity:0; }
.nav_btn.active a .nav_btn_line:nth-of-type(3) { -webkit-transform:translateY(-12px) rotate(45deg); transform:translateY(-12px) rotate(45deg); }

/* navigation plate */
.hd_navsp { display:none; width:90%; /*height:100%;*/ position:absolute; top:52px; left:0; background-color:#efefef; z-index:1001; }
.hd_navsp { padding:20px 5%; } 
.hd_navsp .nav_ech {  }
.hd_navsp .nav_ech a { display:block; padding:10px 0; /*color:#ffffff;*/ color:#282828; text-decoration:none; position:relative; }
.hd_navsp .nav_ech a:hover { text-decoration:underline; }
.hd_navsp .nav_ech a:after { display:block; position:absolute; top:50%; right:2%; width:8px; height:8px; margin-top:-9px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-top:2px solid #333333; border-right:2px solid #333333; background:url(../img/icon_home.png) no-repeat; content:""; }
.hd_navsp .nav_ech.nav_hm a { padding:10px 12% 10px 0; position:relative; }
.hd_navsp .nav_ech.nav_hm a:after { display:block; position:absolute; top:50%; right:2%; width:8px; height:8px; margin-top:-9px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-top:2px solid #333333; border-right:2px solid #333333; background:url(../img/icon_home.png) no-repeat; content:""; }
.hd_navsp .nav_ech.nav_cls { text-align:right; }
.hd_navsp .nav_ech.nav_cls a { padding:10px 12% 10px 0; }
.hd_navsp .nav_ech.nav_cls a:after { display:block; position:absolute; top:50%; right:2%; width:8px; height:8px; margin-top:-9px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-top:2px solid #333333; border-right:2px solid #333333; background:url(../img/icon_close.png) no-repeat; content:""; }

.hd_navsp .nav_ech.slct { background-color:#eaf4c8; }

/* navigation sub */
.hd_navsp .nav_ech .nav_sub { width:92%; padding:14px 0 14px 8%; }
.hd_navsp .nav_ech .nav_sub .navsub_ech { text-align:left; }
.hd_navsp .nav_ech .nav_sub .navsub_ech a { display:block; padding:5px 0; position:relative; text-align:left; color:#333333; text-decoration:none; }
.hd_navsp .nav_ech .nav_sub .navsub_ech a:hover { text-decoration:underline; color:#a0c426; }

/* /////////////////////////////////////////////////////////////////////////////
Footer
/////////////////////////////////////////////////////////////////////////////*/
.ft { padding:10px 0 60px; /*border-top:1px solid #999999; background-color:#efeae5;*/ }
.ft .ft_cnt { padding:0 0 10px; /*display:flex; align-items:stretch; flex-wrap:nowrap;*/ display:block; }
.ft .ft_cnt .ft_cnt_ech { width:92%; margin:0 4% 14px; }

.ft .ft_cnt .ft_logo { width:60%; margin:0 20%; }
.ft .ft_cnt .ft_logo img { width:100%; }
.ft .ft_cnt .ft_prf { margin:0 0 10px 0; line-height:1.8em; }
.ft .ft_cnt .ft_btn { margin:0 0 0 0; width:80%; }

.ft .ft_cnt .ft_ttl { margin:0 0 10px 0; font-size:110%; font-weight:bold; }
.ft .ft_cnt .ft_lnk_ech { margin:0 0 10px 0; }
.ft .ft_cnt .ft_lnk_ech a { color:#333333; text-decoration:none; }
.ft .ft_cnt .ft_lnk_ech a:hover { text-decoration:underline; }

.ft .ft_sns { margin:0 0 20px 0; text-align:center; }
.ft .ft_copy { text-align:center; }

/* /////////////////////////////////////////////////////////////////////////////
SP Bottom
/////////////////////////////////////////////////////////////////////////////*/
.sp_btm { width:100%; position:fixed; left:0; bottom:0; padding:10px 0; background:url(../img/bg_white.png); display:flex; align-items:stretch; flex-wrap:nowrap; }

/* ボタン2個の場合 */
.sp_btm .sp_btm_ech { width:40%; margin:0 5%; text-align:center; }
/* ボタン1個の場合*/
.sp_btm .sp_btm_ech.sngl { width:80%; margin:0 10%; text-align:center; }
.sp_btm .sp_btm_ech a { display:block; padding:7px 2%; background-color:#2cb7ba; color:#ffffff; text-decoration:none;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em; 
}


/*.ft { padding:10px 0 40px; border-top:1px solid #999999; background-color:#efeae5; }
.ft .ft_cnt { padding:0 0 10px; display:block; }
.ft .flt35 { width:100%; margin:0 0 10px 0; }
.ft .flt30 { width:100%; margin:0 0 10px 0; }
.ft .ft_prf_ech { width:100%; }
.ft .ft_lnkbtn { width:80%; margin:0 auto; text-align:center; }
.ft .ft_lnkbtn a { display:block; padding:6px 3%; background-color:#c3d600; color:#333333; text-decoration:none;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em; 
}
.ft .ft_lnkbtn a:hover { background-color:#6fc8da; text-decoration:underline; }
.ft .ft_catch { width:70%; margin:0 auto; }
.ft .ft_catch img { width:100%; }
.ft .ft_nav { margin:0 10%; font-size:110%; }
.ft .ft_nav_ech { margin:0 0 10px 0; }
.ft .ft_nav_ech_sub { margin:0 0 10px 10%; }
.ft .ft_nav_ech a,
.ft .ft_nav_ech_sub a { color:#333333; text-docoration:none; }
.ft .ft_nav_ech a:hover,
.ft .ft_nav_ech_sub a:hover { color:#c3d600; text-docoration:underline; }

.ft .ft_copy { text-align:center; }*/


/* /////////////////////////////////////////////////////////////////////////////
Bread
//////////////////////////////////////////////////////////////////////////////*/
#bread { border-top:2px solid #6d8d02; }
#bread .bread_txt { padding:0 5%; font-size:80%; }

/* /////////////////////////////////////////////////////////////////////////////
index 
//////////////////////////////////////////////////////////////////////////////*/
/* key visual */
.kv { width:100%; /*background:url(../img/kv.jpg) no-repeat 0 0; background-attachment:fixed; background-size:100%;*/ position:relative; }
.kv img { width:100%; }
.kv .kv_txt { width:60%; position:absolute; top:40%; left:5%; }
.kv .kv_txt .lnk_onkv { width:80%; margin:5% 0 0 0; }

/* hang up - from note */
.bgBigCircleGry { background:url(../img/note_itms_bg.png) top center no-repeat; background-size:100%; }
.note_itms_ttl { margin:10px 3% 10px; display:flex; align-items:stretch; flex-wrap:nowrap; }
.note_itms_ttl .icon_big { width:15%; margin:0 5% 0 0; text-align:right; }
.icon_big img { width:100%; }
.itmttl_withiconbig { width:80%; margin:0 0 0 0; }
.note_itms_cnt { display:flex; align-items:stretch; flex-wrap:wrap; }
.note_itms_cnt .note_itms_ech { width:97%; margin:0 1% 14px; background-color:#ffffff; border:1px solid #2cb7ba; box-shadow:3px 3px #2cb7ba; }
/*.note_itms_cnt .note_itms_ech { width:46%; margin:0 1% 14px; background-color:#ffffff; border:1px solid #2cb7ba; box-shadow:3px 3px #2cb7ba; }*/

/* index - voice */
.idx_voice_cnt { display:block; }
.idx_voice_ech { width:95%; margin:0 0 12px 0; padding:10px 2%; box-shadow:3px 3px #cccccc; }
.idx_voice_ech .idx_voice_ttl { width:94%; padding:12px 3%; background-color:#efeae5; font-size:110%; font-weight:bold; }
.idx_voice_ech .idx_voice_ttl a { color:#333333; text-decoration:none; }
.idx_voice_ech .idx_voice_ttl a:hover { text-decoration:underline; }
.idx_voice_ech .idx_voice_photo { width:100%; position:relative; }
.idx_voice_ech .idx_voice_photo a { display:block; }
.idx_voice_ech .idx_voice_photo img { width:100%; }
.idx_voice_ech .idx_voice_txt { padding:10px 3%; background-color:#ffffff; }

/* Instagram */
#prt_idx_insta { width:100%; padding:20px 0; 
	background:linear-gradient(
		to right,
		#e0c4e9 5%,
		#f3dcd6 50%,
		#f0c6d2 95%
	); 
}
.insta_lst { display:flex; align-items:stretch; flex-wrap:wrap; }
.insta_lst .insta_list_ech { width:47%; margin:14px 1.5%; }
.insta_lst .insta_list_ech img { object-fit:cover; }
.insta_lst .insta_list_ech a { display:block; }

/* index inquiry */
#prt_idx_inquiry { background-color:#2cb7ba; padding:40px 0; }
.idx_inquiry_inner { width:92%; margin:0 2%; padding:14px 2%; background-color:#ffffff;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em; 
}
.idx_inquiry_cnt {  }

/*.idx_inquiry_cnt .inquiry_btns { display:flex; align-items:stretch; flex-wrap:nowrap; }

.idx_inquiry_cnt {  }
.idx_inquiry_cnt .idx_inquiry_btns { display:block; font-size:130%; }
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech { width:80%; margin:0 10% 10px; text-align:center; }
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech a { display:block; padding:8px 2%; text-decoration:none;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;  
}
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech.dl {  }
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech.dl a { border:2px solid #2cb7ba; color:#2cb7ba; background:url(../img/icon_download_s.png) 10px 24px no-repeat; }
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech.dl a:hover { background-color:#2cb7ba; color:#ffffff; text-decoration:underline; }
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech.qry { background:url(../img/icon_mail_s.png) 0 0 no-repeat; }
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech.qry a { border:2px solid #2cb7ba; background:#2cb7ba url(../img/icon_mail_s.png) 10px 26px no-repeat; color:#ffffff; }
.idx_inquiry_cnt .idx_inquiry_btns .idx_inquiry_ech.qry a:hover { background-color:#ffffff; color:#2cb7ba; text-decoration:underline; }*/

.idx_inquiry_btm { font-size:140%; text-align:center; }

.idx_inquiry_cnt .idx_line_ttl { margin:0 0 10px 0; text-align:center; font-size:120%; font-weight:bold; }
.idx_inquiry_cnt .idx_line_ttl img { vertical-align:middle; }
.idx_inquiry_cnt .idx_line_txt { margin:0 0 20px 0; }
.idx_inquiry_cnt .idx_line_cnt { display:flex; align-items:stretch; flex-wrap:nowrap; }
.idx_inquiry_cnt .idx_line_cnt .idx_line_cnt_ech.qr { width:40%; margin:0 5% ; text-align:center; }
.idx_inquiry_cnt .idx_line_cnt .idx_line_cnt_ech.qr a { display:block; }
.idx_inquiry_cnt .idx_line_cnt .idx_line_cnt_ech.qr img { width:100%; }
.idx_inquiry_cnt .idx_line_cnt .idx_line_cnt_ech.url { width:40%;  margin:0 5%; text-align:center; }
.idx_inquiry_cnt .idx_line_cnt .idx_line_cnt_ech.url a { display:block; padding:50px 3%; border:2px solid #00b900; font-size:120%; font-weight:bold; color:#00b900; text-decoration:none;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em; 
}
.idx_inquiry_cnt .idx_line_cnt .idx_line_cnt_ech.url a:hover { text-decoration:underline; }

/* hang_uup */
/*#prt_hang_up {  }
#prt_hang_up .hang_up_cnt { display:block; }
#prt_hang_up .hang_up_cnt .hang_up_imghldr { width:90%; margin:0 auto; }
#prt_hang_up .hang_up_cnt .hang_up_imghldr img { width:100%; }
#prt_hang_up .hang_up_cnt .hang_up_txt .hang_up_txt_cnt { width:98%; margin:0 0 0 2%; font-size:120%; font-weight:bold; }
#prt_hang_up .hang_up_cnt .hang_up_txt .hang_up_txt_cnt .hang_up_ech { margin:0 0 12px 0; padding:0 0 0 8%; background:url(../img/icon_hang_up.png) no-repeat 0 0; background-size:7%; }
#prt_hang_up .hang_up_cnt .hang_up_txt .hang_up_txt_cnt .hang_up_ech.prefix { padding:0; font-size:80%; background:none; }

.ttl_hang_up { display:block; margin-bottom:0; padding:3px 0; font-size:110%; font-weight:bold; text-align:left; }
.ttl_hang_up2 { display:block; margin-bottom:0; padding:3px 0; font-size:120%; font-weight:bold; text-align:left; }*/


/*.hang_up_txt_cnt_flt { display:flex; align-items:stretch; flex-wrap:nowrap; }
.solution_ech { width:48%; margin:0 1%; position:relative; 
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em; 
}
.solution_ech img { width:100%; 
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em; 
}*/

/* service guide */
.service_outline_cnt { display:block; }
.idx_merits { text-align:left; }

/* service movies */
.idx_movies_cnt { display:block; }
.idx_mvhldr { width:94%; margin:0 auto 20px; padding-bottom:56.25%; position:relative; }

/* index - news */
.idx_news_ech { padding:12px 0 8px; border-top:1px solid #999999; display:block; }
.idx_news_ech:first-child { border-top:none; }
.idx_news_ech:nth-child(even) { background-color:#efeae5; }
.idx_news_ech .idx_news_ech_photo { width:80%; margin:0 10% 10px; position:relative; }
.idx_news_ech .idx_news_ech_photo img { width:100%; }
.idx_news_ech .idx_news_ech_photo a { display:block; }
.idx_news_ech .idx_news_ech_cnt { width:100%; }
.idx_news_ech .idx_news_ech_cnt .idx_news_ech_ttl { margin:0 0 10px 0; padding:0 2%; font-size:120%; font-weight:bold; }
.idx_news_ech .idx_news_ech_cnt .idx_news_ech_ttl a { color:#333333; }
.idx_news_ech .idx_news_ech_cnt .idx_news_ech_ttl a:hover { color:#c3d600; }
.idx_news_ech .idx_news_ech_cnt .idx_news_ech_dat { margin:0 0 20px 0; padding:0 2%; }
.idx_news_ech .idx_news_ech_cnt .idx_news_ech_txt { /*margin:0 0 10px 0;*/ padding:0 2%; font-size:110%; }
.idx_news_category { position:absolute; top:85%; right:-10%; padding:6px 5%; background-color:#6fc8da; text-align:center; font-size:90%; }

/* index - sns */
#prt_idx_sns .glb_inner { display:block; }
.sns_iframehldr { width:100%; height:400px; margin:0 auto 10px; }

/* index - banners */
/*.idx_banners_cnt { display:block; }*/
.idx_banners_cnt .banner50 { width:94%; margin:0 3% 10px; }
.idx_banners_cnt .banner33 { width:44%; margin:0 3% 10px; }
.idx_banners_cnt .banner25 { width:44%; margin:0 3% 10px; }

/* /////////////////////////////////////////////////////////////////////////////
inquiry form 
//////////////////////////////////////////////////////////////////////////////*/
/*.form_lst { margin:0 0 20px 0; }
.form_lst .form_lst_ech { margin:0 0 0 0; display:block; }
.form_lst .form_lst_ech .form_ttl { width:94%; padding:14px 2%; background-color:#2cb7ba; color:#ffffff; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; }
.form_lst .form_lst_ech .form_inpt { width:94%; padding:14px 2%; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; }
.border_top { border-top:1px solid #999999; }*/

form input,
form textarea { width:90%; }
.sbmt_btn { width:40%; margin:0 0 14px 0; padding:10px 3%; background-color:#eef8f8; }

.button_box { text-align:center; font-size:110%; margin:0 0 14px 0; }

.red_txt { color:#db0000 }

}
/* -------------------------------------------------------------------------- */
/* ///////////////////////////////////////////////////////////////////////////*/
/* ↑SP */
/* ///////////////////////////////////////////////////////////////////////////*/
/* -------------------------------------------------------------------------- */
