@charset "UTF-8";
/*
Theme Name: ocean-temp_v003_20160328update
Author: crosswish
Author URI: http://crosswish.com/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
html {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
q, blockquote {
    quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none;
}
a img {
    border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
}
/*===================================================
	common style
===================================================*/
body {
    margin: 0;
    padding: 0;
    font-size: 100%;
    background: transparent;
    line-height: 1.7;
    font-family: メイリオ, Meiryo, Verdana, Arial, sans-serif;
    color: #000;
    min-width: 980px;
}
a:link, a:active, a:visited, a:hover {
    color: #005298;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
img {
    vertical-align: bottom;
}
strong {
    font-weight: bold;
}
.red {
    color: #ff0000;
}
.clear {
    clear: both;
}
.clear hr {
    display: none;
}
/* framework
-----------------------------------*/
.inner {
    *zoom: 1;
    width: 950px;
    margin: 0 auto;
    text-align: left;
}
.inner:after {
    content: "";
    display: table;
    clear: both;
}
/*#contents #contents-inner { 
    *zoom: 1; 
    width: 950px; 
    margin: 0 auto 0 162px;
    padding: 0 0 60px;
    overflow:hidden;
    float: left;
    }*/
#contents:after {
    content: "";
    display: table;
    clear: both;
}
-----------------------------------*/ .clearFix {
    display: inline-table;
}
.clearFix:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
    font-size: 0.1em;
    content: ".";
}
/* Hides from IE-mac \*/ * html .clearFix {
    height: 1%;
}
*:first-child + html .clearFix {
    height: 1%;
}
.clearFix {
    display: block;
}
/* End hide from IE-mac */
.clear {
    clear: both;
    height: 0px;
    line-height: 0px;
}
.clear hr {
    display: none;
    height: 0px;
}
/****************** Page Layout *******************/
body {
    text-align: center;
}
a:link {
    color: #0088f1;
}
a:hover {
    color: #0088f1;
    text-decoration: underline;
}
img.img-left {
    float: left;
    margin: 0 15px 20px 0;
}
.red {
    color: #ff3030;
}
.orange {
    color: #ff7930;
}
.small {
    font-size: 80%;
}
.section-10 {
    margin-bottom: 10px;
}
.section-20 {
    margin-bottom: 20px;
}
.section-30 {
    margin-bottom: 30px;
}
/*---------- header ----------*/
#header {
    text-align: center;
}
#header .inner {
    background: #ffffff;
    margin: 0 auto;
    width: 950px;
    text-align: left;
    /*border-left:1px solid #cccccc; border-right:1px solid #cccccc;*/
}
#header .inner ul.header-menu {
    margin: 0;
    width: 257px;
    list-style: none;
    font-size: 80%;
    float: right;
}
#header .inner ul.header-menu li {
    float: left;
    text-align: center;
}
#header .info {
    padding: 0 15px 0 10px;
}
#header .info .logo-box {
    width: 613px;
    float: left;
}
#header .info .logo-box img.logo {
    margin-top: 10px;
}
#header .info .logo-box p#disc {
    font-size: 110%;
    margin: 4px 0;
}
#header .info .logo-box p#disc strong {
    color: #ff0000;
}
#header .info .logo-box2 {
    width: 75px;
    float: left;
    padding-top: 10px;
}
#header .info .right-box {
    float: right;
    font-size: 90%;
}
#header .info .right-box p {
    text-align: left;
    clear: both;
    line-height: 1.1;
    margin-top: 8px;
}
#header .info img.tel {
    float: right;
    margin: 0px;
}
#header-top {
    margin: 0 auto;
    background-color: #ff8217;
}
#header-top-inner {
    width: 950px;
    margin: 0 auto;
    text-align: center;
}
#header #header-top-inner p {
    display: block;
    float: none;
    width: 100%;
    padding: 3px;
    margin: 0;
    text-align: center;
    color: #000000;
    font-size: 84%;
}
/*---------- main-menu ----------*/
#header #mainNav {
    text-align: center;
    font-size: 80%;
}
#header #mainNav {
    background: #c8eea1;
    border-top: 2px solid #c9c9c9;
}
#header #mainNav ul {
    width: 950px;
    margin: 0 auto;
    padding: 2px 0;
}
#header #mainNav ul li {
    padding: 0 20px;
    list-style-type: none;
    display: inline-block;
    font-weight: bold;
}
#header #mainNav ul li:first-child {
    border-left: none;
}
#header #mainNav ul li a {
    color: #000000;
    text-decoration: none;
}
#header #mainNav ul li a:hover {
    color: #ffffff;
    text-decoration: underline;
}
/*---------- topImage ----------*/
#topImage {
    background: #ffffff url(images/top.jpg) no-repeat center top;
    /*	height: 325px; */
    /*	min-height: 325px; */
    padding: 0 0 35px;
    margin-bottom: 10px;
    height: 380px;
}
#topImage_innner {
    width: 950px;
    /*	margin:0 auto; */
    margin: 0 auto 0 160px;
    float: left;
}
#topImage div#topNavi1 {
    margin: 0;
    padding: 10px 0 0 0;
    clear: both;
}
#topImage div#topNavi1 ul {
    margin: 3px 0 -5px -7px;
    font-size: 0;
}
#topImage div#topNavi1 ul li {
    list-style: none;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    margin: 0 0 3px 5px;
}
#topImage div#topNavi1 ul li img {
    vertical-align: bottom;
}
#topImage .topNavi3 h2, #topImage .topNavi4 h2, #topImage .topNavi5 h2, {
    font-size: 130%;
    font-color: #ffffff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
    text-align: left;
    padding: 0 0 0 7px;
}
#topImage .topNavi3 h2 {
    background: #ddb436;
}
#topImage .topNavi4 h2 {
    background: #91c416;
}
#topImage .topNavi5 h2 {
    background: #de827d;
}
#topImage div.topNavi2 {
    height: 180px;
}
#topImage div.topNavi2 ul {
    width: 180px;
    padding-top: 14px;
    margin-left: 8px; 
}
#topImage div.topNavi2 ul li {
    list-style: none;
    padding: 0;
}
#topImage div.topNavi2 ul li:not(:first-child){
    margin-top: 4px;
}
#topImage p {
    padding: 0 2px 0 0;
    float: right;
    width: 750px;
    text-align: left;
}
#topImage div.caution {
    padding: 5px 0 0 0;
    float: right;
    width: 100%;
    text-align: right;
    font-size: 80%;
}
#topImage div.topNavi3 {
    /*margin-left:12px;*/
    margin-left: 12px;
    margin-right: 0px;
    /*width:550px;*/
    width: 550px;
    float: left;
}
#topImage div.topNavi3 ul {
    margin: 0 -13px 0 0;
    padding: 0;
}
#topImage div.topNavi3 ul li {
    list-style: none;
    margin: 4px 10px 0 0;
    padding: 0;
    width: 175px;
    float: left;
    line-height: 52px;
    text-align: left;
    padding-left: 15px;
    width: 161px;
    height: 52px;
    font-size: 17px;
}
#topImage div.topNavi3 ul li a {
    width: 145px;
    height: 52px;
    padding-left: 35px;
    display: block;
    color: #000;
    font-weight: normal;
    text-shadow: 1px 1px 3px #fff;
}
#topImage div.topNavi3 ul li a:hover {
    text-shadow: none;
    text-decoration: none;
}
#topImage div.topNavi3 ul li.btn01 {
    background: url(images/btn_top01.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn01:hover {
    background: url(images/btn_top01_on.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn02 {
    background: url(images/btn_top02.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn02:hover {
    background: url(images/btn_top02_on.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn03 {
    background: url(images/btn_top03.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn03:hover {
    background: url(images/btn_top03_on.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn04 {
    background: url(images/btn_top04.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn04:hover {
    background: url(images/btn_top04_on.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn05 {
    background: url(images/btn_top05.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn05:hover {
    background: url(images/btn_top05_on.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn06 {
    background: url(images/btn_top06.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn06:hover {
    background: url(images/btn_top06_on.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn07 {
    background: url(images/btn_top07.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn07:hover {
    background: url(images/btn_top07_on.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn08 {
    background: url(images/btn_top08.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn08:hover {
    background: url(images/btn_top08_on.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn09 {
    background: url(images/btn_top9.png) no-repeat;
}
#topImage div.topNavi3 ul li.btn09:hover {
    background: url(images/btn_top9_on.png) no-repeat;
}
#topImage div.topNavi2 ul li.btnBlue a:hover, #topImage div.topNavi3 ul li.btnBlue a:hover, #topImage div.topNavi4 ul li.btnBlue a:hover {
    color: #000000;
}
#topImage div.topNavi3 ul li img {
    vertical-align: bottom;
}
#topImage div.topNavi4 {
    margin-left: 10px;
    width: 175px;
    float: left;
}
#topImage div.topNavi4 ul {
    margin: 0 -13px 0 0;
    padding: 0;
}
#topImage div.topNavi4 ul li {
    list-style: none;
    /*margin:4px 8px 0 0;*/
    margin: 4px 10px 0 0;
    padding: 0;
    width: 175px;
    float: left;
    line-height: 52px;
    text-align: left;
    padding-left: 15px;
    width: 161px;
    height: 52px;
    font-size: 17px;
}
#topImage div.topNavi4 ul li a {
    width: 145px;
    height: 52px;
    padding-left: 35px;
    display: block;
    color: #000;
    font-weight: normal;
    text-shadow: 1px 1px 3px #fff;
}
#topImage div.topNavi4 ul li a:hover {
    text-shadow: none;
    text-decoration: none;
}
#topImage div.topNavi4 ul li.btn10 {
    background: url(images/btn_top10.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn10:hover {
    background: url(images/btn_top10_on.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn11 {
    background: url(images/btn_top11.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn11:hover {
    background: url(images/btn_top11_on.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn12 {
    background: url(images/btn_top12.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn12:hover {
    background: url(images/btn_top12_on.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn13 {
    background: url(images/btn_top13.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn13:hover {
    background: url(images/btn_top13_on.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn14 {
    background: url(images/btn_top14.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn14:hover {
    background: url(images/btn_top14_on.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn15 {
    background: url(images/btn_top15.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn15:hover {
    background: url(images/btn_top15_on.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn16 {
    background: url(images/btn_top16.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn16:hover {
    background: url(images/btn_top16_on.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn17 {
    background: url(images/btn_top17.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn17:hover {
    background: url(images/btn_top17_on.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn18 {
    background: url(images/btn_top18.png) no-repeat;
}
#topImage div.topNavi4 ul li.btn18:hover {
    background: url(images/btn_top18_on.png) no-repeat;
}
#topImage div.topNavi4 ul li img {
    vertical-align: bottom;
}
/* breadCrumbs
-----------------------------------*/
.breadCrumbs ol {
    width: 950px;
    text-align: left;
    margin: 0 0 0 272px;
    padding-top: 5px;
    color: #666;
}
.breadCrumbs ol li {
    display: inline;
    font-size: 80%;
}
.breadCrumbs ol li a {
    margin-right: 8px;
}
/*---------- content ----------*/
#top #contents {
    margin: 0 auto;
    background: #fff;
}
#contents {
    margin: 0 auto;
}
#contents-inner {
    width: 950px;
    margin: 0 auto;
    background: #fff;
}
#main #topArea {
    margin-bottom: 15px;
    background: #fffdd0 url(images/bg_top_main.jpg) no-repeat;
    padding: 11px 15px 0 19px;
    height: 189px;
}
#main #topArea ul li {
    float: left;
    padding: 78px 0 0 9px;
    background: none;
}
#main #topArea ul li:first-child {
    padding-left: 0px;
}
/*#main .top-banner-box{
 text-align:center; position:relative; margin-bottom:15px;}


#main .top-banner-box ul{
 position:absolute; top:92px; left:13px; margin:0; padding:0;}

#main .top-banner-box ul li{
 margin:0 0 7px; padding:0; vertical-align:bottom; line-height:0;}
*/
#content {
    padding: 0 15px 0 14px;
    text-align: left;
    height: 100%;
}
#main {
    width: 665px;
    float: right;
    text-align: left;
    color: #000;
    margin: 5px 15px 30px;
}
/*---------- format(p,h2-4,blockquote,li,table, ----------*/
#main img.aligncenter {
    display: block;
    margin: 0 auto;
}
#main img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#main img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
#main img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
#main .alignright {
    float: right;
}
#main .alignleft {
    float: left;
}
#main p {
    margin-bottom: 10px;
}
#main h1 {
    padding: 12px 10px 10px 40px;
    margin-bottom: 10px;
    background: #fff url(images/h1_bnr.png) no-repeat;
    color: #000000;
    font-size: 120%;
    font-weight: bold;
}
#main h1.noStyle {
    padding: 0;
    border: none;
    background-color:
        transparent;
}
#main h1.ttl_h1 {
    padding: 0;
    background: none;
    border: none;
}
#main h2 {
    background: #ffdf81;
    color: #010101;
    font-weight: bold;
    font-size: 120%;
    padding: 4px 10px 3px 25px;
    margin-bottom: 10px;
    border-left: solid 13px #77a526;
}
#main h3 {
    color: #333333;
    font-weight: bold;
    font-size: 120%;
    padding: 0 10px 1px 28px;
    border-bottom: solid 2px #ffdf81;
    margin-bottom: 10px;
    border-left: solid 5px #77a526;
}
#main blockquote {
    border: 2px solid #dbdbdb;
    padding: 10px 10px 7px 12px;
    background: #ffffff;
    margin-bottom: 15px;
}
#main ul {
    margin-bottom: 10px;
}
#main ul li {
    background: url(images/li-icon_main.gif) no-repeat 12px 8px;
    padding-left: 23px;
    list-style-type: none;
}
/*---------- table ----------*/
#main table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
    font-size: 100%;
    text-align: center;
    line-height: 1.7;
}
#main table th {
    padding: 3px 7px;
    background-color: #f0f0f0;
    font-weight: normal;
    line-height: 1.7;
}
#main table td {
    padding: 3px 7px;
    line-height: 1.7;
}
#main table.border-table {
    border: 2px solid #cccccc;
}
#main table.border-table th {
    border: 1px solid #cccccc;
}
#main table.border-table td {
    border: 1px solid #cccccc;
}
/*---------- main ----------*/
#main .pan-list {
    font-size: 90%;
    margin: 0 0 10px;
    text-decoration: none;
}
#main .pan-list a {
    text-decoration: none;
}
#main .top {
    margin-bottom: 0;
}
#main .service {
    width: 213px;
    background: #ffffff;
    float: left;
    border: 1px solid #99684a;
    margin-bottom: 10px;
}
#main .service h3 {
    padding: 1px 0 0 1px;
    margin: 1px 1px 5px;
    border-bottom: 4px solid #d6d6d6;
    background: #eb5f00;
    font-size: 100%;
}
#main .service h3 a {
    color: #ffffff;
    text-decoration: none;
    padding-left: 10px;
}
#main .service h3 a:hover {
    color: #ffffff;
    text-decoration: underline;
}
#main .left {
    margin-right: 9px;
}
#main .right {
    margin-right: 0;
}
#main ul.service-ul-box {
    list-style: none;
}
#main ul.service-ul-box li {
    background: url(images/li-icon01.gif) no-repeat 10px 6px;
    padding-left: 25px;
}
#main ul.service-ul-box li a {
    color: #333333;
    text-decoration: none;
}
#main ul.service-ul-box li a:hover {
    color: #e13000;
    text-decoration: underline;
}
#news h2 {
    background: #ffffff url(images/news-title_bg.gif) repeat-x 0 0;
    margin: 3px 0 0 0;
    padding: 5px 4px 7px 15px;
    border-bottom: 3px solid #a6a6a6;
    border-top: 1px solid #6ba332;
    border-left: none;
}
#news .newsList {
    list-style: none;
    margin: 0;
    padding-bottom: 0;
}
#news .newsList li {
    list-style-type: none;
    padding-left: 13px;
    margin: 0;
    border-bottom: 1px solid #dddddd;
    background-image: none;
}
#news .newsList li a {
    color: #0088f1;
    margin: 0;
    padding-bottom: 0;
}
#news .newsList li a:hover {
    text-decoration: underline;
}
#news .newsList img.rss {
    float: right;
    margin: 0;
    width: 47px;
    height: 18px;
}
#news .newsList {
    padding: 8px 0;
}
#news .newsList a {
    text-decoration: none;
}
#news .newsList a:hover {
    text-decoration: underline;
}
#news .newsList li .date {
    clear: left;
    float: left;
    width: 110px;
    margin: 0;
    padding: 0;
    line-height: 2.2;
    color: #444;
    font-size: 80%;
}
#news .newsList li .tit {
    padding: 0;
    margin: 0;
    line-height: 2.2;
    background-position: bottom;
    background-repeat: no-repeat;
    font-size: 80%;
}
#main #ft_info {
    background: url(images/ft_bg.png) no-repeat;
    padding: 80px 0 0 12px;
    min-height: 210px;
    margin-top: -40px;
}
#main #ft_info #ft_left {
    float: left;
    width: 220px;
    margin-top: 10px;
}
#main #ft_info #ft_right {
    float: left;
    width: 210px;
    margin-top: 10px;
    margin-left: 12px;
}
#main #ft_info #ft_right2 {
    float: left;
    width: 174px;
    margin-top: 54px;
    margin-left: -12px;
}
#main #ft_info p {
    margin-bottom: 5px;
}
#main #ft_info .info-time {
    font-size: .85rem;
    font-weight: bold;
}
#main #ft_info #ft_left ul li {
    float: left;
    padding: 0;
    background: none;
}
#main #ft_info #ft_right ul li {
    padding: 0;
    margin-bottom: 4px;
}
#main #ft_info #ft_right2 ul li {
    background: none;
}
/*---------- sub ----------*/
#top #sub {
    padding: 5px 8px 0 13px;
}
#sub {
    width: 232px;
    height: 100%;
    float: left;
    margin: 0 0 30px 0;
    padding: 0 8px 0 13px;
    text-align: center;
}
#sub ul li {
    background-image: none;
    padding-left: 0;
}
#sub h3 {
    padding: 0;
    margin: 0;
    background: none;
}
#sub #side_sodan ul {
    padding: 200px 0 0 0;
    list-style: none;
    margin: 0 0 10px;
    background: url(images/bg_side_btn.png) no-repeat center;
    height: 150px;
    overflow: visible;
    0;
}
#sub #side_sodan li {
    padding: 0 0 6px;
    margin: 0 auto;
    width: 190px;
}
#sub #side_sodan li a {
    display: table-cell;
    border-radius: 4px;
    background: #fff;
    width: 190px;
    height: 35px;
    vertical-align: middle;
    background-color: white;
    line-height: 1.3;
    color: #fff;
    background: #ff6800;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}
