@charset "utf-8";

html, body                 {width:100%;height:100%;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td, p,
fieldset, form, label, legend, input, textarea, button,
article, aside, canvas, 
footer, header, nav, section,
b, u, i                    {margin:0;padding:0;list-style:none;font-style:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

a                          {outline:none;text-decoration:none;}
img                        {border:0 none;vertical-align:top;max-width:100%;height:auto;}
em                         {font-style:normal;font-weight:bold;}
.h a, .f a,
nav a, nav span            {text-decoration:none;}

/* ----------------------------------------------- font */
html                       {font-size:62.5%;}
body                       {font-size:16px;font-size:1.6rem;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;}
h1, h2,  h3                {font-weight:normal;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;}
h1                         {font-size:160%;}
h2                         {font-size:140%;}
h3                         {font-size:120%;}

@font-face                 {font-family:'entypo';src:url('fonts/entypo.eot?ac19je');src:url('fonts/entypo.eot?#iefixac19je') format('embedded-opentype'),url('fonts/entypo.woff?ac19je') format('woff'),url('fonts/entypo.ttf?ac19je') format('truetype'),url('fonts/entypo.svg?ac19je#entypo') format('svg');font-weight: normal;font-style: normal;}

/* ============================================================== base */
body                       {color:#444;background:#fcfaf3;-webkit-text-size-adjust:100%;}
a, a:link                  {color:#06c;}
a:visited                  {color:#05a;}
a:hover                    {color:#17c;}
em                         {color:#d24;}

/* ============================================================== frame */
.sct                       {}
.sct_first                 {padding-top:80px;}
.sct_page                  {background:#fff;}
.fx                        {max-width:1200px;margin:0 auto;padding:2em 1em;}

/* ============================================================== elements */
.sct_pnav .fx              {padding:2em 0.5em 0;font-size:80%;}
.sct_pnav ul               {text-align:center;}
.sct_pnav li               {display:inline-block;margin:0 0.8em;}
.sct_pnav li               {display:inline-block;margin:0 0.8em;}
.sct_pnav li a             {display:block;}
.sct_pnav li a:before      {font-family:'entypo';margin-right:0.5em;vertical-align:middle;}
.pnv_prof a:before         {content:"\e697";}
.pnv_accs a:before         {content:"\e612";}
.pnv_about a:before        {content:"\e672";}
.pnv_intv a:before         {content:"\e63e";}

.smll                      {font-size:75%;}
.sct h2                    {text-align:center;margin-bottom:1em;}
.sct h2 i                  {display:inline-block;}
.sct em                    {color:#399;}
.sct h3                    {margin-bottom:1em;}
.sct_hd                    {margin-bottom:2em;}
.sct_hd:before             {font-family:'entypo';margin-right:0.5em;vertical-align:middle;}
.sct_hd_intv:before        {content:"\e63e";}
.sct_hd_prof:before        {content:"\e697";}
.sct_hd_about:before       {content:"\e672";}
.sct_hd_accs:before        {content:"\e612";}

.sct .title                {color:#7EBEBA;text-align:center;margin-bottom:1em;}
.sct .title:before         {font-family:'entypo';display:inline-block;margin-right:0.5em;vertical-align:middle;}
.sct .title_contact:before {content:"\e604";}
.sct .title_about:before   {content:"\e672";}

.sct p                     {margin-bottom:1em;}
.sct p.nomargin,
.sct .nomargin             {margin-bottom:0;}
.sct .note                 {color:#489;font-size:80%;position:relative;padding-left:1.5em;}
.sct .note:before          {top:0.25em;left:0;content:"\e606";font-family:'entypo';position:absolute;}
.sct .outlnk:after         {color:#06c;content:"\e628";font-family:'entypo';margin-left:0.5em;}
.sct .img_ctr,
.sct .img_lft,
.sct .img_rgt              {text-align:center;}
.sct .img_ctr              {margin:0 auto;}

.sct .btns                 {margin-bottom:2em;}
.sct .btn, a.btn           {background-color:#999;color:#fff;padding:0 2em;line-height:2.4em;height:2.4em;display:inline-block;text-align:center;border:0 none;text-decoration:none;vertical-align:top;cursor:pointer;-webkit-appearance:none;}
.sct .btn:before           {font-family:'entypo';display:inline-block;margin-right:0.5em;vertical-align:top;}
.sct .btn.btn_posi         {background-color:#f60;}
.sct .btn.btn_mail:before  {content:"\e604";}
.sct .btn.btn_doc:before   {content:"\e697";}
.sct .btn.btn_tel:before   {content:"\e600";}

/* ============================================================== remodal */
.remodal-close             {left:auto;right:10px;top:10px;border-radius:50%;background:#ccc;color:#fff;transition:background-color 0.2s;}
.remodal-close:hover       {background:#999;color:#fff;}
.remodal-close:before      {content:"\e678";font-family:'entypo' !important;font-size:32px;}
.remodal-cancel            {background:#999;}
.remodal-cancel:hover      {background:#666;}
.remodal-contents ul            {margin:1em 0;}
.remodal-contents li a          {font-size:1.4em;background:#489;padding:1em;color:#fff;display:inline-block;text-align:center;transition:all 0.2s;}
.remodal-contents li a:hover    {opacity:0.75;}
.remodal-contents li a i        {font-size:60%;display:block;}
.remodal-contents li a:before   {content:"";display:inline-block;width:1.5em;height:1.5em;margin-right:0.5em;vertical-align:middle;background-image:url('./img/ico_exe.png');background-repeat:none;background-position:50% 50%;background-size:cover;}

/* ============================================================== header */
.h                         {position:fixed;top:0;background:rgba(252,250,243,0.99);color:#333;width:100%;z-index:999;}
.page .h                   {border-bottom:1px solid #7EBEBA;}
.h .fx                     {width:100%;display:table;margin:0 auto;padding:0;border-bottom:1px solid #ede9e3;}
.h .logo                   {display:table-cell;padding:10px;font-size:0;vertical-align:middle;}
.h .logo a                 {display:inline-block;}
.h .logo img               {height:20px;}
.h .mail,
.h .tel                    {font-size:14px;color:#7EBEBA;display:table-cell;text-align:center;vertical-align:middle;width:40px;border-left:1px solid #ede9e3;}
.h .mail:before,
.h .tel:before             {font-family:'entypo';vertical-align:middle;}
.h .mail:before            {content:"\e604";}
.h .tel:before             {content:"\e600";}
.h .mail i,
.h .tel i                  {display:none;}

.h nav ul                  {text-align:center;}
.h nav li                  {display:inline-block;}
.h nav li a                {color:#7EBEBA;display:block;font-size:14px;line-height:38px;padding:0 0.5em;}
.h nav li a:before         {font-family:'entypo';margin-right:0.5em;display:inline-block;vertical-align:middle;}
.h nav .home a:before      {content:"\e622";}
.h nav .about a:before     {content:"\e672";}
.h nav li .en              {display:none;}

.target                    {margin-top:-80px;position:absolute;width:0;height:0;}

/* ============================================================== footer */
.f                         {background:#ED9529;background:#97C128;padding-bottom:1em;}
.f nav                     {display:flex;margin-bottom:2em;}
.f nav ul                  {width:40%;}
.f nav ul:last-child       {width:60%;}
.f nav li                  {margin-bottom:0.5em;}
.f nav li a                {display:inline-block;font-size:88%;color:#fff;position:relative;padding-left:1.2em;line-height:1.5em;}
.f nav li a:before         {content:"\e6cc";font-family:'entypo';top:0;left:0;position:absolute;display:inline-block;margin-right:0.5em;vertical-align:middle;}

.f .ctct                   {text-align:center;background:#fff;padding:1em;border-radius:0.5em;margin-bottom:1em;}
.f .ctct .logo             {margin-bottom:1em;}
.f .ctct .tel,
.f .ctct .mail             {display:block;}
.f .ctct .mail             {background:#f90;color:#fff;line-height:3em;margin:0 auto 0.5em;max-width:360px;border-radius:0.5em;}
.f .ctct .mail:before      {content:"\e604";font-family:'entypo';vertical-align:middle;margin-right:0.5em;}
.f .ctct .tel i            {display:block;}
.f .ctct .tel i:first-child{font-size:140%;}
.f .ctct .tel i:first-child:before {color:#509BA9;content:"\e600";font-family:'entypo';vertical-align:middle;margin-right:0.5em;}

.f .copy                   {font-size:80%;color:#fff;text-align:center;}
#pagetop                   {width:40px;height:40px;line-height:40px;background:#489;color:#fff;text-align:center;position:fixed;z-index:999;right:10px;bottom:10px;cursor:pointer;border-radius:50%;display:none;}
#pagetop:before            {content:"\e6d7";font-family:'entypo';}
#pagetop i                 {display:none;}

/* ============================================================== index */
.main                      {position:relative;}
.main > i                  {display:block;text-align:center;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
.main > i:nth-child(1)     {padding:0 0 90px;background-image:url("./img/image1.jpg");}
.main > i:nth-child(2)     {padding:80px 0 10px;background-image:url("./img/image2.jpg");}
.main > i.image2b:nth-child(2)     {padding:80px 0 10px;background-image:url("./img/image2.jpg");}
.main > i.image2c:nth-child(2)     {padding:80px 0 10px;background-image:url("./img/image2c.jpg");}
.main > i.image2d:nth-child(2)     {padding:80px 0 10px;background-image:url("./img/image2d.jpg");}
.main > i img              {width:180px;}

.main .us                  {text-align:center;position:absolute;background:rgba(255,255,255,1);background:#fcfaf3;top:140px;left:50%;margin-left:-80px;width:160px;height:160px;padding:10px;border-radius:140px;}
.main .us:before           {content:"";display:block;margin:0 auto 5px;width:70px;height:70px;background-image:url("./img/man01.png");background-size:cover;background-repeat:no-repeat;}
.main .us p span           {display:block;font-size:12px;line-height:1.6em;}
.main .us p span:first-child i:first-child {margin-right:1em;}

.main .speakng             {color:#333;position:absolute;display:block;top:-10px;left:15px;font-size:60%;background:#fff;border-radius:20px;border:1px solid #ccc;padding:25px 15px;transition:padding 0.2s;}
.main .speakng i           {display:block;}
.main .speakng i:after     {opacity:0;content:"";display:block;width:70%;height:6px;bottom:25px;position:absolute;background:radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0) 75%);transition:all 0.5s;}
.main .speakng:before,
.main .speakng:after       {content:"";top:30px;width:0;height:0;border:10px solid transparent;border-right:0 none;position:absolute;}
.main .speakng:before      {right:-8px;border-left:8px solid #ccc;}
.main .speakng:after       {right:-7px;border-left:8px solid #fff;}
.main .speakng:hover       {padding:20px 15px 30px;}
.main .speakng:hover i:after     {opacity:1;}

.box_fltr                  {margin-bottom:1em;background:#fff;padding:1em 0 0.5em;border-radius:0.5em;border:1px solid #eee;box-shadow:0 0 4px rgba(0,0,0,0.2);}

.ls_fltr                   {text-align:center;margin-bottom:1em;}
.ls_fltr li                {display:inline-block;margin:0 0.5em 0.5em;}
.frm.ls_fltr input[type=radio]:checked + label:after     {background:#489;}

.ls_prd                  {display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;}
.ls_prd li               {width:100%;background:#fff;border:1px solid #cdc9c3;margin-bottom:0.5em;border-radius:0.5em;overflow:hidden;box-shadow:0 0 4px rgba(0,0,0,0.2);transition:opacity 0.2s;}
.ls_prd li.hiddn         {opacity:0.25 !important;}
.ls_prd li dd            {color:#888;font-size:80%;padding:1em;line-height:1.5;transition:color 0.2s;}
.ls_prd li dd i          {color:#7EBEBA;color:#509BA9;display:inline-block;margin-left:0.5em;}
.ls_prd li a:hover dd    {color:#111;}
.ls_prd .prd_yds dd      {border-top:2px solid #0066c7;}
.ls_prd .prd_yns dd      {border-top:2px solid #00953B;}
.ls_prd .prd_gcl dd      {border-top:2px solid #06328D;}
.ls_prd .prd_stt dd      {border-top:2px solid #8AB810;}
.ls_prd .prd_ugp dd      {border-top:2px solid #06199C;}
.ls_prd .prd_jzb dd      {border-top:2px solid #BA2984;}
.ls_prd .prd_yp1 dd      {border-top:2px solid #005FB4;}
.ls_prd .prd_usb dd      {border-top:2px solid #CFA40E;border-top:2px solid #C63932;}
.ls_prd .prd_raku dd     {border-top:2px solid #109FFF;}
.ls_prd .prd_data_cnv dd {border-top:2px solid #39BDC4;}
.ls_prd .prd_bugyo dd    {border-top:2px solid #831D64;}
.ls_prd .prd_pca dd      {border-top:2px solid #0059B2;}
.ls_prd .prd_daijin dd   {border-top:2px solid #00AEDD;}
.ls_prd .prd_y   dd      {border-top:2px solid #005FB4;}

.ls_prd .prd_wbanner dt  {padding:0.4em 0.5em 0.2em;border-bottom:1px solid #ccc;}
.ls_prd .prd_wbanner dd  {padding:0.5em 0.5em 0;}

/*
.products .prd_yds dd      {background:#0066c7;color:#fff;}
.products .prd_yns dd      {background:#00953B;color:#fff;}
*/

.s_lead                  {text-align:center;margin-bottom:1em;}

.ls_prd li.hiddn.dmy,
.ls_prd .dmy             {opacity:0;visibility:hidden;}

.news                      {background-color:#fff;border-top:1px solid #eee;}
.news h2:before            {color:#7EBEBA;content:"\e62f";font-family:'entypo';display:inline-block;margin-right:0.5em;vertical-align:middle;}
.news .fx                  {background-image:url("./img/bg_news.jpg");background-size:auto 200px;background-position:-80px 100%;background-repeat:no-repeat;}
.news dl                   {font-size:80%;line-height:1.5em;margin-left:80px;padding:0.5em 0;border-top:1px dashed #ccc;}
.news dl:last-child        {border-bottom:1px dashed #ccc;}
.news dt                   {color:#999;}
.news dt:before            {color:#ccc;content:"\e63f";font-family:'entypo';display:inline-block;margin-right:0.5em;}

/* ============================================================== about */
.about_lead              {background:#f9f9f9;}
.about_lead .fx          {padding-bottom:45%;background-position:50% 100%;background-repeat:no-repeat;background-image:url("./img/about_lead_bg.jpg");background-size:100% auto;}
.about_lead p            {font-size:88%;line-height:180%;padding:1em;}

.sct_profile               {}
.sct_profile .fx           {}
.sct_profile dl            {margin-bottom:1em;font-size:88%;}
.sct_profile dt            {border:1px solid #ccc;margin-bottom:0.5em;padding:0.2em 0.8em;border-radius:2em;}
.sct_profile dd            {margin-left:1em;}
.sct_profile dd i          {display:inline-block;}

.sct_about                 {background:#f9f9f9;}
.sct_about .ls_line        {margin-bottom:2em;}
.sct_about .ls_line li     {display:block;margin:0 0.5em 0.5em 0;position:relative;padding-left:1.25em;}
.sct_about .ls_line li:before       {top:0.25em;left:0;position:absolute;content:"\e6cc";font-family:'entypo';}
/*
.sct_about .ls_line li a:after       {color:#06c;content:"\e628";font-family:'entypo';margin-left:0.5em;}
*/
.about_1                   {margin-bottom:2em;}
.about_1 h3                {color:#509BA9;margin-bottom:0.5em;}
.about_1 h3:before         {content:"\e652";font-family:'entypo';margin-right:0.5em;vertical-align:middle;}
.about_1 h4                {margin:0 0 1em 0;padding-left:1.5em;position:relative;font-weight:normal;}
.about_1 h4:before,
.about_1 h4:after          {position:absolute;}
.about_1 h4:before         {top:6px;left:0;content:"";width:16px;height:16px;display:block;border:1px solid #ccc;background:#fff;}
.about_1 h4:after          {color:#509BA9;top:0;left:0;font-size:24px;content:"\e677";font-family:'entypo';}
.about_1 h4                {color:#111;margin:0 0 0.2em 0;}
.about_1 h4 + h4           {margin-top:1em;}
.about_1 ul                {color:#777;margin-bottom:1em;}
.about_1 li                {margin-left:1.5em;list-style:disc;}

.sct_access                {}
.sct_access .img_rgt       {overflow:hidden;border-radius:10px;margin-bottom:1em;}
.access_data               {margin:0 auto 2em;}
.ls_ico                    {font-size:88%;padding-left:50px;position:relative;margin-bottom:1em;}
.ls_ico li                 {margin-bottom:0.2em;}
.ls_ico li i               {display:inline-block;}
.ls_ico:before             {width:36px;height:36px;content:"";top:0;left:0;position:absolute;background-color:#ccc;background-repeat:no-repeat;background-position:50% 50%;background-size:50% 50%;border-radius:50%;}
.ico_address:before        {background-image:url("./img/ico_address.png");background-color:#999;}
.ico_transport:before      {background-image:url("./img/ico_transport.png");background-color:#489;}
.ico_notice:before         {background-image:url("./img/ico_notice.png");background-color:#cc0;}
.ico_transport             {color:#489;}

.map_frame                 {width:100%;height:350px;border:0 none;}

/* ============================================================== link_list */
.page_link .sct_page .fx   {max-width:960px;}
.ls_links dl               {margin-bottom:1em;padding-bottom:1em;border-bottom:1px dashed #ccc;}
.ls_links dl:last-child    {border-bottom:0 none;}
.ls_links dt a:after       {color:#06c;content:"\e628";font-family:'entypo';margin-left:0.5em;}
.ls_links dd               {font-size:80%;}

.link_tag                  {margin-bottom:1em;}
.link_tag textarea         {width:100%;height:6em;padding:1em;font-size:80%;line-height:1.5em;}

/* ============================================================== privacy */
.rule h3                   {margin-top:2em;font-weight:bold;font-size:100%;margin-bottom:0.5em;}
.rule p,
.rule ol                   {margin-bottom:1em;font-size:80%;}
.rule ol li                {margin-bottom:0.5em;list-style:lower-latin;margin-left:1em;}

/* ============================================================== contact */
.btns                      {text-align:center;}
.sct .btns                 {margin-bottom:2em;}

.frm                       {margin:0 auto;max-width:960px;}
.frm > p                   {margin-bottom:2em;}
.frm dl                    {margin-bottom:2em;}
.frm dt                    {color:#000;border-bottom:1px solid #999;margin-bottom:0.5em;}
.frm dt:after              {content:"必須";font-size:80%;margin-left:1em;color:#fff;background:#ccc;padding:0 0.5em;display:inline-block;vertical-align:top;}
.frm .opt:after            {content:"";display:none;}
.frm .note                 {font-size:80%;padding-left:1.6em;position:relative;}
.frm .note:before          {color:#999;content:"\e684";font-family:'entypo';position:absolute;display:block;top:0.1em;left:0;}
.frm .ErrorMessage         {margin-bottom:2em;}

.frm textarea,
.frm input[type=text]      {background:#fcfaf3;}
.frm textarea.on_focus,
.frm input.on_focus        {background:#fff;}

.frm input[type=radio]:checked + label:after        {background:#111;}
.frm input[type=checkbox]:checked + label:after     {border-color:#111;}
.frm input[type=text].input-zip,
.frm input[type=text].input-s {width:50%;}
.frm .note                 {margin-top:0.5em;}
.frm span + .note          {margin-top:0;}

.frm label.error           {display:block;}
.frm label.error:before    {content:"\25b2";}
.frm input[type=text].error,
.frm textarea.error        {border-color:#e21;background:#fdd;}

.page_contact .message .info  {margin-bottom:2em;}
.page_contact .frm .btns .btn {font-size:100%;transition:opacity 0.2s;}
.page_contact .frm .btns .btn:hover {opacity:0.8;}

#policy                    {margin-top:1em;position:relative;background:#f3f3f3;display:none;}
#policy .rule              {padding:1em 1em 0;}
.block_shadow              {overflow:hidden;position:absolute;width:100%;height:16px;margin-top:0;}
.block_shadow:before       {content:" ";display:block;position:absolute;z-index:0;top:-16px;left:0;width:100%;height:16px;border-radius:50%;box-shadow:0 0 6px 6px rgba(0,0,0,0.2);}
#policy .btns              {padding-bottom:2em;}

.frm .btn_next:disabled,
.frm .btn_next:disabled:hover  {background:#ccc;cursor:default;border:0 none;color:#fff;}

/* ============================================================== media query */
@media screen and (min-width: 480px){
	.ls_prd li               {width:49%;}
	.ls_prd .dmy2            {display:block;}
}
@media screen and (min-width: 760px){
	.sct_first                 {padding-top:90px;}

	/* ------------------------ elements */
	.sct .img_lft              {float:left;width:25%;text-align:left;margin-right:1em;}
	.sct .img_rgt              {float:right;width:25%;text-align:right;margin-left:1em;}

	/* ------------------------ header */
	.h .logo img               {height:30px;}
	.h .fx:last-child          {border-bottom:0 none;}
	.h .mail                   {width:140px;}
	.h .mail i:first-child     {display:inline-block;}
	.h .mail:before            {margin-right:1em;}
	.h .tel                    {width:160px;position:relative;}
	.h .tel i                  {display:inline-block;}
	.h .tel:before             {margin-right:1em;}
	.h .tel i:first-child      {color:#111;}
	.h .tel i:last-child       {display:none;}

	.target                    {margin-top:-90px;}

	/* ------------------------ footer */
	.f nav                     {float:left;width:66%;}
	.f nav ul                  {width:200px;}
	.f .ctct                   {float:right;width:33%;}
	.f .copy                   {clear:both;}

	/* ------------------------ index */
	.main                      {height:320px;}
	.main > i                  {width:49.5%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;}
	.main > i:nth-child(1)     {float:left;border-radius:0 1em 1em 0;padding:0;}
	.main > i:nth-child(2)     {float:right;border-radius:1em 0 0 1em;padding:0;}
	.main > i:nth-child(1) img {margin-right:100px;}
	.main > i:nth-child(2) img {margin-left:100px;}
	.main > i img              {width:240px;position:relative;z-index:3;}
	.main .us                  {top:50%;margin-top:-120px;}
	.main .us                  {width:240px;height:240px;margin-left:-120px;}
	.main .us:before           {width:100px;height:100px;margin-bottom:10px;margin-top:10px;}
	.main .us p i              {display:block;font-size:20px;line-height:26px;}
	.main .us p span:first-child i:first-child {margin-right:0;}

	.main .speakng             {top:10px;left:-15px;}
	.main .speakng:before,
	.main .speakng:after       {top:20px;}

	.ls_prd li                 {width:32%;margin-bottom:0.75em;}
	.ls_prd .dmy2              {display:none;}
	.ls_prd .dmy3              {display:block;}

	.news .fx                  {background-size:auto 240px;background-position:0 100%;}
	.news dl                   {margin-left:240px;}

	/* ------------------------ about */
	.about_lead .fx            {padding-bottom:2em;background-size:40% auto;background-position:0 100%;}
	.about_lead p              {margin-left:50%;display:block;}
	.about_lead p i            {display:block;}

	.sct_profile dl:after      {clear:both;content:"";display:block;height:0;font-size:0;}
	.sct_profile dt            {float:left;width:25%;}
	.sct_profile dd            {float:right;width:70%;margin:0;padding-top:0.3em;}

	.sct_about .ls_line li     {display:inline-block;}

}
@media screen and (min-width: 960px){
	body                       {font-size:18px;font-size:1.8rem;}

	/* ------------------------ index */
	.main > i:nth-child(1) img {margin-right:50px;}
	.main > i:nth-child(2) img {margin-left:50px;}
	.main > i:before           {width:50%;}

	/* ------------------------ footer */
	.f nav ul                  {width:240px;}
	.f .copy                   {padding:2em 0;}
	#pagetop                   {width:60px;height:60px;line-height:60px;right:20px;bottom:20px;}

	/* ------------------------ about */
	.sct_profile .fx           {background-image:url("./img/about_profile.jpg");background-repeat:no-repeat;background-position:100% 100%;background-size:50% auto;}
	.ico_address               {float:left;width:45%;}
	.ico_transport             {float:right;width:45%;}
	.ico_notice                {clear:both;}

	.about_lead p              {font-size:100%;}

	/* ------------------------ contact */
	.frm dl                    {display:flex;margin-bottom:0;}
	.frm dt                    {width:13em;border:0 none;}
	.frm dt span i             {display:block;}
	.frm dd                    {flex:1;border-left:1px solid #ccc;padding:0 0 2em 2em;}
	.frm .btns                 {margin-top:2em;}

	.page_contact .sct_page .fx {min-height:600px;}

	/* ------------------------ privacy */
	.ls_links,
	.page_privacy .rule        {max-width:960px;margin:0 auto;background:#fcfaf3;padding:2em;border:1px solid #ddd;border-radius:0.5em;}


}
@media screen and (min-width: 1160px){
	.fx                        {padding:3em 1em;}
	.sct_first                 {padding-top:80px;}
	.sct h2                    {margin-bottom:2em;}


	/* ------------------------ elements */
	.sct_pnav .fx              {font-size:100%;}
	.sct .img_lft,
	.sct .img_rgt              {width:34%;}

	.h_mini .sct_pnav          {position:fixed;bottom:20px;right:50px;background:rgba(255,255,255,0.75);padding:15px 42px 16px 16px;z-index:10;border:1px solid #488;border-radius:50px 0 0 50px;}
	.h_mini .sct_pnav .fx      {padding:0;}

	/* ------------------------ header */
	.h .mail,
	.h .tel,
	.h nav li a                {font-size:16px;}

	.h                         {padding:10px 0;}
	.h .logo img               {height:40px;}
	.h .fx                     {border:0 none;}
	.h .mail,
	.h .tel                    {border-left:0 none;}
	.h .mail:before,
	.h .tel:before             {margin-right:0.5em;}

	.h .mail i:last-child      {display:block;font-size:72%;color:#ccc;}
	.h .tel                    {width:180px;}
	.h .tel i:first-child      {font-size:1.2em;line-height:0.9em;}
	.h .tel i:last-child       {display:block;font-size:72%;padding-left:2em;}

	.h .fx:last-child          {position:relative;}
	.h .fx:last-child ul       {position:absolute;top:-48px;right:330px;}
	.h .fx:last-child li       {margin:0 0.5em;}

	.h nav li a                {line-height:1.25em;}
	.h nav li .en              {display:block;font-size:72%;padding-left:2em;color:#ccc;}

	.h .mail i:first-child,
	.h nav li a i:first-child  {transition:color 0.2s;}
	.h .mail:hover i:first-child,
	.h nav li a:hover i:first-child  {color:#3D7681;}

	.h_mini .h                 {box-shadow:0 2px 5px rgba(0,0,0,0.2);}

/*
	.target                    {margin-top:-80px;}
*/
	.target                    {margin-top:-140px;}
	.h_mini .target            {margin-top:-80px;}

	/* ------------------------ footer */
	.f                         {padding-bottom:0;}
	.f .fx                     {padding:3em 1em 1em;}

	/* ------------------------ index */
	.main .speakng             {top:15px;left:-25px;}

	.ls_prd li                 {width:24%;}
	.ls_prd .dmy2,
	.ls_prd .dmy3              {display:none;}
	.ls_prd .dmy4              {display:block;}

	.news .fx                  {background-size:auto 360px;min-height:400px;}
	.news dl                   {margin-left:360px;}

}

/* ============================================================== 2017-10-24 add index tape banner */
.sct.products .fx       {position:relative;}
.tape_link              {position:absolute;top:-1.2em;left:calc(50% - 8em);z-index:10;width:16em;}
.tape_link a            {background:#e81;color:#fff;text-align:center;white-space:nowrap;line-height:3em;border-radius:5px;display:block;transition:0.2s;box-shadow:0 0 4px rgba(0,0,0,0.3);}
.tape_link a:hover      {background:#f92;}
.tape_link:after        {content:"";background:rgba(255,255,255,0.4);border-left:2px dotted rgba(0,0,0,0.1);border-right:2px dotted rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.2);width:85px;height:28px;position:absolute;top:-15px;left:36%;-webkit-transform:rotate(-5deg);}

/* ============================================================== 2018-04-17 add index tape banner */
.tape_link2              {position:relative;z-index:10;width:100%;margin-bottom:1em;}
.tape_link2 a            {background:#e81;color:#fff;text-align:center;display:block;transition:0.2s;padding:0.5em;margin-top:-1em;}
.tape_link2 a:hover      {background:#f92;}
.tape_link2 a i          {display:inline-block;}

@media screen and (min-width: 760px){
	.tape_link2              {top:-1.2em;left:calc(50% - 11em);width:22em;}
	.tape_link2 a            {border-radius:5px;box-shadow:0 0 4px rgba(0,0,0,0.3);margin-top:-2.6em;}
	.tape_link2:after        {content:"";background:rgba(255,255,255,0.4);border-left:2px dotted rgba(0,0,0,0.1);border-right:2px dotted rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.2);width:85px;height:28px;position:absolute;top:-15px;left:36%;-webkit-transform:rotate(-5deg);}
}

/* ============================================================== 2018-10-02 add index tape banner */
.tapes              {z-index:10;width:100%;margin-bottom:1em;margin-top:-1em;}
.tapes li           {margin-bottom:0.5em;}
.tapes a            {position:relative;background:#e81;color:#fff;text-align:center;display:block;transition:0.2s;padding:0.5em;}
.tapes a:hover      {background:#f92;}
.tapes a i          {display:inline-block;}
.tapes_green a      {background:#4DB87A;color:#fff;}
.tapes_green a:hover{background:#5c8;}

@media screen and (min-width: 760px){
	.tapes              {display:flex;justify-content:space-between;}
	.tapes li           {margin-top:-2em;}
	.tapes li:nth-of-type(1){width:50%;}
	.tapes li:nth-of-type(2){width:50%;}
	.tapes a            {width:21em;border-radius:5px;box-shadow:0 0 4px rgba(0,0,0,0.3);margin:0 auto;}
	.tapes a:after      {content:"";background:rgba(255,255,255,0.4);border-left:2px dotted rgba(0,0,0,0.1);border-right:2px dotted rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.2);width:85px;height:28px;position:absolute;top:-15px;left:36%;-webkit-transform:rotate(-5deg);}
}
@media screen and (min-width: 960px){
}
@media screen and (min-width: 1160px){
	.tapes              {margin-top:-2em;}
}

/* ============================================================== 2021-06-18 kv mod */
.sct_kv {
	background: #AAD539;
}
.sct_kv .fx {
	padding: 1em;
	max-width: 1000px;
	background-repeat: no-repeat;
	background-image: url("./img/kv_bg.jpg");
	background-size: auto calc(100% - 3em);
	background-position: 100% 0;
}
p.kv_txt {
	margin: 0.5em 0 0;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}
.kv_txt i {
	display: inline-block;
}
.kv_us {
	font-size: 4vw;
	text-align: center;
	position: relative;
	background: rgba(255,255,255,1);
	background: #fcfaf3;
	width: 8em;
	height: 8em;
	padding: 0.3em 0.5em 0.5em;
	border-radius: 50%;
}
.kv_us:before {
	content: "";
	display: block;
	margin: 0 auto;
	width: 4em;
	height: 4em;
	background-image: url("./img/man01.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.kv_us p span {
	display: block;
	font-size: 75%;
	line-height: 1.4em;
}
.kv_us p span i {
	display: inline-block;
}
@media screen and (min-width: 760px){
	p.kv_txt {
		font-size: 115%;
	}
}
@media screen and (min-width: 760px){
	.sct_kv .fx {
		background-size: auto calc(100% - 0.5em);
		background-size: auto 100%;
	}
	.kv_set {
		display: flex;
		align-items: center;
	}
	p.kv_txt {
		flex: 1;
		margin-left: 5%;
		padding-right: 28%;
		font-size: 130%;
	}
	.kv_txt i {
	}
	.kv_us {
		font-size: 130%;
	}
}

@media screen and (min-width: 760px){
	.sct.products .fx       {padding: 0 1em 2em;}
	.tape_link2              {top:-1em;}
	.tape_link2 a            {margin-top:0;}
	.tape_link2              {margin-bottom:0;}
	.tapes                   {margin-bottom:0.5em;}
}

/* ============================================================== 2021-09-09 add index banner */
.banners              {width:100%;max-width:800px;margin:-0.5em auto 1em;}
.banners li           {margin-bottom:0.5em;}
.banners a            {position:relative;background:#39c;color:#fff;text-align:center;display:block;transition:0.2s;padding:0.5em;}
.banners a:hover      {background:#5be;}
.banners a i          {display:inline-block;}
.banners_green a      {background:#4DB87A;color:#fff;}
.banners_green a:hover{background:#5c8;}
@media screen and (min-width: 760px){
	.banners              {display: flex;justify-content:space-between;margin-top: -0.8em;}
	.banners li           {width: 49%;}
	.banners li a         {padding: 0.8em 1.8em;border-radius:5px;box-shadow:0 0 4px rgba(0,0,0,0.3);height:100%;display:flex;align-items:center;}
	.banners a:after      {content:"";background:rgba(255,255,255,0.4);border-left:2px dotted rgba(0,0,0,0.1);border-right:2px dotted rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.2);width:85px;height:28px;position:absolute;top:-15px;left:36%;-webkit-transform:rotate(-5deg);}
	.banners li a  span   {display: block;width:100%;text-align:center;}
}

.sct h2.idx_catch {
	margin-bottom: 1em;
}

/* ============================================================== 2021-10-11 add index banner */
.sct_kv {
	margin-bottom: 0.5em;
}
.products .fx {
	padding-top: 0;
}
.sct_inf .fx {
	padding: 0 1em;
}
@media screen and (min-width: 1000px){
	.sct_inf .fx {
		padding: 0 1em 0.5em;
	}
}

.inf_bnrs              {width:100%;margin: 0 auto;}
.inf_bnrs li           {margin-bottom:0.5em;}
.inf_bnrs a            {position:relative;background:#e81;color:#fff;text-align:center;display:block;transition:0.2s;padding:0.5em;}
.inf_bnrs a:hover      {background:#f92;}
.inf_bnrs a i          {display:inline-block;}
.inf_bnrs_green a      {background:#4DB87A;color:#fff;}
.inf_bnrs_green a:hover{background:#5c8;}
.inf_bnrs_blue a      {background:#39c;color:#fff;}
.inf_bnrs_blue a:hover{background:#5be;}
@media screen and (min-width: 1000px){
	.inf_bnrs              {display: flex;justify-content:center;}
	.inf_bnrs li           {margin:-2em 0.5em 0;}
	.inf_bnrs_3            {justify-content:space-between;}
	.inf_bnrs_3 li         {width: calc((100% - 1em) / 3);margin:-2em 0 0;}

	.inf_bnrs li a         {padding: 0.8em 1.8em;border-radius:5px;box-shadow:0 0 4px rgba(0,0,0,0.3);height:100%;display:flex;align-items:center;}
	.inf_bnrs a:after      {content:"";background:rgba(255,255,255,0.4);border-left:2px dotted rgba(0,0,0,0.1);border-right:2px dotted rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.2);width:85px;height:28px;position:absolute;top:-15px;left:36%;-webkit-transform:rotate(-5deg);}
	.inf_bnrs li a  span   {display: block;width:100%;text-align:center;}
}

.sct h2.idx_catch {
	margin-bottom: 1em;
}