@charset "UTF-8";

html {-webkit-text-size-adjust: 100%; }

body{
color: #333;
line-height: 1.75;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica ,"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
*, *:before, *:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

*{ margin: 0; padding: 0; }
h1,h2,h3,h4,h5{ font-size: 100%; font-weight: normal; }
ul, ol{ list-style-type: none; }
img{ vertical-align: bottom; }
address{ font-style: normal; }
section{ display: block;}

a{ color: #605d5f; }
a img,:link img,:visited img { border: none; }
a,
a::before,
a::after{
-webkit-transition: all .3s;
transition: all .3s;
}

.pkg:after, #container:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.pkg, #container { display: inline-block; }
/* no ie mac \*/
* html .pkg, * html #container { height: 1%; }
.pkg, #container { display: block; }
/* */

* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight:bold}


/* ========== BUTTON ========== */
.btnGreen a{
display: inline-block;
background: #33b06f;
color: #fff;
text-decoration: none;
}
.btnGreen a:after{
font-family: 'icomoon';
content: "\e907";
font-size: 80%;
margin-left: .5em;
}
.btnGreen a:hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

/* ========== PAGETOP ========== */
p#pagetop{
text-align: center;
}
p#pagetop a{
display: block;
background: #502948;
}

/* ========== FLOW ========== */
#flow{
background: #f0f0f0;
border-top: 1px solid #fbfbfb;
padding: .2em 1em;
padding-bottom: .2em;
color: #999;
}
#flow ol li{
display: inline;
font-size: .8em;
}
#flow ol li:before{
content: "\e907";
font-family: 'icomoon';
font-size: 70%;
margin: 0 .5em;
}
#flow ol li:first-child:before{
content: '';
margin-left: -.4em;
}
#flow ol li a{
color: #323232;
text-decoration: none;
}


/* ========== web fonts ========== */
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot?pf5mcv');
src:url('../fonts/icomoon.eot?pf5mcv#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?pf5mcv') format('truetype'),
url('../fonts/icomoon.woff?pf5mcv') format('woff'),
url('../fonts/icomoon.svg?pf5mcv#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-freedial:before {
content: "\e900";
}
.icon-arrow1:before {
content: "\e901";
}
.icon-arrow2:before {
content: "\e902";
}
.icon-arrow3_down:before {
content: "\e903";
}
.icon-arrow3_up:before {
content: "\e904";
}
.icon-arrow3:before {
content: "\e905";
}
.icon-arrow4:before {
content: "\e906";
}
.icon-arrow5-1:before {
content: "\e907";
}
.icon-arrow5-2:before {
content: "\e908";
}
.icon-arrow5-down:before {
content: "\e909";
}
.icon-arrow5-up:before {
content: "\e90a";
}
.icon-arrow6_down:before {
content: "\e90b";
}
.icon-arrow6_up:before {
content: "\e90c";
}
.icon-blank:before {
content: "\e90d";
}
.icon-border:before {
content: "\e90e";
}
.icon-border2:before {
content: "\e90f";
}
.icon-border3:before {
content: "\e910";
}
.icon-dot:before {
content: "\e911";
}
.icon-download1:before {
content: "\e912";
}
.icon-download2:before {
content: "\e913";
}
.icon-key1:before {
content: "\e914";
}
.icon-key2:before {
content: "\e915";
}
.icon-key3:before {
content: "\e916";
}
.icon-mail1:before {
content: "\e917";
}
.icon-mail2:before {
content: "\e918";
}
.icon-mail3:before {
content: "\e919";
}
.icon-pdf:before {
content: "\e91a";
}
.icon-tel1:before {
content: "\e91b";
}
.icon-tel2:before {
content: "\e91c";
}



/* ========== Editable ========== */
.editable .alignnone {
margin: 5px 20px 20px 0;
}

.editable .aligncenter,
.editable div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}

.editable .alignright {
float:right;
margin: 5px 0 20px 20px;
}

.editable .alignleft {
float: left;
margin: 5px 20px 20px 0;
}

.editable a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}

.editable a img.alignnone {
margin: 5px 20px 20px 0;
}

.editable a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}

.editable a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}

.editable .wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}

.editable .wp-caption.alignnone {
margin: 5px 20px 20px 0;
}

.editable .wp-caption.alignleft {
margin: 5px 20px 20px 0;
}

.editable .wp-caption.alignright {
margin: 5px 0 20px 20px;
}

.editable .wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}

.editable .wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}