#sub #side_sodan li:nth-child(1) a {
    height: 50px;
}
#sub #side_sodan li a:hover {}
/*
#sub #side_access {
 padding:0 15px;
}
*/
#sub #side_access {
    margin: 0 auto 15px;
    background: #fff;
    padding: 5px 5px 5px 5px;
    border: 1px solid #cccccc;
}
#sub #side_access ul {
    background: #ffffff;
    font-size: 80%;
}
#sub #side_access ul p {
    color: #ca8c0d;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
}
#sub #side_supportprice {
    padding: 0;
    list-style: none;
    margin: 0 0 10px;
}
#sub .side-botton {
    padding: 0;
    list-style: none;
    margin: 20px 0 15px;
}
#sub .side-botton li {
    text-align: center;
    padding: 0;
    margin: 0 0 5px;
}
#sub .side-botton li a img {
    padding: 0;
    margin: 0;
}
/*-----------------menubox-------------------------*/
#sub #menu-side-menu, #sub .menuBox {
    margin: -1px auto 15px;
}
#sub .menuBox h1 {
    background: #699c35;
    line-height: 1.2em;
    padding: 10px 0 5px;
}
#sub .menuBox h1 a {
    color: #fff;
}
#sub .menuBox ul {
    margin: -1px auto 15px;
    background: #fff7b3;
    padding: 5px;
    border: 1px solid #cccccc;
    text-align: left;
}
#sub .menuBox ul li {
    margin-top: 1px;
    border: none;
    font-size: 86%;
}
#sub .menuBox ul li a {
    padding: 5px 0;
    display: block;
    background: #fff url(images/li-icon02.gif) no-repeat 8px 8px;
    border-bottom: 1px solid #ccc;
    padding-left: 25px;
    color: #010101;
    text-decoration: none;
}
#sub .menuBox ul li a:hover, #sub .menuBox ul li.current_page_item a {
    background: #f9fab9 url(images/li-icon02.gif) no-repeat 8px 8px;
    border-bottom: 1px solid #b0a06f;
    color: #e13000;
    text-decoration: none;
}
#sub #menu-side-menu li, #sub .menuBox .side-menu li {
    padding: 0;
    list-style: none;
    margin-top: 1px;
    text-align: left;
}
#sub .blogSide .menuBox > ul.side-menu-archive {
    background: none;
    border: none;
    margin: 20px 0px 0px;
    padding: 0px;
}
#sub .blogSide .menuBox > ul.side-menu-archive > li > a {
    background: #699c35;
    line-height: 1.2em;
    padding: 10px 0 5px;
    font-size: 114%;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
