@charset "utf-8";

html, body                 {width:100%;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body                       {-webkit-text-size-adjust:100%;}
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,
article, aside, canvas, figure,
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;}
img                        {border:0 none;vertical-align:top;max-width:100%;height:auto;}
em                         {font-style:normal;font-weight:bold;}
nav ul, nav li             {list-style:none;}
.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: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
h1, h2, h3                 {line-height:140%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
h1                         {font-size:200%;}
h2                         {font-size:160%;}
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:#333;background:#fff;line-height:160%;}
a                          {color:#18e;text-decoration:none;}
a:visited                  {color:#07d;}
a:hover                    {color:#29f;}
a > img                    {-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:0.2s;}
a > img:hover              {opacity:0.8;}
em                         {}
table                      {border-collapse:collapse;}
:placeholder-shown         {color:#ccc;opacity:1;}
::-webkit-input-placeholder{color:#ccc;opacity:1;}
::-moz-placeholder         {color:#ccc;opacity:1;}
::-ms-input-placeholder    {color:#ccc;opacity:1;}
input[type="submit"],
input[type="button"]       {border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;border:none;box-sizing:border-box;cursor:pointer;}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {display:none;}
input[type="submit"]::focus,
input[type="button"]::focus {outline-offset: -2px;}

/* ============================================================== elements */
body                       {}
.clrfx:after,
.fx:after                  {clear:both;display:block;content:"";height:0;font-size:0;}
.fx                        {max-width:1000px;margin:0 auto;}
.fx.fx2                    {max-width:800px;}
.sct                       {background:#fff;}
.sct .fx                   {padding:1em;}
.sct h2                    {margin-bottom:1em;}
.sct p,
.sct ul                    {margin-bottom:1em;}
.sct li                    {margin-left:1.5em;list-style:disc;margin-bottom:0.3em;}
.ctr                       {text-align:center;margin-bottom:1em;}
.no-br                     {display:none;}
@media screen and (min-width: 1000px){
	.no-br                     {display:inline;}
}

/* ============================================================== header */
body:before                {content:"";display:block;font-size:0;height:9rem;width:1px;}
.h                         {background:#4DB87A;color:#fff;position:fixed;top:0;width:100%;z-index:9999;box-shadow:0 0 10px rgba(0,0,0,0.3);}
/*
.h                         {background:#18e;color:#fff;}
*/
.h .fx                     {padding:1em;}
.h_logo                    {font-size:100%;}
.h_logo a                  {display:inline-block;color:#fff;}
.h_logo span               {display:block;line-height:150%;}
.h_logo span:nth-of-type(1){font-size:120%;}
.h_logo span em            {display:inline-block;margin-left:0.5em;border-bottom:3px double #fff;}

/* ============================================================== flow */
.flow                      {padding-top:1em;margin-bottom:0.5em;}
.flow ul                   {font-size:87.5%;text-align:center;}
.flow li                   {display:inline-block;vertical-align:middle;padding-right:0.2em;}
.flow li:after             {content:"";display:inline-block;border:5px solid transparent;border-left:10px solid #ccc;vertical-align:middle;margin-left:0.7em;}
.flow li:last-child        {padding-right:0;}
.flow li:last-child:after  {display:none;}
.flow li span              {padding:0.5em;border:1px solid #ccc;border-radius:5px;display:inline-block;vertical-align:middle;}
.flow .crt span            {font-size:120%;font-weight:bold;border:2px solid #666;}

/* ============================================================== footer */

.f                         {border-top:1px solid #ddd;}
.f .fx                     {text-align:center;background:#fff;padding:1em;border-radius:0.5em;margin:0 auto;max-width:360px;}
.f .fx .logo               {margin:0 auto 1em;}
.f .fx a                   {color:#111;}
.f .fx .logo a             {font-weight:bold;}
.f .fx .tel,
.f .fx .mail               {display:block;}
.f .fx .mail               {background:#4DB87A;color:#fff;line-height:3em;margin:0 auto 0.5em;border-radius:0.5em;}
.f .fx .mail:before        {content:"\e604";font-family:'entypo';vertical-align:middle;margin-right:0.5em;}
.f .fx .mail:hover         {background:#5c8;}
.f .fx .tel i              {color:#111;display:block;}
.f .fx .tel i:first-child  {font-size:140%;}
.f .fx .tel i:first-child:before {color:#4DB87A;content:"\e600";font-family:'entypo';vertical-align:middle;margin-right:0.5em;}
.f .fx .copy               {font-size:75%;margin-top:0.5em;}

.ptop                      {background:#999;color:#fff;width:50px;height:50px;line-height:50px;text-align:center;position:fixed;z-index:99;right:10px;bottom:10px;cursor:pointer;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.2);transition:0.2s;opacity:0;}
.ptop:before               {content:"\e6d7";font-family:'entypo';}
.ptop i                    {display:none;}
.ptop.appear               {display:block;opacity:1;}

/* ============================================================== media query */
@media screen and (min-width:768px){

	/* ----------------------- elements */
	.sct .fx                   {padding:2em 1em;}

	/* ----------------------- header */
	body:before                {height:9rem;}
	.h                         {}
	.h_logo                    {font-size:120%;}
	.h_logo span               {display:inline-block;}
	.h_logo span i             {display:inline-block;margin-right:0.2em;}
	.h_logo span:nth-of-type(1){font-size:140%;vertical-align:middle;margin-right:0.5em;}

	/* ----------------------- footer */
	.f .fx                     {padding:2em 1em;}

}
@media screen and (min-width:1000px){

}