

/*  RAIRIATγΠkCΉx/X}z
--------------------------------------------------------------------------*/
/*  https://gw-search.jp
--------------------------------------------------------------------------*/

a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:hover {text-decoration: none;} 
body { margin:0px;padding:0px;}
body { width: 100%;position:relative;}
body { background-color: #fff; }
body, th, td, div, font { line-height: 1.5; }

body { font-family:'qMmpS Pro W3','Hiragino Kaku Gothic Pro','CI',Meiryo,'lr oSVbN',sans-serif;}
body { font-size: 16px;font-size: 1.6rem;   /* sets the default sizing to make sure nothing is actually 10px */}
html { font-size: 62.5%; /* sets the base font to 10px for easier math */}

ul, ol, ul li, ol li { list-style: none;}
img, a img { border: 0px none; vertical-align: bottom;}
form{margin:0px;}
input{margin:0px;}form{margin:0px;}
iframe{ vertical-align: bottom;}

.material-icons { font-family: 'Material Icons';font-weight: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-transform: none;}
.material-icons { display: inline-flex;margin-right:5px;vertical-align: middle;}
.mincho { font-family:"Sawarabi Mincho", serif;}
@-webkit-keyframes light {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.marker_green { background: linear-gradient(transparent 60%, #c3d474 40%);}

/*  wiΦA
--------------------------------------------------------------------------*/


/*  ^CgΦA
--------------------------------------------------------------------------*/
h1 { margin: 0px;padding: 0px;}
h1 { font-weight: normal;font-size: 10px;color: #222;letter-spacing:0px;}
h2 { margin: 0px;padding: 0px 0px 0px ;}
h3 { margin: 0px;}
.clear { display: none;}


/*  Φb_[
--------------------------------------------------------------------------*/
.header_top { margin: 0px;padding: 0px;background-color: rgba(0,0,0,1.0);border-bottom: 0px solid #e9e9e9;position: relative;text-align: center;}
.header_top h1{ padding: 15px 10px ;font-family: 'Lato', sans-serif;font-size: 11px;color: #fff;font-weight: normal;letter-spacing: 0px;text-align: left;margin: 0px auto;}
.header { width: 100%;height: 90px;margin: 0px 0px 0px;padding: 0px 0px 0px;z-index: 9999;}
.header { background: rgba(255,255,255,1.0);border-bottom: 1px solid #e1decf;position: relative;}
.head_logo { max-width: 200px;position: absolute;top:20px;left:10px;}

/*  j[
--------------------------------------------------------------------------*/
.global_menu,
.global_menu span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.global_menu { position: relative;width: 36px;height: 24px;position: absolute;top: 18px;right: 10px;}
.global_menu span {position: absolute;left: 0;width: 100%;height: 4px;background-color: #222;border-radius: 4px;}
.global_menu span:nth-of-type(1) { top: 0;}
.global_menu span:nth-of-type(2) { top: 10px;}
.global_menu span:nth-of-type(3) { bottom: 0;}
.global_menu::after { position: absolute;left: 0;bottom: -25px;content: '';display: block;width: 100%;}
.global_menu::after { font-family: 'Oswald', sans-serif;font-size: 12px;color: #222;letter-spacing:0px;text-decoration: none;text-align: center;transition: all .4s;}
.global_menu.active::after {content: '';bottom: -25px;}
.global_menu.active span:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-45deg);transform: translateY(10px) rotate(-45deg);}
.global_menu.active span:nth-of-type(2) { opacity: 0;}
.global_menu.active span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg);transform: translateY(-10px) rotate(45deg);}

#category_list{ width:100%; background-color: rgba(255,255,255,1.0);padding: 10px 0px 20px;border-bottom: 1px solid #f6f6f6;}
#category_list{ position: fixed;top: 120px;left: 0px;display:none;z-index:9999;}

ul.menu { margin: 8px 8px 8px;padding-left: 0px;border: 1px solid #e1decf;border-radius: 0px;}
ul.menu { background: #fff;}
ul.menu:after {content: "";display: block;clear: both;}
ul.menu li {list-style: none;float: left;width: 50%;min-width: 130px;height: 50px;line-height: 50px;border-right: 1px solid #e1decf;border-bottom: 1px solid #e1decf; }
ul.menu li {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
ul.menu li:nth-child(even) {border-right: none;}
ul.menu li:nth-last-child(1),
ul.menu li:nth-last-of-type(2) { border-bottom: none;}
ul.menu li:nth-last-of-type(2):nth-child(even) {}
ul.menu li { background: url('../img/headmenu_arrow.png') no-repeat scroll right center ; }
ul.menu li a { padding: 0px 15px 0px; display: block;height: 50px;font-size: 12px;color: #23170c;font-weight: normal;letter-spacing:0px;}
ul.menu li a:hover { background-color: #f4f4f4;text-decoration: none;display:block;color: #fff;}


/*  MAIN
--------------------------------------------------------------------------*/
.main_wrapper { background-color: rgba(255,255,255,0.8);}
.main_wrapper { padding: 20px 15px 20px;position: relative;text-align: center; }


#title { height: 180px;border-radius: 0px;padding: 0px;position: relative;margin: 0px 0px 0px;text-align: center;}
#title { background : transparent url(../img/title.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;}
#title h2 { padding: 40px 0px 0px;font-family: 'Oswald', sans-serif;font-size:2.4em;color: #222;font-weight:normal;letter-spacing:0px;position: relative;}
#title h2 span { padding: 0px 0px 20px;font-size: 17px;color: #222;font-weight:bold;letter-spacing:0px;line-height: 1.5;display: block;}

.title01 { margin: 0px;padding: 30px 20px 0px;position: relative;right:0px;left:0px;margin:auto auto;}
.title01 { font-family: 'Oswald', sans-serif;font-size:3.0em;color: #222;font-weight:normal;letter-spacing:0px;text-align: center;}
.title01 span { padding: 40px 0px 20px;font-size: 16px;color: #222;font-weight:bold;letter-spacing:2px;line-height: 1.5;display: block;}
.title01:before {content: '';position: absolute;bottom: 70px;display: inline-block;width: 170px;height: 3px;left: 50%;}
.title01:before {-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #222; border-radius: 2px;}

.title02 { margin: 0px;padding: 30px 20px 0px;position: relative;right:0px;left:0px;margin:auto auto;}
.title02 { font-family: 'Oswald', sans-serif;font-size:3.0em;color: #ccc;font-weight:normal;letter-spacing:0px;text-align: center;}
.title02 span { padding: 40px 0px 20px;font-size: 16px;color: #ccc;font-weight:bold;letter-spacing:2px;line-height: 1.5;display: block;}
.title02:before {content: '';position: absolute;bottom: 70px;display: inline-block;width: 170px;height: 3px;left: 50%;}
.title02:before {-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #ccc; border-radius: 2px;}

.title03 { margin: 0px;padding: 30px 20px 0px;position: relative;right:0px;left:0px;margin:auto auto;}
.title03 { font-family: 'Oswald', sans-serif;font-size:2.6em;color: #ccc;font-weight:normal;letter-spacing:0px;text-align: center;}
.title03 span { padding: 10px 0px 20px;font-size: 16px;color: #ccc;font-weight:bold;letter-spacing:2px;line-height: 1.5;display: block;}
.title03:before {content: '';position: absolute;bottom: 0px;display: inline-block;width: 170px;height: 3px;left: 50%;}
.title03:before {-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #ccc; border-radius: 2px;}



/*  TOP
--------------------------------------------------------------------------*/
.top_service_wrap { min-height: 400px; padding: 40px 20px 50px;margin: 0px 0px;background : transparent url(../img/bg_top_service.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;position: relative;text-align:center;}
#top_message{ max-width:1000px;padding: 20px 0px 0px;position:relative;right:0px;left:0px;margin: auto auto;}
#top_message h3 { font-family:"Sawarabi Mincho", serif;padding: 20px 0px 0px;font-size: 2.2em;color: #c6c6c6;line-height: 1.4;font-weight: normal;letter-spacing:0px;text-align: center;}
#top_message div { padding: 20px 0px 30px;font-size: 16px;color: #fff;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;z-index: 200;}
#top_message span { position:absolute;bottom: -10px;right: 50px;z-index: 100;}

ul.service { width:100%;margin: 0px;padding: 40px 0px  ;display:inline-block;}
ul.service li { float:left;list-style: none;}
ul.service li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul.service li { margin: 0px 0px 0px;padding: 0px 0px 0px;background-color: rgba(255,255,255,1.0);border-radius: 20px;}
ul.service li { width: 50%; position:relative;display: block;transition: all .3s;}
ul.service li img { width:100%;height: auto;margin: 0px 0px 0px;border-radius: 20px 20px 0px 0px;}
ul.service li h3 { padding: 5px 0px 10px;margin: 0px;font-size: 15px;color: #333;font-weight: bold;letter-spacing:0px;line-height: 1.6;text-align:center;}

.top_pick_wrap{ min-height: 400px; padding: 40px 20px 50px;margin: 0px 0px;background-color: rgba(0,0,0,1.0);}
ul.top_pick { max-width: 640px;margin: 0px ;padding: 30px 0px 0px ;right:0px;left:0px;margin:auto auto;}
ul.top_pick li { list-style: none;}
ul.top_pick li { margin: 0px 0px 15px;padding: 15px 0px ;background-color: rgba(255,255,255,0.0);border-radius: 15px;}
ul.top_pick li { width: 100%; position:relative;display: block;}
ul.top_pick li img { width:100%;height: auto;margin: 0px 0px 0px;border-radius: 15px 15px 0px 0px;}
ul.top_pick li h3 { padding: 10px 0px 0px;margin: 0px;font-size: 20px;color: #898989;font-weight: bold;letter-spacing:0px;line-height: 1.6;text-align:center;}
ul.top_pick li div { margin: 0px;padding: 10px 0px 0px;font-size: 16px;color: #b3b3b3;letter-spacing: 1px;line-height: 1.6;text-align:left;}

.button_pick { width: ;border-bottom: solid 1px #e5e5e5;margin: 20px 10px 0px;transition: all .3s;}
.button_pick a { line-height: 50px; font-family: 'Oswald', sans-serif;font-size:15px;color:#b0b0b0;font-weight:normal;letter-spacing: 0px;text-decoration:none;text-align: left;}
.button_pick a { display: block;position: relative;text-decoration: none;}
.button_pick a:hover { color:#b29c66;}
.button_pick a::after { border-bottom: solid 1px #b29c66;bottom: -1;content: "";display: block;position: absolute;left: 0;transition: all .3s ease;-webkit-transition: all .3s ease;width: 0;}
.button_pick a:hover::after { width: 100%;color:#b29c66;}


.button_other { max-width: 300px;height: 64px;line-height: 64px;text-decoration: none;outline: none;right:0px;left:0px;margin:auto auto;}
.button_other { font-family: 'Oswald', sans-serif;font-size:16px;font-weight:normal;letter-spacing:0px;text-decoration: none;text-align: center;}
.button_other a { color: #fff;display:block;}
.button_other::before,
.button_other::after {position: absolute;z-index: -1;display: block;content: '';}
.button_other,
.button_other::before,
.button_other::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.button_other { position: relative;z-index: 2;background-color: #;border: 2px solid #fff;overflow: hidden;}
.button_other a { color: #fff;display: block;}
.button_other a:hover { color: #222;}
.button_other::after {top: 0;left: 0;width: 100%; height: 100%;}
.button_other:hover::after {-webkit-transform: scale(2) rotate(180deg);transform: scale(2) rotate(180deg);background: #e9e6e2;color: #222;}

.button_other2 { max-width: 300px;height: 64px;line-height: 64px;text-decoration: none;outline: none;right:0px;left:0px;margin:auto auto;}
.button_other2 { font-family: 'Oswald', sans-serif;font-size:16px;font-weight:normal;letter-spacing:0px;text-decoration: none;text-align: center;}
.button_other2 a { color: #fff;display:block;}
.button_other2::before,
.button_other2::after {position: absolute;z-index: -1;display: block;content: '';}
.button_other2,
.button_other2::before,
.button_other2::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.button_other2 { position: relative;z-index: 2;background-color: #;border: 2px solid #222;overflow: hidden;}
.button_other2 a { color: #222;display: block;}
.button_other2 a:hover { color: #222;}
.button_other2::after {top: 0;left: 0;width: 100%; height: 100%;}
.button_other2:hover::after {-webkit-transform: scale(2) rotate(180deg);transform: scale(2) rotate(180deg);background: #e9e6e2;color: #222;}


/*  PLAN
--------------------------------------------------------------------------*/
#tab { width: 100%;padding: 5px 0px 0px;display: inline-block;}
#tab li { background: #bdbdbc;margin: 0px 3px 6px;padding: 15px 15px 15px;float: left;list-style: none;cursor: pointer;}
#tab li { font-size: 14px;color: #fff;font-weight:normal;letter-spacing:0px;}
#tab li.select { background: #999386;color: #fff;}

.disnon{display: none;}
.content_wrap { background: #fff;clear: left;text-align: center;color: #222;padding: 10px 0px 10px ;}

.plan_wrap{ max-width: 1000px; background-color: #f5f5f5; padding: 30px 30px ;right:0px;left:0px;margin:15px auto;}
.plan_wrap h3 { margin: 0px 0px 20px;padding: 10px 0px;border-bottom: 1px solid #b7b7b7;font-size:1.0em;color: #222;font-weight:bold;letter-spacing:0px;text-align:center;}
.price { margin: 0px 0px 10px;padding:8px 0px ;font-size:1.4em;color: #222;font-weight:bold;letter-spacing:0px;text-align:center;}
.price_title{ background-color: #999386;margin-right: 10px;padding: 8px 10px ;font-size:0.7em;color: #fff;letter-spacing:1px; }
.price_en{ padding-left: 5px;font-size:17px;color: #222;letter-spacing:1px; }
.plan_wrap p  { margin: 0px ;padding: 10px 0px;border-bottom: 1px dotted #c9b8a8;font-size:16px;color: #222;font-weight:normal;letter-spacing:0px;text-align:center;}


/*  ΝΆίΔΜϋΦ
--------------------------------------------------------------------------*/
#introduction{ max-width:900px;padding: 40px 0px ;position:relative;right:0px;left:0px;margin: auto auto;}
#introduction h3 { ;padding: 20px 0px 0px;font-size: 1.6em;color: #333;line-height: 1.6;font-weight: normal;letter-spacing:0px;text-align: center;}
#introduction div { padding: 20px 0px 30px;font-size: 16px;color: #333;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;z-index: 200;}
#introduction span { position:absolute;bottom: -10px;right: 50px;z-index: 100;}

.concept_point_title { font-size: 1.6em;color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: center;}
ul.concept_point { max-width: 600px;margin: 0px 10px 0px ;padding: 10px 0px 10px;right:0px;left:0px;margin:auto auto;}
ul.concept_point li { padding: 20px 0px 20px 50px;line-height: 1;border-bottom:1px solid #dfdfdf;}
ul.concept_point li { background: url('../img/check.png') no-repeat scroll; background-position: 0px 16px;position: relative;}
ul.concept_point li { font-size: 17px;color: #222;letter-spacing:0px;text-align: left;}
ul.concept_point:after { content: "";display: block;clear: both;}

/*  ²ΈΜ¬κ
--------------------------------------------------------------------------*/
ul.flow dd { margin-left: 0;text-align:left;}
ul.flow { max-width:800px;padding-left: 120px;position: relative; right:0px;left:0px;margin: 50px auto;}
ul.flow::before {content: "";width: 15px;height: 100%;background: #eee;margin-left: -8px;display: block;position: absolute;top: 0;left: 100px;}
ul.flow > li { ;position: relative;}
ul.flow > li:not(:last-child) {margin-bottom: 8vh;}
ul.flow > li .icon { 
        background: rgb(107,144,219);
	background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
	background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );}
ul.flow > li .icon { font-family: 'Oswald', sans-serif;font-size: 13px;color: #fff;padding: 8px 20px;display: block;position: absolute;top: 0;left: -120px;z-index: 100;}
ul.flow > li .icon::after {content: "";border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #66d5e9;position: absolute;top: 50%;left: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
ul.flow > li dl {padding-left: 40px;position: relative;}
ul.flow > li dl::before,
ul.flow > li dl::after {content: "";display: block;position: absolute;top: 15px;}
ul.flow > li dl::before {width: 7px;height: 7px;margin-top: -3px;background: #6b90db;border-radius: 50%;left: -23px;}
ul.flow > li dl::after {width: 30px;border-bottom: 1px dashed #999;position: absolute;left: -5px;}
ul.flow > li dl dt { padding: 0px 0px ;font-family:"Sawarabi Mincho", serif;font-size: 1.4em;font-weight: normal;color: #999386;letter-spacing: 1px;text-align:left;}
ul.flow > li dl dd { padding: 10px 0px ;font-size: 17px;font-weight: normal;color: #222;line-height: 1.6;letter-spacing: 1px;text-align:left;}

/* NEWS
--------------------------------------------------------------------------*/
.top_column_wrap { min-height: 400px; padding: 40px 0px 50px;margin: 0px 0px;background : transparent url(../img/bg_top_column.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;position: relative;text-align:center;}
.column_wrap { min-height: 400px; padding: 40px 0px 50px;background-color: rgba(0,0,0,1.0);position: relative;text-align:center;}

ul.blog_list { max-width: 640px;display: flex;flex-direction: column;margin: 0px ;padding: 30px 20px 30px ;right:0px;left:0px;margin:auto auto;}
ul.blog_list li { margin: 0px 0px 10px;padding: 10px 10px; background-color: rgba(255,255,255,1.0);border-radius: 15px;}
ul.blog_list li a{ width: 100%;position:relative;display: block;}
ul.blog_list li img { width:100%;height: auto;margin: 0px 0px 0px;border-radius: 15px 15px 0px 0px;}

ul.blog_list li h3 { margin: 0px;padding: 4px 0px 0px;font-size: 18px;color: #222;font-weight: normal;line-height: 1.5;text-decoration: underline;text-align:left;}
.blog_list_date { margin: 0px;padding: 10px 0px 20px;font-size: 14px;color: #666;letter-spacing: 0px;position: relative;text-align:left;}
.blog_list_comme { margin: 0px;padding: 5px 0px 0px;font-size: 15px;color: #666;letter-spacing: 0px;line-height: 1.5;text-align:left;z-index: ;}

.news_wrap { padding: 40px 10px 50px;margin: 0px 0px;background : transparent url(../img/bg_top_service.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;position: relative;text-align:center;}
ul.news_list { margin: 0px 0px 0px ;padding: 0px 10px 0px ;}
ul.news_list li { background-color: rgba(0,0,0,0.8);margin: 0px 0px 10px;text-align: center;position: relative;}
ul.news_list li a { min-height:100px;padding: 15px 15px ;text-align: left;}
ul.news_list li a { border: 1px solid #001524;-webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
ul.news_list li a:hover { background-color:#;}
ul.news_list li a:after { position:absolute;right:20px;top:40%;content:"";width:32px;height:32px;}
ul.news_list li a:after { background:url(../img/news_arrow.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: ""; transition: all 0.2s ease-in-out 0.1s; transform: translateX(-10px);}
ul.news_list li a:hover::after { opacity: 1;transform: translateX(0px);}
ul.news_list li span { display: block;padding: 10px 0px 0px;font-size: 16px;color: #c9c9c9;}
ul.news_list li h3 { padding: 15px 70px 0px 0px;font-size: 16px;color: #c9c9c9;font-weight: normal;text-decoration: underline;}
ul.news_list li:after { content: "";display: block;clear: both;}

#news { ;padding: 20px 0px 40px;text-align: center;right:0px;left:0px;margin:auto auto;}
#news h3 { margin: 0px;padding: 25px 0px 15px;;border-bottom: 1px solid #eceeee;}
#news h3 { font-size:1.2em;color: #222;font-weight:normal;letter-spacing:0px;position: relative;text-align:left;}
.news_img { max-width: 100%;}
.news_day { padding: 15px 0px 0px;font-size: 16px; color: #222;font-weight: normal;letter-spacing: 0px;text-align: left;}
.news_comme { padding: 15px 0px 20px;margin: 0px;font-size: 18px;color: #222;line-height: 1.7;letter-spacing:0px;text-align: left;}


/*  Ζ±Δΰ
--------------------------------------------------------------------------*/
#service_top{ max-width:900px;padding: 20px 0px ;position:relative;right:0px;left:0px;margin: auto auto;}
#service_top h2 { ;padding: 20px 0px 0px;font-size: 1.8em;color: #333;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: center;}
#service_top div { padding: 20px 0px 30px;font-size: 17px;color: #333;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;}
#service_top span { position:absolute;bottom: -10px;right: 50px;}

ul.service_check { max-width: 600px;margin: 0px 10px 0px ;padding: 10px 0px 0px;right:0px;left:0px;margin:auto auto;}
ul.service_check li { padding: 15px 0px 15px 40px;line-height: 1;border-bottom:1px dotted #dfdfdf;}
ul.service_check li { background: url('../img/service_check.png') no-repeat scroll; background-position: 0px 15px;position: relative;}
ul.service_check li { font-size: 15px;color: #222;letter-spacing:0px;line-height: 1.6;text-align: left;}
ul.service_check:after { content: "";display: block;clear: both;}
ul.service_check h3 { margin: 0px 0px 10px;padding: 10px 0px;border-bottom: 1px solid #dfdfdf;font-size:1.2em;color: #222;font-weight:bold;letter-spacing:1px;text-align:left;}

.service01_wrap{ max-width: 1200px; background-color: #f2f2f2; padding: 20px 20px ;right:0px;left:0px;margin:15px auto;}
.service02_wrap{ max-width: 1200px; background-color: #eae3dc; padding: 20px 20px ;right:0px;left:0px;margin:15px auto;}
.service03_wrap{ max-width: 1200px; background-color: #000; padding: 20px 20px;right:0px;left:0px;margin:15px auto;}
.service03_wrap p  { margin: 0px ;padding: 10px 0px;border-bottom: 1px dotted #c9b8a8;font-size:16px;color: #fff;font-weight:normal;letter-spacing:0px;text-align:left;}

ul.service_column { width:100%;margin: 0px;padding: 0px 0px  ;display:inline-block;}
ul.service_column li { list-style: none;}
ul.service_column li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul.service_column li { margin: 0px 0px 0px;padding: 0px 15px 0px}
ul.service_column li { position:relative;display: block;transition: all .3s;}

.service_title01 { margin: 0px ;padding: 10px 0px;border-bottom: 1px solid #c9b8a8;font-size:1.0em;color: #222;font-weight:normal;letter-spacing:0px;text-align:left;}
.service_title02 { margin: 0px 0px 10px;padding: 50px 0px 20px;font-size:1.0em;color: #c9b8a8;font-weight:normal;letter-spacing:0px;text-align:center;}
.service_title03 { margin: 0px 0px 10px;padding: 10px 0px;border-bottom: 1px solid #c9b8a8;font-size:1.0em;color: #c9b8a8;font-weight:normal;letter-spacing:0px;text-align:left;}
.service_comme { padding: 10px 0px ;font-size:16px;color: #222;font-weight:normal;letter-spacing:1px;line-height: 1.6;text-align:left;}
.service_comme2 { padding: 10px 0px ;font-size:16px;color: #ececec;font-weight:normal;letter-spacing:1px;line-height: 1.6;text-align:left;}
.service_price { margin: 0px ;padding: 20px 0px 0px;font-size:1.2em;color: #fff;font-weight:bold;letter-spacing:0px;text-align:left;}



/*  ABOUT
--------------------------------------------------------------------------*/
table.about { width: 100%;border-collapse: collapse;border-spacing: 0px;right:0px;left:0px;margin:30px auto;}
table.about th { width: 200px;padding: 15px 0px 15px;vertical-align: middle;border-bottom: 2px solid #f0f0f0;text-align: left;}
table.about th { font-size: 16px;color: #666;letter-spacing:0px;font-weight: normal;line-height: 1.5;}
table.about td { padding: 15px 0px 15px;vertical-align: middle;border-bottom: 2px solid #f0f0f0;text-align: left;}
table.about td { font-size: 16px;color: #666;letter-spacing:1px;font-weight: normal;line-height: 1.6;}
table.about td  a { color: #d50f68;text-decoration: underline;}

/*  FAQ
--------------------------------------------------------------------------*/
.faq_wrap { background: rgb(231,226,215);}
.faq_wrap { margin: 0px 0px;padding: 20px 20px;position:relative;text-align:center;}
#faq { width: 100%;padding: 0px 0px 0px;}
#faq dt { cursor:pointer;}
#faq dt { background: url('../img/arrow_down.png') no-repeat scroll ;background-position: right 18px bottom 18px;background-color:#fff;}
#faq dt { padding: 25px 20px 25px;margin: 0px 0px 5px;border-radius: 0px;text-align: center;}
#faq dt.active { background: url('../img/arrow_up.png') no-repeat scroll ;background-position: right 18px bottom 18px;background-color:#fff;}
#faq dt h3 { font-size:18px;color: #222;font-weight:bold;text-shadow:0px 0px 0px 0px #cbe0e8;letter-spacing:1px;text-align: left;margin: 0px auto;}
#faq dd { text-align:center;display:none;}
#faq dd { background-color: #3c3b38;padding: 20px 20px 20px;margin: 10px 0px 20px;text-align:left;}
#faq dd { font-size: 15px;color: #fff;font-weight: normal;line-height: 1.6;letter-spacing:1px;}



/*  POLICY
--------------------------------------------------------------------------*/
#policy { padding: 10px 0px 0px;}
#policy h3 { border-bottom: 1px solid #f2f2f2;padding: 20px 0px 10px;margin: 0px 0px 0px;position:relative;}
#policy h3 { font-size: 1.1em;color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align:left;}
#policy div { padding: 10px 0px 20px;font-size: 14px;color: #333;line-height: 1.6;font-weight: normal;letter-spacing:0px;text-align:left;}


/*  COMPANY
--------------------------------------------------------------------------*/
table.company { width: 100%;border-collapse: collapse;border-spacing: 0px;right:0px;left:0px;margin:auto auto;}
table.company th { width: 90px;padding: 15px 0px 15px;vertical-align: middle;border-bottom: 2px solid #f3f3f3;text-align: left;}
table.company th { font-size: 15px;color: #333;letter-spacing:0px;font-weight: normal;line-height: 1.5;}
table.company td { padding: 15px 0px 15px;vertical-align: middle;border-bottom: 2px solid #f3f3f3;text-align: left;}
table.company td { font-size: 15px;color: #333;letter-spacing:1px;font-weight: normal;line-height: 1.6;}
table.company td  a { color: #d50f68;text-decoration: underline;}


/*  CONTACT
--------------------------------------------------------------------------*/
ul.contact_caution { margin: 0px 0px 10px ;padding: 0px 5px 0px;}
ul.contact_caution li { margin: 5px 0px 5px ; padding: 10px 0px 10px;letter-spacing:0px;}
ul.contact_caution li { line-height: 1.5;border-bottom: 1px dotted #d0d0d0;}
ul.contact_caution li { font-size: 13px;color: #333;font-weight: normal;}
ul.contact_caution li { text-decoration: none;text-align: left;position: relative;}
ul.contact_caution li a{ text-decoration: none;font-size: 13px;color: #7592da;}
ul.contact_caution:after { content: "";display: block;clear: both;}

.form01 { margin: 5px 5px 0px;padding: 10px 0px 5px ;font-size: 16px;color: #666;letter-spacing:0px;text-align: left;}
.form_sub { margin: 5px 5px 0px;padding: 10px 0px 0px ;font-size: 16px;color: #07a1bd;letter-spacing:0px;text-align: left;}
.form_span01{ background: #222;margin-right: 5px;padding:4px 7px 4px;font-size: 10px;color: #fff;vertical-align: 3px;}
.form_span02{ background: #b2c9d9;margin-right: 5px;padding:4px 7px 4px;font-size: 10px;color: #fff;vertical-align: 3px;}
.form_caution { margin: 0px 0px 0px;padding: 0px 0px 5px ;font-size: 16px;color: #a90505;text-decoration: underline;letter-spacing:0px;text-align: left;}

/*  FORM
--------------------------------------------------------------------------*/
input{ width:100%;font-size:120%; color:#222;padding: 12px 0px 12px;border-radius: 0px;border: 1px solid #e7e1e3;background-color: #fff;}
input{ -webkit-appearance: none; }
input:focus{ background: #fff;-webkit-appearance: none;}

textarea{ width:100%; font-size:120%; padding: 5px 0px 5px;margin: 8px 0px 8px;border-radius: 0px;border: 1px solid #d8d3c9;background-color: #fff;}
textarea { overflow: auto; resize: none;-webkit-appearance: none;}
textarea:focus{ background: #fff;}

select { width:100%;font-size:100%; color: #222;padding: 10px 8px 10px;margin: 8px 0px 8px;border-radius: 0px;}
select { border: 1px solid #e7e1e3;background-color: #fff;-webkit-appearance: none;}
select { font-family:'qMmpS Pro W3','Hiragino Kaku Gothic Pro','CI',Meiryo,'lr oSVbN',sans-serif;}
select { background: #fff url(../img/select_arrow.png) no-repeat right;}

.select01 { width:100%; }
.select02 { width:30%; margin: 5px 0px 5px 0px;}

.select_cast{ width:100%; margin: 5px 0px 10px ; border: 2px solid #f4f4f4;border-radius: 0px;background-color: #fff;color: #222;-webkit-appearance: none;}
.select_area{ width:100%; margin: 5px 0px 10px ; border: 2px solid #f4f4f4;border-radius: 0px;background-color: #fff;color: #222;-webkit-appearance: none;}

input.button { width:100%;;margin: 8px 0px 20px;padding: 16px 0px;border-radius: 0px;border: 0px solid #;border-radius: 0px;}
input.button { background: #222;}
input.button { font-family: 'Oswald', sans-serif;font-size:15px;color: #fff;font-weight:normal;letter-spacing: 1px;text-align: center;-webkit-appearance: none;}
input.button { -webkit-appearance: none;}
input.button:hover { background: #000;color: #fff;}
input.button:active { position:relative;top:1px;}

.button-radio { width:100%; padding: 0px;margin: 0px;font-size: 0;}
.button-radio input[type="radio"] {display:none; padding: 0px 0px;margin: 0px 0px 0px 0px;}
.button-radio label { display:inline-block;line-height: 44px;width: 50%;margin: 8px 0px 8px 0px;padding: 0px 0px;text-align: center;}
.button-radio label { background-color:#c7c7c7;border: 0px solid #d6d6d6;color:#fff; font-size:15px;}
.button-radio input[type="radio"]:checked + label { background-color:#ea89a0;border: 0px solid #d6d6d6;}

/*  Abv[h
--------------------------------------------------------------------------*/
.uploadButton {
    display:inline-block;
    position:relative;
    overflow:hidden;
    border-radius:0px;
    background:#222;border: 0px solid #161616;
    font-size:15px;color:#fff;
    text-align:center;padding: 10px 0px 10px 0px;
    line-height:28px;width:100%;cursor:pointer;}
.uploadButton:hover {background:#000;color:#fff;}
.uploadButton input[type=file] {position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;}
.uploadValue {width:50%;display:none;background:rgba(255,255,255,0.2);border-radius:0px;padding:;color:#666;border: 1px solid #fff;}



/*  FOOTER
--------------------------------------------------------------------------*/
.footer { background: rgba(0,0,0,1.0) ; }
.footer { min-height: 100px;margin: 0px 0px 0px ;padding: 30px 0px ;position:relative;text-align: center; }

ul.foot_menu { margin: 10px 0px 10px;padding: 0px 10px 0px ;text-align: left;}
ul.foot_menu li { padding: 5px 5px 5px 10px;letter-spacing:0px;font-size: 12px;line-height: 1.3;color: #222;float: left;}
_ul.foot_menu li { background: url('../img/foot_point.png') no-repeat scroll; background-position: 0px 10px;position: relative;}
ul.foot_menu li a { color: #898989;text-decoration: underline;}
ul.foot_menu li a:hover { text-decoration: none;}
ul.foot_menu li:after { content: "";display: block;clear: both;}

.foot_logo { max-width: 180px; height:auto;margin: 20px 0px;}

ul.foot_address { margin: 0px 0px 0px ;padding: 50px 0px 20px ;}
ul.foot_address li { padding: 0px 0px 2px ;letter-spacing:0px;}
ul.foot_address li { font-size: 13px;color: #898989;font-weight: normal;line-height: 1.5;text-align: center;}
ul.foot_address li a { color: #898989;text-decoration: underline;}
ul.foot_address li a:hover { text-decoration: none;}
ul.foot_address li.ad_name { font-size: 15px; color: #;padding: 0px 0px 5px}


.copy { margin: 0px 0px;padding: 10px 10px;}
.copy { font-size: 12px;font-family: Tahoma,arial,sans; color: #222;line-height: 1.6;letter-spacing: 1px;text-align: center;}
.copy a { color: #898989;text-decoration: none;}
.copy a:hover { text-decoration: line-through;}

/* PAGER
--------------------------------------------------------------------------*/
.pager_wrap { width: ;position: relative;text-align: center; }
ul.pager { margin: 0px;padding: 10px 0px 10px ;display: inline-block;}
ul.pager li { background-color: #393939;border: 0px solid #dad9cc;margin: 2px 1px 2px;display: block;}
ul.pager li { min-width: 40px;line-height: 40px;float:left;position:relative;text-align: center;}
ul.pager li { font-family: 'Oswald', sans-serif ;font-size: 14px;color: #fff;letter-spacing:0px;text-decoration: none;;}
ul.pager li a { background-color: #d8d8d8;line-height: 40px;display:block;position:relative;text-align: center;}
ul.pager li a { font-size: 14px;color: #222;letter-spacing:0px;text-decoration: none;}
ul.pager li a:hover  { background-color: #393939;color:#fff;text-decoration: none;display:block;}
ul.pager li.current a { background-color: #393939;color:#fff;text-decoration: none;display:block;}