#sub .side-syozaichi {
    text-align: center;
    margin-bottom: 22px;
    color: #030303;
    padding-bottom: 15px;
}
#sub img.click {
    margin: 10px 0 5px;
}
#sub .side-search {
    text-align: center;
    padding-left: 3px;
}
#sub .side-search h3 {
    text-align: left;
    padding-left: 15px;
}
#sub .side-search input#search {
    width: 170px;
    padding: 0;
}
#main .side-search input#search2 {
    width: 300px;
    padding: 0;
}
#sub .side-search input#submit {
    width: 37px;
    padding: 0;
}
/*--------- search ----------*/
#main dl.dl-search {
    margin-bottom: 20px;
}
#main dl.dl-search dt a {
    background: url(images/li-icon01-2.gif) no-repeat 0 3px;
    padding-left: 15px;
    margin-bottom: 3px;
}
#main dl.dl-search dd {
    color: #666666;
}
/*---------footer ----------*/
footer {
    text-align: center;
    margin: 0;
    background: #6ba332;
}
#footer-inner {
    width: 950px;
    text-align: center;
    margin: 0 auto;
    padding: 25px 0;
    font-size: 80%;
}
#footer-inner p#copyright {
    text-align: center;
    margin: 0;
    color: #ffffff;
}
#footer-inner #footerNav {}
#footer-inner #footerNav #menu-footer-menu {
    display: block;
    text-align: center;
    margin: 0 auto 10px;
}
#footer-inner #footerNav #menu-footer-menu li:first-child {
    border-left: none;
}
#footer-inner #footerNav #menu-footer-menu li {
    display: inline-block;
    border-left: 1px solid #ffffff;
    padding: 0 10px;
}
#footer-inner #footerNav #menu-footer-menu li a {
    color: #ffffff;
}
/*---------blog ----------*/
#sub h3.side-blog {
    background: #eb5f00;
    color: #ffffff;
    background-image: none;
    border: none;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 3px 0;
    font-weight: bold;
    text-align: center;
    width: 210px;
}
#sub .calender-content {
    width: 210px;
    margin: 10px auto 20px;
}
#sub .calendar table {
    text-align: center;
    width: 100%;
    font-size: 80%;
    line-height: 140%;
    color: #5f5f5f;
}
#sub .calendar table th.sun {
    color: #ee0000;
}
#sub .calendar table th.sat {
    color: #0000be;
}
#main img.blog-banner {
    margin-bottom: 20px;
}
#main .entry-box {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
#main .entry-box h1 a {
    color: #ffffff;
    text-decoration: none;
}
#main p.date {
    color: #339966;
    padding: 0;
    font-weight: bold;
    margin-bottom: 10px;
}
#main .page-pre-next {
    text-align: center;
}
#main .page-pre-next ul {
    list-style: none;
    font-size: 90%;
    margin: 0 0 20px 0;
}
#main .page-pre-next ul li {
    display: inline;
    margin: 0;
    padding: 0;
}
#main .page-pre-next ul li.pre, #main .page-pre-next ul li.home {
    margin: 0 5px 0 0;
    border-right: 1px solid #cccccc;
    padding: 0 5px 0 0;
}
#main .page-pre-next ul li.pre2, #main .page-pre-next ul li.next2 {
    display: block;
    width: 4em;
}
.blog {
    border-top: 1px solid #cccccc;
}
#main .page-pre-next ul.page-li li {
    background-image: none;
}
#main .page-archive {
    text-align: center;
}
/*------------------------------------
    Add Style
----------------------------------*/
.listStyleNone li {
    list-style: none;
    background: none !important;
    padding: 0 !important;
}
.2column {
    display: table;
    width: 100%;
}
.listImage {
    display: table-cell;
    width: auto;
}
.listImage img {
    margin: 0 10px 10px 0;
}
.listText {
    display: table-cell;
    vertical-align: top;
}
.listText ul li {
    margin-bottom: 3px;
}
.width50 {
    display: table-cell;
    width: 315px;
}
.width50 img {
    margin: 10px 0;
}
.txtRight {
    text-align: right;
}
.txtCenter {
    text-align: center;
}
.bold {
    font-weight: bold;
}
.txtRed {
    color: #ff0000;
}
.txt140 {
    font-size: 140%;
}
.txt130 {
    font-size: 130%;
}
.txt120 {
    font-size: 120%;
}
.txt110 {
    font-size: 110%;
}
#tbl-bdr table, #tbl-bdr td, #tbl-bdr th {
    border-collapse: collapse;
    border: 1px solid #cccccc;
}
/*---------Kaikei Gyomu ----------*/
.bnrKaikeigyomu {}
.bnrKaikeigyomu .listDouble {
    width: 680px;
}
.bnrKaikeigyomu .listDouble li {
    background: none !important;
    margin: 0 !important;
    padding: 5px !important;
    display: inline-block;
}
.bnrKaikeigyomu .listSingle li {
    background: none !important;
    padding: 0 5px !important;
    margin-bottom: 30px;
}
/*---------ブログ追加 ----------*/
#mainCol {
    width: 665px;
    float: right;
    margin: 15px 15px 30px;
}
#mainCol p.bnr {
    margin-bottom: 20px;
}
#mainCol .entry {
    margin-bottom: 40px;
}
#mainCol #main .entry h1 a {
    color: #000;
}
#mainCol h2.cateTit {
    margin-bottom: 20px;
    padding: 10px 15px;
    background: #29ae3e;
    color: #fff;
    text-align: left;
    font-size: 140%;
    font-weight: bold;
}
#mainCol #main {
    width: 100%;
    float: none;
    margin: 0;
}
#mainCol #main img {
    max-width: 100%;
    height: auto;
}
#main .wp-pagenavi {
    margin-bottom: 40px;
    text-align: center;
}
#main .wp-pagenavi a, #main .wp-pagenavi span {
    padding: 10px 15px;
    border: 1px solid #ff6600;
}
#main .wp-pagenavi span.pages, #main .wp-pagenavi span.extend {
    border-color: #fff;
}
#main .wp-pagenavi a {
    background: #ff6600;
    color: #fff;
}
#main .wp-pagenavi a:hover {
    background: #fff;
    color: #ff6600;
}
#main .pagefeed ul {
    padding-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}
#main .pagefeed ul li {
    display: inline-block;
    padding: 0;
    background-image: none;
}
#main .pagefeed ul li.top {
    border: 1px solid #ccc;
    border-width: 0 1px;
    margin: 0 10px;
    padding: 0 10px;
}
#sub .blogSide .menuBox h1 {
    color: #fff;
    font-weight: bold;
}
#sub table#wp-calendar {
    position: relative;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    width: 100%;
    background: #fff;
    text-align: center;
    padding-bottom: 5px;
}
#sub table#wp-calendar td#prev {
    position: absolute;
    top: 10px;
    left: 10px;
}
#sub table#wp-calendar td#next {
    position: absolute;
    top: 10px;
    right: 10px;
}
#sub table#wp-calendar caption {
    background: #fff;
    text-align: center;
    padding: 10px 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
#sub table#wp-calendar th, #sub table#wp-calendar td {
    text-align: center;
    font-size: 93%;
}
#sub table#wp-calendar tfoot {
    height: 5px;
}
#sub table#wp-calendar td.pad { /* display: none; */
}
/*--------- 右サイドエリア ----------*/
/*--------- 右サイドエリア ----------*/
#right-side-area01 h4 {
    background: #ff7617;
    padding: 9px 0 6px 0;
    text-align: center;
    font-size: 110%;
    color: #fff;
    line-height: 1.4;
    border-radius: 4px;
    font-weight: bold;
}
#right-side-area01 {
    position: absolute;
    right: -160px;
    width: 154px;
}
#right-side-area01 div {
    border-radius: 4px;
    padding-top: 8px;
    margin: 8px 0;
    background: #fdf7ce url(images/right_side_back.png) no-repeat 50% top;
}
#right-side-area01 p {
    width: 120px;
    margin: 0 auto;
    border-radius: 5px;
    padding: 85px 5px 5px 5px;
    text-align: left;
    line-height: 1.3;
    text-align: center;
    font-size: 85%;
}
#right-side-area01 p strong {
    color: #23ac38;
}
#right-side-area01 ul {
    width: 130px;
    margin: 0 auto;
    padding: 8px 0;
}
#right-side-area01 ul li {
    margin-top: 8px;
    background: #fff;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
    border-radius: 3px;
    border: 1px solid #fff;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2);
}
#right-side-area01 ul li a {
    display: block;
    color: #23282D;
    padding: 3px 0 2px 0;
    line-height: 1.4;
    font-size: 120%;
    text-align: center;
    position: relative;
}
#right-side-area01 ul li a::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #00736d;
}
#right-side-area01 ul li:hover {
    background: #FFF18C;
    background: -webkit-linear-gradient(top, #fdfffc 0%, #FFF18C 100%);
    background: linear-gradient(to bottom, #fdfffc 0%, #FFF18C 100%);
}
#right-side-area01 ul li a:hover {
    text-decoration: none;
}
#right-side-area02 {
    position: absolute;
    right: -140px;
    width: 156px;
    bottom: 5px;
}
/*--------- wrapper ----------*/
.wrapper {
    /*width: 1276px;*/
    width: 950px;
    margin: 0 auto;
    position: relative;
}
/*--------- 左サイドエリア ----------*/
#left-side-area {
    width: 160px;
    height: 200px;
    margin-top: 31px;
    margin-left: 20px;
    float: left;
    border-radius: 2px;
    position: absolute;
    left: -160px;
    top: 190px;
    z-index: 1;
}
/*--------- 右サイドエリア ----------*/
#right-side-area03 {
    width: 160px;
    height: 200px;
    position: absolute;
    right: -163px;
    top: 102px;
    z-index: 1;
}
/*--------- 相続手続き　記事　---------*/
div.souzokuNagare1, div.souzokuNagare2, div.souzokuNagare3, div.souzokuNagare4, div.souzokuNagare5 {
    display: block;
    height: 41px;
    width: 627px;
    clear: both;
}
div.souzokuNagare1 {
    background: url(/wp-content/uploads/2018/01/category_back01.png) no-repeat;
}
div.souzokuNagare2 {
    background: url(/wp-content/uploads/2018/01/category_back02.png) no-repeat;
}
div.souzokuNagare3 {
    background: url(/wp-content/uploads/2018/01/category_back03.png) no-repeat;
}
div.souzokuNagare4 {
    background: url(/wp-content/uploads/2018/01/category_back04.png) no-repeat;
}
div.souzokuNagare5 {
    background: url(/wp-content/uploads/2018/01/category_back05.png) no-repeat;
}
div.souzokuNagare1 p, div.souzokuNagare2 p, div.souzokuNagare3 p, div.souzokuNagare4 p, div.souzokuNagare5 p {
    margin: 6px 10px 0 0;
    width: 213px;
    height: 32px;
    float: right;
}
#pageFooter ul li.page_item {
    width: 275px;
    list-style-type: none;
    padding-left: 25px;
    float: left;
}
/*--------- 記事内　詳しくはコチラボタン　---------*/
#main ul.linkBtn {
    background: #efefef;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    display: block;
    width: 630px;
}
#main ul.linkBtn:before {
    content: " ";
    display: table;
}
#main ul.linkBtn:after {
    clear: both;
    content: " ";
    display: table;
}
#main ul.linkBtn li.linkBtn_txt {
    display: inline-block;
    margin: 8px 0 0 0;
    font-weight: bold;
}
#main ul.linkBtn li.linkBtn_btn {
    *zoom: 1;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #6da039;
    float: right;
    margin-right: 0px;
    padding: 3px 22px;
    background-color: #ffffff;
    display: inline-block;
}
#main ul.linkBtn li.linkBtn_btn a {
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    background: url(images/linkbtn_arrow.png) no-repeat 0 6px;
    color: #17a51d;
    display: inline-block;
}
#main ul.linkBtn li.linkBtn_btn:hover {
    background-color: #e7ffcf;
}
#main ul.linkBtn li.linkBtn_btn:active {
    position: relative;
    top: 1px;
}
#main ul.linkBtn li {
    background: none;
    display: block;
}
#main ul.btnlink li a {
    background: #63b521;
    width: 90%;
    text-align: center;
    color: #fff;
    display: block;
    border-radius: 5px;
    padding: 10px;
    font-size: 110%;
}
#main ul.btnlink li a:hover {
    background: #75d326;
}
/*--------- 左サイドエリア ----------*/
ul#topNavi6 li {
    background: none;
    padding-left: 0px;
    list-style-type: none;
    margin: 5px;
}
#topNavi6 {
    width: 156px;
    height: 176px;
    float: left;
    position: absolute;
    /*right: 0;*/
    left: -160px;
    z-index: 1;
    top: 0px;
}
/*--------- 左サイドエリア2 ----------*/
ul#topNavi7 li {
    background: none;
    padding-left: 0px;
    list-style-type: none;
    margin: 5px;
}
#topNavi7 {
    width: 156px;
    height: 176px;
    float: left;
    position: absolute;
    /*right: 0;*/
    left: -160px;
    z-index: 1;
    top: 23px;
}
/*--------- サポート料金 ----------*/
#priceNavi div {
    width: 210px;
    height: 30px;
    float: left;
    margin-left: 5px
}
#priceNavi ul li {
    list-style: none;
    display: inline-block;
    margin-bottom: 5px;
    width: 300px;
    height: 50px;
    border: 1px solid #969696;
    background-color: #fff4d1;
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
    border-radius: 4px;
    color: #fff;
    line-height: 50px;
    -webkit-transition: none;
    transition: none;
}
#priceNavi ul li a {
    color: #229427;
    font-weight: bold;
    display: block;
    width: 100%;
    height: auto;
}
#priceNavi ul li:hover {
    border: 1px solid #969696;
    background-color: #ffc107;
    background-image: -webkit-linear-gradient(top, #ffc107, #ffc107);
    background-image: linear-gradient(to bottom, #ffc107, #ffc107);
}
/*---------nagare ----------*/
#nagare {
    width: 665px;
    height: 25px;
    margin: 0 auto 5px auto;
    background-color: #f0ffe0;
    border: 1px solid #b5b5b5;
    padding: 10px 0;
    clear: both;
}
#nagare h3 {
    font-size: 100%;
    text-align: left;
    font-weight: bold;
    margin-left: 10px;
    position: relative;
}
#nagare div {
    width: 210px;
    height: 30px;
    float: left;
    margin-left: 5px
}
#nagare ul {
    padding-bottom: 1em;
}
#nagare ul li {
    margin-bottom: 5px;
}
#nagare ul li {
    background: none;
}
#nagare div.op {
    width: 200px
}
#nagare div.op li {
    width: 180px;
    float: left;
}
#nagare li a {
    text-shadow: 0px 0px 2px #fff;
    position: relative;
    bottom: 3px;
    display: block;
    text-decoration: none;
    padding: 8px 0 3px 20px;
    border-radius: 5px;
    border: 1px solid #545454;
    line-height: 1.2;
    background: #fff;
}
#nagare li a:hover {
    background: #ffc600;
}
#nagare li.fNav_sodan a {
    font-size: 130%;
    line-height: 1.8;
}
#nagare li a span {
    font-weight: normal;
    font-size: 90%
}
/*---------- hd_style ----------*/
#main .hd_style01 {
    position: relative;
    background: #e8f972;
    font-weight: bold;
    text-align: left;
    padding: 7px 0 3px 30px;
    font-size: 90%;
    margin: 0 0 10px 0;
}
#main .hd_style01::after {
    position: absolute;
    top: 0.4em;
    bottom: 0;
    left: 12px;
    margin: auto;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 4px solid transparent;
    border-top: 8px solid #fff;
}
/*---------- #main .clm3 ----------*/
#main .clm3 {
    display: block;
    width: 215px;
    float: left;
    margin-right: 10px;
}
#main .clm3:nth-child(3), #main .clm3:nth-child(6), #main .clm3:nth-child(9) {
    margin-right: 0
}
/*---------- shucho_sodan ----------*/
#main div#shucho_sodan {
    border: 2px solid #4290db;
    padding: 20px;
    border-radius: 5px;
}
#main div#shucho_sodan h2, #main div#shucho_sodan h3 {
    background: #e9f78a;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #98b62a;
    float: left;
    margin-right: 15px;
}
#main div#shucho_sodan h2:after, #main div#shucho_sodan h3:after {
    display: none;
}
#main div#shucho_sodan h2 {
    padding: 16px 10px;
}
#main div#shucho_sodan h3 {
    padding: 20px 23px;
}
#main div#shucho_sodan ul {
    margin-left: 240px;
}
/*--------- staff ----------*/
div.staffBox {
    margin-bottom: 25px;
    padding-bottom: 20px;
}
div.staffBox div.staffText {
    float: right;
    width: 430px;
    padding-top: 5px;
}
/*===================================================
　　ウィルス対策バナー
===================================================*/
.taisaku_bnr {
    box-sizing: border-box;
    width: 657px;
    border: solid 1px #ff1111;
    padding: 2% 2% 0 2%;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1.2rem;
    margin-bottom: 3%;
}
/*--------- フッターメディア掲載エリア ----------*/
#main #ft_media {
    border: 1px dotted #009900;
    padding: 10px;
    margin-bottom: 30px;
    border-radius: 5px;
}
#main #ft_media img {
    float: left;
    margin-right: 10px;
}
#main #ft_media {
    float: left;
    margin-right: 10px;
}
#main #ft_media .btn_style {
    text-align: center;
}
#main #ft_media h3 {
    font-size: 110%;
}
/* WEB面談の手引きPC */
.in-page-link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    list-style-type: none;
    margin-bottom: 16px !important;
}
.in-page-link_list {
    padding: 0 !important;
    width: 49%;
}
.in-page-link_list:after, .in-page-link_list:before {
    content: none !important;
}
.in-page-link_list_link {
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ff8217;
    border-radius: 4px;
    color: #23282D !important;
    display: block;
    padding: 16px;
    width: 100%;
}
.in-page-link_list_link:hover {
    background: #FDF7CE;
    text-decoration: none;
}
.in-page-link_list_link:before {
    content: "≫";
}
.in-page-link_list_link:after {
    content: none !important;
}
.button_contact {
    background: linear-gradient(to top, #fdf7ce, #fff);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #ff8217;
    border-radius: 4px;
    color: #23282D !important;
    display: block;
    font-weight: 800;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 16px;
    text-align: center;
    margin-bottom: 16px;
    min-width: 410px;
    width: 410px;
}
.button_contact:before {
    content: "≫";
}
.button_contact:hover {
    background: #FDF7CE;
    text-decoration: none;
}
/*フォーム*/
#main #mailForm table {
    border-top: 1px dotted #ccc;
}
#main #mailForm table th, #main #mailForm table td {
    padding: 15px;
    border: none;
    border-bottom: 1px dotted #ccc;
}
#main #mailForm table th {
    position: relative;
    width: 35%;
    vertical-align: middle;
    padding-right: 40px;
    background: transparent;
    font-size: 107%;
    font-weight: normal;
}
#main #mailForm table th .require {
    position: absolute;
    top: 50%;
    right: 5px;
    padding: 3px 5px 0;
    margin-top: -10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #ff0000;
    color: #fff;
    font-size: 71%;
}
#main #mailForm table th span.require {
    padding: 3px 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #ff0000;
    color: #fff;
    font-size: 71%;
}
#main .mw_wp_form_confirm #mailForm table td .submessage, #main .mw_wp_form_confirm #mailForm table th span.require {
    display: none;
}
#main #mailForm table td input, #main #mailForm table td select, #main #mailForm table td textarea {
    padding: 8px 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7;
    font-size: 114%;
}
#main #mailForm table td input.inputName {
    width: 50%;
}
#main #mailForm table td input.inputMail {
    width: 80%;
}
#main #mailForm table td input.inputAddress {
    width: 20%;
}
#main #mailForm table td input.inputTel {
    width: 30%;
}
#main #mailForm table td textarea.inputAddress {
    width: 90%;
}
#main #mailForm table td textarea.inputContact {
    width: 90%;
    height: 150px;
}
#main #mailForm table td .error {
    padding-top: 5px;
}
#main #mailForm table td div.submessage {
    padding-top: 5px;
    font-size: 80%;
    color: #666;
}
#main #mailForm table td ul {
    margin: 0;
}
#main #mailForm table td ul li {
    display: inline;
    padding: 0;
    margin-right: 10px;
    background-image: none;
}
#main #mailForm #confirm-button {
    text-align: center;
}
#main #mailForm #confirm-button input {
    padding: 15px 30px;
    border: 1px solid #4b62e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: #6394dd;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF6394DD', endColorstr='#FF5E8FD8');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6394dd), color-stop(54%, #3c6ebc), color-stop(100%, #5e8fd8));
    background-image: -webkit-linear-gradient(top, #6394dd 0%, #3c6ebc 54%, #5e8fd8 100%);
    background-image: -moz-linear-gradient(top, #6394dd 0%, #3c6ebc 54%, #5e8fd8 100%);
    background-image: -o-linear-gradient(top, #6394dd 0%, #3c6ebc 54%, #5e8fd8 100%);
    background-image: linear-gradient(top, #6394dd 0%, #3c6ebc 54%, #5e8fd8 100%);
    color: #fff;
    font-size: 129%;
    cursor: pointer;
}
#main #mailForm #confirm-button input:hover {
    background-color: #5e8fd8;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5E8FD8', endColorstr='#FF6394DD');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5e8fd8), color-stop(54%, #3c6ebc), color-stop(100%, #6394dd));
    background-image: -webkit-linear-gradient(top, #5e8fd8 0%, #3c6ebc 54%, #6394dd 100%);
    background-image: -moz-linear-gradient(top, #5e8fd8 0%, #3c6ebc 54%, #6394dd 100%);
    background-image: -o-linear-gradient(top, #5e8fd8 0%, #3c6ebc 54%, #6394dd 100%);
    background-image: linear-gradient(top, #5e8fd8 0%, #3c6ebc 54%, #6394dd 100%);
}
#main #mailForm #confirm-button input.back {
    background: #000;
}
/* 活動報告エリア */
ul.media_col {
    display: flex;
}
ul.media_col li {
    justify-content: flex-start;
    background: none !important;
    padding-left: 1rem !important;
    margin-bottom: 20px;
}
ul.media_col li:first-child {
    padding-left: 0;
}
ul.media_col img {
    border: 1px solid #333;
}
/* 料金ページflex */
.price-link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    list-style-type: none;
    margin-bottom: 10px !important;
}
.price-link_list {
    padding: 0;
    width: 48%;
}
.price-link_list:after, .in-page-link_list:before {
    content: none !important;
}
/* 料金ページbox */
.c-box {
    background: #fff;
    border: 2px solid #ccc;
    padding: 1em;
    margin-bottom: 10px;
}
.c-box:hover {
    text-decoration: none;
}
.c-box-highlight {
    background: #effff5;
    border: none;
}
.c-box-white {
    background: #fff;
}
.c-box p {
    margin-bottom: 0px !important;
}
/* 料金ページカード */
.c-card {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}
.c-card:hover {
    text-decoration: none;
}
.c-card-shadow {
    filter: drop-shadow(0 0 4px rgba(175, 175, 176, 0.5));
}
.c-card-border {
    border: 1px solid #77a526;
}
.c-card_inner {
    padding: 0.5em 0.5em;
}
.c-card_inner-left {
    align-items: flex-start;
}
.c-card_header {
    background-color: #77a526;
    transition: all 0.5s;
    align-items: center;
    color: #fff !important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    font-weight: 800;
    padding: 0.75em 0.5em;
    position: relative;
}
a:hover .c-card_header {
    filter: brightness(1.3);
}
.c-card_header-accent {
    background: #E60000;
}
.c-card_header-caution {
    background: #ff1814;
}
.c-card_header-lightgray {
    background: #F6F6F6;
    color: #151D2E;
}
.c-card_header-arrow {
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.c-card_header-arrow:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    flex: none;
    height: 1em;
    width: 1em;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M16.5%2C14.4v-.054a.528.528%2C0%2C0%2C0-.036-.168.432.432%2C0%2C0%2C0-.066-.114.6.6%2C0%2C0%2C0-.054-.078l-1.716-1.8a.6.6%2C0%2C0%2C0-.87.828l.738.786H11.1a.6.6%2C0%2C0%2C0%2C0%2C1.2h3.354l-.78.774a.6.6%2C0%2C1%2C0%2C.852.852l1.8-1.8A.623.623%2C0%2C0%2C0%2C16.5%2C14.4Z%22%20transform%3D%22translate%28-7.5%20-8.399%29%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M9%2C3a6%2C6%2C0%2C1%2C0%2C6%2C6A6%2C6%2C0%2C0%2C0%2C9%2C3ZM9%2C13.8A4.8%2C4.8%2C0%2C1%2C1%2C13.8%2C9%2C4.8%2C4.8%2C0%2C0%2C1%2C9%2C13.8Z%22%20transform%3D%22translate%28-3%20-3%29%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    margin-right: 0.1em;
}
.c-card_header *:not(:first-child) {
    margin-top: 0.25em;
}
.c-card_header_text {
    text-align: center;
    line-height: 1.25;
    white-space: nowrap;
}
.c-card_header_sub {
    font-size: 3.5vw;
    text-align: center;
    white-space: nowrap;
}
@media print, screen and (min-width: 768px) {
    .c-card_header_sub {
        font-size: 0.6em;
    }
}
.c-card_title {
    font-weight: 800;
    text-align: center;
    white-space: nowrap;
}
@media only screen and (max-width: 767px) {
    .c-card_title {
        font-size: 0.85em;
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .c-card_title {
        font-size: 0.8em;
    }
}
.c-card_image {
    height: auto;
    vertical-align: bottom;
    width: 100%;
}
/* 料金ページバナー */
.c-banner {
    position: relative;
    border-radius: 4px;
}
a.c-banner {
    color: #fff !important;
}
.c-banner-pagelink {
    align-items: center;
    background: linear-gradient(to bottom, #ff7617 50%, #f99854);
    border: 1px solid #ff5200;
    color: #fff;
    padding: 0.5em 0.2em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    line-height: 1.4;
}
.c-banner-pagelink:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    flex: none;
    height: 1em;
    width: 1em;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M16.5%2C14.4v-.054a.528.528%2C0%2C0%2C0-.036-.168.432.432%2C0%2C0%2C0-.066-.114.6.6%2C0%2C0%2C0-.054-.078l-1.716-1.8a.6.6%2C0%2C0%2C0-.87.828l.738.786H11.1a.6.6%2C0%2C0%2C0%2C0%2C1.2h3.354l-.78.774a.6.6%2C0%2C1%2C0%2C.852.852l1.8-1.8A.623.623%2C0%2C0%2C0%2C16.5%2C14.4Z%22%20transform%3D%22translate%28-7.5%20-8.399%29%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M9%2C3a6%2C6%2C0%2C1%2C0%2C6%2C6A6%2C6%2C0%2C0%2C0%2C9%2C3ZM9%2C13.8A4.8%2C4.8%2C0%2C1%2C1%2C13.8%2C9%2C4.8%2C4.8%2C0%2C0%2C1%2C9%2C13.8Z%22%20transform%3D%22translate%28-3%20-3%29%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
    margin-right: 0.8em;
    transform: rotate(90deg);
}
.c-banner-pagelink:hover {
    filter: brightness(1.25);
    text-decoration: none;
    align-content
}
/*** utility **/
.u-text-xsmall {
    font-size: 0.65em;
}
.u-text-small {
    font-size: .8em !important;
}
.u-text-large {
    font-size: 1.2em;
}