@charset "utf-8";


/*---------------------------------------------
--------------------------------------------
 common
--------------------------------------------
---------------------------------------------*/


/* Reset
---------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

ul,ol {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

input, select {
    vertical-align:middle;
}




/*---------------------------------------------
 基本要素
---------------------------------------------*/

html {
    width: 100%;
    min-width: 1140px;
	font-size: 62.5%;}

body {
    width: 100%;
    min-width: 1140px;
	text-align: left;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500; /* 游ゴシックがWindowsのGoogleChromeで細くなる用対策 */
	font-size: 1.5rem;
	line-height: 1.6;
	color: #010000;
	-webkit-text-size-adjust: 100%;
	background-color: #fff;}

a,a:hover {
    color: #010000;
    text-decoration: none;
	outline: none;}

a:active {
	background-color: transparent;
	outline: none;}

.font_bold {font-weight: bold;}

/* Helvetica */
.font_en {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;}
.font_en_bold {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;}

.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.position_relative {
	position: relative;}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
select:focus,
textarea:focus {
	outline: 0;}


/* pc_only */
.pc_only {display: inline;}

/* sp_only */
.sp_only {display: none;}







/*---------------------------------------------
---------------------------------------------
------------------------------------------

全ページ共通

------------------------------------------
---------------------------------------------
---------------------------------------------*/


#container {
    width: 100%;
    min-width: 1140px;}

.contents1140 {
    width: 1140px;
    margin: 0 auto;}


/*---------------------------------------------

 Btn_a

---------------------------------------------*/

.btn_type_a {
    position: relative;
    display: inline-block;
    font-size: 1.9rem;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: bold;
    text-align: center;}

.btn_type_a a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 24px 20px 21px 0;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	border-radius: 33px;
    background-color: #8497b0;
    -webkit-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out;}

.btn_type_a a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%; right: 22px;
    width: 9px;
    height: 9px;
    color: #fff;
    vertical-align: middle;
    margin-top: -4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);}

.btn_type_a a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #637893;}


/* yellow
---------------------------------------------*/


.btn_type_a.yellow a {
    color: #000;
    background-color: #ffc000;}

.btn_type_a.yellow a::after {
    border-top: 2px solid #000;
    border-right: 2px solid #000;}

.btn_type_a.yellow a:hover {
    color: #000;
    background-color: #ffa800;}



/*---------------------------------------------

header

---------------------------------------------*/


header {
	z-index: 100;
    position: fixed;
    top: 0px; left: 0px;
	width: 100%;
    min-width: 1140px;
	height: 105px;
	background-color: #fff;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}

/* smaller move */
header.smaller {
	height: 60px;}


/* --- logo ---*/
    
header h1 {
	position: absolute;
	top: 27px; left: 36px;
    width: 200px;
    height: 60px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}
header h1 img {
    width: 100%;
    height: auto;}
    
/* smaller move */
header.smaller h1 {
	top: 5px;
    width: 170px;
    height: auto;}

  
/* --- login (a:hover=gnav) --- */

.header_login {
	position: absolute;
	top: 20px; right: 180px;
 	height: 85px;
	font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.04em;
	text-align: center;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}

/* smaller move */
header.smaller .header_login {
	top: 0px;
 	height: 60px;}


/* --- trial --- */

.btn_type_a.header_trial {
    position: absolute;
    top: 26px; right: 24px;
    font-size: 1.5rem;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}

.btn_type_a.header_trial a {
    width: 154px;
    padding: 20px 0 17px 0;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
    border-radius: 26px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}

.btn_type_a.header_trial a::after {
    display: none;}

/* smaller move */
header.smaller .btn_type_a.header_trial {
    top: 14px;}
header.smaller .btn_type_a.header_trial a {
    padding: 10px 0 8px 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
    border-radius: 20px;}


    
/* --- Global Navi --- */

#gnav {
	position: absolute;
	top: 20px; left: 270px;
    height: 85px;
   -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}

#gnav>ul>li {
	display: inline-block;
	height: 85px;
	font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.04em;
	text-align: center;
   -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}

#gnav>ul>li a,
.header_login a {
	position: relative;
	display: block;
	width: auto;
	height: 55px;
	color: #000;
	padding: 30px 20px 0 20px;
	text-decoration: none;
   -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}
#gnav>ul>li.current a,
.header_login.current a {
	color: #ffc000;}

#gnav>ul>li a:hover,
.header_login a:hover {
	color: #000;
	text-decoration: none;}
#gnav>ul>li.current a:hover,
.header_login.current a:hover {
	color: #ffc000;}

#gnav>ul>li a::before,
.header_login a::before {
	content: '';
	width: 0;
	left: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	border-bottom: 3px solid #ffc000;
	position: absolute;
	display: block;}

#gnav>ul>li a:hover::before,
.header_login a:hover::before {
	width: 50%;
	border-bottom: 3px solid #ffc000;}

#gnav>ul>li a::after,
.header_login a::after {
	content: '';
	width: 0;
	right: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	border-bottom: 3px solid #ffc000;
	position: absolute;
	display: block;}

#gnav>ul>li a:hover::after,
.header_login a:hover::after {
	width: 50%;
	border-bottom: 3px solid #ffc000;}


/* smaller move */
header.smaller #gnav {
    top: 0px;}
header.smaller #gnav>ul>li {
    height: 60px;}
header.smaller #gnav>ul>li a,
header.smaller .header_login a {
	height: 38px;
	padding: 22px 20px 0 20px;}


/* gnav スマートフォンサイズ用 */
#sp_btn_gnav,
#sp_header_nav {
    display: none;}




/*---------------------------------------------

footer

---------------------------------------------*/


/* gray background
---------------------------------------------*/

#footer_box {
    width: 100%;
    text-align: center;
    padding: 50px 0 30px 0; 
    background-color: #8497b0;}

/* btn_a */
#footer_box .btn_type_a {
    margin-top: 25px;}
#footer_box .btn_type_a a {
    width: 360px;}


/* -- ft_menu --- */

.ft_menu {
    padding-top: 20px;}

.ft_menu>li {
	display: inline-block;
	font-size: 1.5rem;
    letter-spacing: 0.04em;}

.ft_menu>li a {
	position: relative;
	display: block;
	width: auto;
	height: 40px;
	color: #fff;
	padding: 20px 20px 0 20px;
	text-decoration: none;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}

.ft_menu>li a:hover {
	color: #fff;
	text-decoration: none;}

.ft_menu>li a::before {
	content: '';
	width: 0;
	left: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	border-bottom: 2px solid #fff;
	position: absolute;
	display: block;}

.ft_menu>li a:hover::before {
	width: 50%;
	border-bottom: 2px solid #fff;}

.ft_menu>li a::after {
	content: '';
	width: 0;
	right: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	border-bottom: 2px solid #fff;
	position: absolute;
	display: block;}

.ft_menu>li a:hover::after {
	width: 50%;
	border-bottom: 2px solid #fff;}

/* current */
.ft_menu>li.current a {
	color: #ffc000;}
.ft_menu>li.current a:hover {
	color: #ffc000;}
.ft_menu>li.current a:before {
	display: none;}
.ft_menu>li.current a:after {
	width: 100%;
	right: 0px;
	transition: none;
	border-bottom: 2px solid #ffc000;}
.ft_menu>li.current a:hover:after {
	width: 100%;}



/* copyright
---------------------------------------------*/

#copyright {
    text-align: center;
    padding: 30px 0 65px 0;}

#copyright small {
    color: #010000;
    font-size: 1.3rem;
    letter-spacing: 0.04em;
    font-style: normal;}



/*---------------------------------------------
---------------------------------------------
------------------------------------------

 下層ページ共通

------------------------------------------
---------------------------------------------
---------------------------------------------*/



/* Contents
---------------------------------------------*/

.contents {
    width: 100%;
    min-width: 1100px;
    border-top: 3px solid #44b7ab;}

.contents .inner {
    width: 1100px;
    padding-top: 45px;
    margin: 0 auto;}

/* Main 2カラム */
.main {
    float: left;
    width: 820px;
    padding-bottom: 80px;}

/* Main 1カラム */
.main.wide {
    width: 1100px;}



/* H
---------------------------------------------*/

/* h2 */
.ttl_h2 {
    width: 100%;
    height: 110px;
    padding-top: 195px;
    background-color: #8497b0;}
.ttl_h2 h2 {
    color: #fff;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.15em;
    text-align: center;}

/* h3 */
h3.page_h3 {
    position: relative;
    color: #222a35;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0.04em;
    text-align: center;
    padding-bottom: 18px;
    margin-bottom: 50px;}
h3.page_h3::after {
    content: "";
    position: absolute;
    bottom: 0; left: 50%;
    width: 120px;
    height: 3px;
    margin-left: -60px;
    background-color: #8497b0;}



/* Detail Common
---------------------------------------------*/

.detail_box {
    width: 940px;}

/* p */
.detail_box p {
    color: #000;
    font-size: 1.6rem;
    line-height: 1.9;
    letter-spacing: 0.12em;
    padding-bottom: 35px;}

/* img */
.detail_box img {
    display: block;
    max-width: 100%;}
/* img fleft fright */
.detail_box p.fleft {
    padding: 0 35px 30px 0;}
.detail_box p.fright {
    padding: 0 0 30px 35px;}

/* a */
.detail_box a {
    color: #8497b0;
    text-decoration: underline;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.detail_box a:hover {
    color: #8497b0;
	text-decoration: underline;
    background-color: rgba(255,192,0,0.2);}



/* Breadcrumb
---------------------------------------------*/

.breadcrumb {
    font-size: 1.3rem;
    line-height: 1.8;
    letter-spacing: 0.04em;
    color: #8497b0;
    padding: 10px 0 10px 3px;}

.breadcrumb a {
    display: inline-block;
    color: #8497b0;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
    transition: border-color 0.3s ease-in-out;}
.breadcrumb a:hover {
    color: #8497b0;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px solid #8497b0;}



/* Top Message
---------------------------------------------*/


/* --- center --- */

.top_msg {
    padding: 30px 0;}

.top_msg p {
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0.04em;
    text-align: center;
    padding: 0 0 5px 0;}


/* --- left --- */

.top_msg_left {
    width: 830px;
    padding: 40px 0;
    margin: 0 auto;}

.top_msg_left p {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.04em;}



/* Pagination
---------------------------------------------*/

.pagination {
    display: block;
    font-size: 1.6rem;
    text-align: center;
    color: #8497b0;
    padding: 0;}

.pagination span {
    display: inline-block;
    letter-spacing: 0.1em;
    vertical-align: middle;
    margin: 0 3px 12px 0;}

.pagination a,
.pagination .current,
.pagination .previous,
.pagination .next {
    display: inline-block;
    min-width: 22px;
    height: 42px;
    color: #8497b0;
    font-size: 1.6rem;
    vertical-align: middle;
    line-height: 42px;
    letter-spacing: 0.1em;
    margin: 0 3px 12px 0;
    padding: 0 10px;
    border: 1px solid #8497b0;
    border-radius: 50px;
    background-color: #fff;
    transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;}

.pagination .current {
    font-weight: bold;}

.pagination .previous,
.pagination .next {
    padding: 0 15px;}

.pagination a {
    text-decoration: none;}

.pagination a:hover,
.pagination .current {
    color: #fff!important;
    border-color: #8497b0;
    background-color: #8497b0;}

/* Pagination Detail */
.pagination.detail a,
.pagination.detail .previous,
.pagination.detail .next {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;}



/* Link Btn @Function @Price
---------------------------------------------*/

.function_link {
    padding: 85px 0;}

/* btn_a */
.function_link p:first-child {
    margin-right: 24px;}
.function_link p:first-child a {
    width: 314px;}
.function_link p:last-child a {
    width: 284px;}



/*---------------------------------------------
---------------------------------------------
------------------------------------------

frontpage

------------------------------------------
---------------------------------------------
---------------------------------------------*/




/* MainVisual @frontpage
---------------------------------------------*/

#index_mv {
    position: relative;
    width: 100%;
    height: 540px;
    padding-top: 105px;
    background: url(./images/index_bg_mv.jpg) no-repeat center center;
	-webkit-background-size: cover;
    background-size: cover;}

/* icon img */
#index_mv .inner {
    z-index: 10;
    position: absolute;
    left: 0px; bottom: -70px;
    width: 100%;
    height: 540px;
    background: url(./images/index_img_mv.png) no-repeat center bottom;}

/* text img */
.index_mv_text {
    width: 1140px;
    padding-top: 20px;
    margin: 0 auto;}

/* btn_a */
.index_mv_btn {
    width: 1140px;
    padding: 17px 0 0 0;
    margin: 0 auto;}
.index_mv_btn .btn_type_a a {
    width: 385px;}


/* Info @frontpage
---------------------------------------------*/

#index_info {
    width: 100%;
    height: 60px;
    padding: 38px 0 0 0;
    background-color: #f4f8fc;}

/* ul */
#index_info ul {
    z-index: 20;
    position: relative;}

#index_info ul li {
    position: relative;
    color: #010000;
    font-size: 1.5rem;
    letter-spacing: 0.04em;
    padding-left: 125px;}

#index_info ul li a {
    color: #010000;
	text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
#index_info ul li a:hover {
    color: #010000;
	text-decoration: none;
    background-color: rgba(255,192,0,0.2);}

/* time */
#index_info ul li time {
    position: absolute;
    top: 0; left: 0;}


/* BOX01 @frontpage
---------------------------------------------*/

#index_box01 {
    padding-top: 90px;
    padding-bottom: 90px;}

/* div */
#index_box01>div {
    float: left;
    width: 550px;}

/* figure */
#index_box01>figure {
    float: right;
    width: 552px;}

/* h2 */
#index_box01 h2 {
    font-size: 2.8rem;
    line-height: 1.6;
    letter-spacing: 0.04em;
    padding-bottom: 20px;}

/* p */
#index_box01 p:not(.btn_type_a) {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.04em;
    padding-bottom: 35px;}

/* btn_a */
#index_box01 .btn_type_a a {
    width: 280px;}



/* BOX02 @frontpage
---------------------------------------------*/

#index_box02 {
    padding-top: 100px;
    padding-bottom: 120px;
    background-color: #f4f8fc;}

/* h2 */
#index_box02 h2 {
    position: relative;
    color: #222a35;
    font-size: 2.8rem;
    line-height: 1.6;
    letter-spacing: 0.04em;
    text-align: center;
    padding-bottom: 20px;}
#index_box02 h2::after {
    content: "";
    position: absolute;
    bottom: 0px; left: 50%;
    width: 114px;
    height: 3px;
    margin-left: -57px;
    background-color: #8497b0;}

/* intro p */
#index_box02 p.intro {
    width: 830px;
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.04em;
    padding-top: 40px;
    padding-bottom: 10px;
    margin: 0 auto;}

/* ul */
#index_box02 ul {
    width: 990px;
    padding-bottom: 30px;
    margin: 0 auto;}

#index_box02 ul li {
    float: left;
    width: 230px;
    height: 65px;
    color: #000;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.04em;
    text-align: center;
    padding-top: 265px;
    margin-right: 150px;
    margin-bottom: 80px;}
#index_box02 ul li:nth-child(3n) {margin-right: 0;}
#index_box02 ul li:first-child {background: url(./images/index_box02_bg_01.png) no-repeat center bottom;}
#index_box02 ul li:nth-child(2) {background: url(./images/index_box02_bg_02.png) no-repeat center bottom;}
#index_box02 ul li:nth-child(3) {background: url(./images/index_box02_bg_03.png) no-repeat center bottom;}
#index_box02 ul li:nth-child(4) {background: url(./images/index_box02_bg_04.png) no-repeat center bottom;}
#index_box02 ul li:nth-child(5) {background: url(./images/index_box02_bg_05.png) no-repeat center bottom;}
#index_box02 ul li:nth-child(6) {background: url(./images/index_box02_bg_06.png) no-repeat center bottom;}

/* btn_a */
#index_box02>div p:first-child {
    margin-right: 25px;}
#index_box02 .btn_type_a a {
    width: 280px;}



/* BOX03 @frontpage
---------------------------------------------*/

#index_box03 {
    position: relative;
    padding: 115px 0 95px 0;}
#index_box03::before {
    content: "";
    position: absolute;
    bottom: 0px; left: 0px;
    width: 100%;
    height: 490px;
    background-color: #f5f5f6;}

#index_box03>.inner {
    z-index: 10;
    position: relative;}

/* h2 */
#index_box03 h2 {
    position: relative;
    color: #222a35;
    font-size: 2.8rem;
    line-height: 1.6;
    letter-spacing: 0.04em;
    text-align: center;
    padding-bottom: 20px;}
#index_box03 h2::after {
    content: "";
    position: absolute;
    bottom: 0px; left: 50%;
    width: 114px;
    height: 3px;
    margin-left: -57px;
    background-color: #8497b0;}

/* intro p */
#index_box03 p.intro {
    width: 830px;
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.04em;
    padding-top: 50px;
    padding-bottom: 10px;
    margin: 0 auto;}

/* ul */
#index_box03 ul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
    padding-top: 40px;
    padding-bottom: 70px;}

#index_box03 ul li {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
    width: 354px;
    margin-right: 39px;}
#index_box03 ul li:nth-child(3) {margin-right: 0;}

#index_box03 ul li a {
    display: block;
    padding: 26px 26px 25px 26px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;}

#index_box03 ul li a:hover {
    border: 1px solid #8497b0;
    background-color: #f4f8fc;}

/* h3 */
#index_box03 ul li h3 {
    color: #266ebc;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.04em;
    text-align: center;
    padding-top: 15px;}

/* p */
.index_box03_p {
	overflow: hidden;
	width: 300px;
	height: 80px;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.04em;
    padding-top: 10px;}

/* figure */
#index_box03 figure {
    overflow: hidden;
    width: 100%;
    height: 200px;}
#index_box03 figure img {
    max-width: 100%;}

/* btn_a */
#index_box03 .btn_type_a a {
    width: 280px;}



/* info / company
---------------------------------------------*/

#ft_info_company {
    padding: 100px 0 110px 0;}

/* h2 */
#ft_info_company h2 {
    position: relative;
    color: #222a35;
    font-size: 2rem;
    line-height: 1.6;
    letter-spacing: 0.04em;
    padding-bottom: 16px;}
#ft_info_company h2::after {
    content: "";
    position: absolute;
    bottom: 0px; left: 0px;
    width: 55px;
    height: 3px;
    background-color: #8497b0;}


/* --- info --- */

#ft_info {
    position: relative;
    float: left;
    width: 600px;}

/* btn_a */
#ft_info .btn_type_a {
    position: absolute;
    top: 15px; right: 0px;
    font-size: 1.4rem;
    font-weight: 500;}
#ft_info .btn_type_a a {
    width: 65px;
    padding: 8px 0 7px 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    border-radius: 15px;}
#ft_info .btn_type_a a::after {
    display: none;}

/* ul */
#ft_info ul {
    padding-top: 20px;}

#ft_info ul li {
    position: relative;
    font-size: 1.5rem;
    line-height: 1.7;
    letter-spacing: 0.04em;
    padding: 18px 0 16px 120px;
    border-bottom: 1px solid #ccc;}

#ft_info ul li a {
    color: #010000;
	text-decoration: none;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;}
#ft_info ul li a:hover {
    color: #010000;
	text-decoration: none;
    background-color: rgba(255,192,0,0.2);}

#ft_info ul li time {
    position: absolute;
    top: 18px; left: 0;}


/* --- company --- */

#ft_company {
    float: right;
    width: 447px;}

/* logo */
.ft_company_logo {
    padding-top: 25px;}

/* company name */
.ft_company_name {
    color: #000;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0.04em;
    padding-top: 20px;}

/* company address */
.ft_company_address {
    font-size: 1.5rem;
    line-height: 1.9;
    letter-spacing: 0.04em;
    padding-top: 5px;}

/* btn_a */
#ft_company .btn_type_a {
    font-size: 1.6rem;
    margin-top: 30px;}
#ft_company .btn_type_a a {
    width: 380px;
    padding: 21px 20px 18px 0;}





/*---------------------------------------------
---------------------------------------------
------------------------------------------

cases

------------------------------------------
---------------------------------------------
---------------------------------------------*/



/* cases list @cases
---------------------------------------------*/

#cases_list {
    padding: 20px 0 70px 0;}

/* ul */
#cases_list ul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
    padding-bottom: 20px;}

#cases_list ul li {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
    width: 354px;
    margin-right: 39px;
    margin-bottom: 39px;}
#cases_list ul li:nth-child(3n) {margin-right: 0;}

#cases_list ul li a {
    display: block;
    padding: 26px 26px 25px 26px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;}

#cases_list ul li a:hover {
    border: 1px solid #8497b0;
    background-color: #f4f8fc;}

/* Criant */
#cases_list ul li h3 {
    color: #266ebc;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.04em;
    text-align: center;
    padding-top: 15px;}

/* figure */
#cases_list figure {
    overflow: hidden;
    width: 100%;
    height: 200px;}
#cases_list figure img {
    max-width: 100%;}




/* cases detail @cases_detail
---------------------------------------------*/

#cases_detail {
    position: relative;
    width: 100%;
    padding: 65px 0 90px 0;}

/* bg gray */
#cases_detail::before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 490px;
    background-color: #f5f5f6;}

/* Criant */
#cases_detail h3 {
    position: relative;
    color: #000;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0.04em;
    text-align: center;
    padding-bottom: 23px;
    margin-bottom: 50px;}
#cases_detail h3::after {
    content: "";
    position: absolute;
    bottom: 0; left: 50%;
    width: 120px;
    height: 3px;
    margin-left: -60px;
    background-color: #8497b0;}

/* bg white */
#cases_detail .detail_box {
    padding: 50px 100px 20px 100px;
    margin: 0 auto;
    background-color: #fff;}





/*---------------------------------------------
---------------------------------------------
------------------------------------------

info

------------------------------------------
---------------------------------------------
---------------------------------------------*/



/* info list @info
---------------------------------------------*/

#info_list {
    padding: 5px 0 110px 0;}

/* ul */
#info_list ul {
    padding-bottom: 70px;}

#info_list ul li {
    position: relative;
    font-size: 1.8rem;
    line-height: 1.6;
    letter-spacing: 0.04em;}

#info_list ul li a {
    display: block;
    padding: 55px 20px 15px 133px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}

#info_list ul li a:hover {
    background-color: #f4f8fc;}

#info_list ul li time {
    position: absolute;
    top: 55px; left: 3px;}



/* info detail @cases_detail
---------------------------------------------*/

#info_detail {
    width: 940px;
    padding: 55px 100px 100px 100px;
    margin: 0 auto;}

/* Title */
#info_detail h3 {
    color: #000;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.04em;
    padding-bottom: 4px;}

/* Date */
#info_detail time {
    display: block;
    color: #8497b0;
    font-size: 1.5rem;
    line-height: 1.8;
    letter-spacing: 0.04em;
    padding-bottom: 12px;
    padding-left: 3px;
    border-bottom: 1px solid #ccc;}

#info_detail .detail_box {
    padding-top: 40px;
    padding-bottom: 50px;}





/*---------------------------------------------
---------------------------------------------
------------------------------------------

Tips

------------------------------------------
---------------------------------------------
---------------------------------------------*/



/* tips list @tips
---------------------------------------------*/

#tips_list {
    padding: 40px 0 70px 0;}

/* ul */
#tips_list ul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
    padding-bottom: 40px;}

#tips_list ul li {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
    width: 354px;
    margin-right: 39px;
    margin-bottom: 39px;}
#tips_list ul li:nth-child(3n) {margin-right: 0;}

#tips_list ul li a {
    display: block;
    padding: 22px 26px 20px 26px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;}

#tips_list ul li a:hover {
    border: 1px solid #8497b0;
    background-color: #f4f8fc;}

/* Title */
#tips_list ul li h3 {
    color: #266ebc;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.04em;}

/* Date */
#tips_list ul li time {
    display: block;
    color: #010000;
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: 0.04em;
    padding-left: 2px;
    padding-bottom: 10px;
    margin-top: -2px;}

/* figure */
#tips_list figure {
    overflow: hidden;
    width: 100%;
    height: 200px;
    margin-bottom: 2px;}
#tips_list figure img {
    max-width: 100%;}



/* tips detail @tips_detail
---------------------------------------------*/

#tips_detail {
    position: relative;
    width: 100%;
    padding: 65px 0 90px 0;}

/* bg gray */
#tips_detail::before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 490px;
    background-color: #f5f5f6;}

/* Title */
#tips_detail h3 {
    position: relative;
    color: #000;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0.04em;
    text-align: center;
    padding-bottom: 23px;
    margin-bottom: 50px;}
#tips_detail h3::after {
    content: "";
    position: absolute;
    bottom: 0; left: 50%;
    width: 120px;
    height: 3px;
    margin-left: -60px;
    background-color: #8497b0;}

/* bg white */
#tips_detail .detail_box {
    padding: 50px 100px 20px 100px;
    margin: 0 auto;
    background-color: #fff;}





/*---------------------------------------------
---------------------------------------------
------------------------------------------

Contact / Trial

------------------------------------------
---------------------------------------------
---------------------------------------------*/



/* Contact Form @contact @Trial
---------------------------------------------*/

.form_box {
    width: 740px;
    margin: 0 auto;
    padding: 25px 0 120px 0;}
/* trial_form @Trial */
#trial_form.form_box {
    padding-bottom: 95px;}

/* --- dl --- */

.form_box dl {
    overflow: hidden;
	font-size: 1.6rem;
    line-height: 1.6;
	color: #010100;
    letter-spacing: 0.12em;}

.form_box dl dt {
	float: left;
	clear: both;
	width: 200px;
	font-weight: bold;
    padding: 40px 0 0 5px;}
	
.form_box dl dd {
	padding: 32px 0 0 205px;
    border-bottom: 1px solid #ccc;}

/* must */
.form_box dl dt.must::after {
	content: "※";
    color: #e25e93;
	font-weight: bold;
    padding-left: 5px;}


/* --- input / select / textarea --- */

.form_box input[type="text"],
.form_box input[type="tel"],
.form_box input[type="email"],
.form_box input[type="submit"],
.form_box select,
.form_box textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	height: 37px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500; /* 游ゴシックがWindowsのGoogleChromeで細くなる用対策 */
	font-size: 1.5rem;
	color: #010100;
	letter-spacing: 0.02em;
	padding: 0 0 0 10px;
    margin-bottom: 18px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;}

/* input */
.form_box input[type="text"],
.form_box input[type="tel"],
.form_box input[type="email"] {
	-webkit-appearance: none;
    width: 410px;}

/* select */
.form_box select {
    width: 280px;}

/* textarea */
.form_box textarea {
	-webkit-appearance: none;
	width: 100%;
	height: 232px;
    padding: 10px;
    margin-bottom: 25px;}


/* --- placeholder --- */

.form_box input::-webkit-input-placeholder {color: #999;}/* safari Android */
.form_box input::-moz-placeholder {color: #999;}
.form_box input:-ms-input-placeholder {color: #999;}/* IE */
.form_box input::-ms-input-placeholder {color: #999;}/* Edge */
.form_box input::placeholder {color: #999;}


/* --- caution --- */

.entry_caution {
    color: #000;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.12em;
    text-align: center;
    padding-top: 30px;}
.entry_caution a {
    color: #8497b0;
    text-decoration: underline;
    background-color: transparent;
    -webkit-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out;}
.entry_caution a:hover {
    color: #8497b0;
    text-decoration: underline;
    background-color: #f4f8fc;}


/* --- submit --- */

.entry_submit {
    position: relative;
    width: 282px;
    height: 62px;
    margin: 40px auto 0 auto;}

.form_box input[type="submit"] {
	-webkit-appearance: none;
 	cursor: pointer;
    width: 282px;
    height: 62px;
    color: #fff;
    font-size: 1.9rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.04em;
    text-align: center;
    text-decoration: none;
    padding: 5px 0 0 0;
    margin: 0;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	border-radius: 33px;
    border-style: none;
    background-color: #222a35;
    -webkit-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out;}
.form_box input[type="submit"]:hover {
    text-decoration: none;
    background-color: #666;}

.entry_submit::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%; right: 22px;
    width: 9px;
    height: 9px;
    color: #fff;
    vertical-align: middle;
    margin-top: -4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);}



/* Trial @Trial
---------------------------------------------*/


#logimeter_trial {
    padding-top: 25px;
    padding-bottom: 100px;}

/* p */
#logimeter_trial p {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.04em;
    text-align: center;
    padding-bottom: 65px;}

/* strong */
#logimeter_trial p strong {
    color: #e25e93;
    font-weight: bold;}


/* --- Trial Support --- */

#logimeter_trial_support {
    width: 100%;
    padding-top: 70px;
    padding-bottom: 80px;
    background-color: #f4f8fc;}

/* h4 */
#logimeter_trial_support h4 {
    color: #222a35;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0.04em;
    text-align: center;
    padding-bottom: 35px;}

/* p */
#logimeter_trial #logimeter_trial_support p {
    color: #e25e93;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0.04em;
    text-align: center;
    padding-bottom: 30px;}

/* ul */
#logimeter_trial_support ul {
    width: 1010px;
    margin: 0 auto;}

/* li */
#logimeter_trial_support ul li {
    float: left;
    width: 162px;
    margin-right: 50px;}
#logimeter_trial_support ul li:last-child {
    margin-right: 0;}

/* figure */
#logimeter_trial_support figure {
    width: 106px;
    height: 106px;
    padding: 27px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    border: 1px solid #899cb4;
    background-color: #fff;}

/* figcaption */
#logimeter_trial_support figcaption {
    color: #222a35;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.04em;
    text-align: center;
    padding-top: 20px;}
#logimeter_trial_support figcaption span {
    font-size: 1.4rem;
    font-weight: 500;}

/* form_box */
#trial_form h3.page_h3 {
    margin-bottom: 28px;}




/*---------------------------------------------
---------------------------------------------
------------------------------------------

Function

------------------------------------------
---------------------------------------------
---------------------------------------------*/



/* Function Main @Function
---------------------------------------------*/

#function_main {
    padding: 40px 0;}

/* h3 */
#function_main h3.page_h3 {
    margin-bottom: 38px;}

/* p */
#function_main>p {
    color: #222a35;
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.2em;
    text-align: center;
    padding: 0 0 30px 0;}

/* strong */
#function_main>p strong {
    color: #8497b0;
    font-weight: bold;}


/* --- ul --- */

#function_main ul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
    width: 1134px;
    margin: 0 auto;
    padding-bottom: 40px;}

#function_main ul li {
    width: 534px;
    margin-right: 66px;
    margin-bottom: 40px;}
#function_main ul li:nth-child(2n) {margin-right: 0;}

/* figure */
#function_main figure {
    overflow: hidden;
    height: 260px;
    text-align: center;}
#function_main figure img {
    max-width: 100%;}

/* h4 */
#function_main h4 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    width: 228px;
    height: 62px;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-align: center;
    margin: 0 auto;
	-webkit-border-radius: 31px;
	-moz-border-radius: 31px;
	border-radius: 31px;
    background-color: #70ad47;}

/* p */
#function_main ul li>p {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.04em;
    padding: 23px 15px 0 15px;}




/* Function Sub @Function
---------------------------------------------*/

#function_sub {
    padding: 80px 0 70px 0;
    background-color: #f4f8fc;}

/* h3 */
#function_sub h3 {
    color: #222a35;
    font-size: 2.4rem;
    line-height: 1.8;
    letter-spacing: 0.04em;
    text-align: center;
    margin-bottom: 32px;}


/* --- ul --- */

#function_sub ul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
    width: 1140px;
    margin: 0 auto;}

#function_sub ul li {
    width: 230px;
    padding: 20px 16px 25px 16px;
    margin-right: 28px;
    margin-bottom: 28px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    border: 1px solid #ccc;
    background-color: #fff;}
#function_sub ul li:nth-child(4n) {margin-right: 0;}

/* h4 */
#function_sub h4 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    width: auto;
    height: 48px;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-align: center;
    margin-bottom: 20px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
    background-color: #8497b0;}

/* figure */
#function_sub figure {
    text-align: center;
	box-shadow: 1px 1px 3px #999;}
#function_sub figure img {
    max-width: 100%;}

/* p */
#function_sub ul li>p {
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: 0.04em;
    padding: 20px 0 0 0;}




/*---------------------------------------------
---------------------------------------------
------------------------------------------

Price

------------------------------------------
---------------------------------------------
---------------------------------------------*/



/* Price Main @Price
---------------------------------------------*/

#price_main {
    padding: 40px 0 60px 0;}

/* price_p1 */
.price_p1 {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.04em;
    text-align: center;
    padding: 0 0 50px 0;}


/* --- ul --- */

#price_main ul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;}

#price_main ul li {
    width: 279px;
    text-align: center;
    padding-bottom: 3px;
    margin-right: 8px;
    border-bottom: 1px solid #ccc;}
#price_main ul li:last-child {
    margin-right: 0;}

#price_main dl dt {
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.04em;
    padding: 27px 0 24px 0;}
#price_main ul li:first-child dl dt {background-color: #c6d3e4;}
#price_main ul li:nth-child(2) dl dt {background-color: #b6c4d6;}
#price_main ul li:nth-child(3) dl dt {background-color: #a7b3c4;}
#price_main ul li:nth-child(4) dl dt {background-color: #8597af;}

#price_main dl dd {
    padding: 0 0 20px 0;}

/* price_p2 */
.price_p2 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
    height: 135px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.04em;}
.price_p2 strong {
    width: 100%;
    color: #8597af;
    font-size: 4rem;
    line-height: 20px;
    letter-spacing: 0;
    padding-top: 20px;}

/* price_p3 */
.price_p3 {
    font-size: 1.6rem;
    line-height: 1.2;
    letter-spacing: 0.04em;}

/* price_p4 */
.price_p4 {
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: 0.04em;
    text-align: right;
    padding-top: 26px;}


/* Price Option @Price
---------------------------------------------*/

#price_option {
    padding: 105px 0 60px 0;
    background-color: #f4f8fc;}

/* h3 */
#price_option h3 {
    color:#222a35;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0.04em;
    text-align: center;
    padding: 0 0 45px 0;}


/* --- ul --- */

#price_option ul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;}

#price_option ul li {
    width: 498px;
    margin-right: 40px;
    margin-bottom: 40px;
    padding: 28px 20px 35px 30px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    border: 1px solid #ccc;
    background-color: #fff;}
#price_option ul li:nth-child(2n) {
    margin-right: 0;}

#price_option dl dt {
    color:#222a35;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0;
    padding-bottom: 8px;}

/* price_p5 */
.price_p5 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.04em;
    padding-bottom: 12px;}
.price_p5 strong {
    color: #8597af;
    font-size: 4rem;
    line-height: 1;
    letter-spacing: 0;
    padding-right: 8px;}



/*---------------------------------------------
---------------------------------------------
------------------------------------------

Privacy

------------------------------------------
---------------------------------------------
---------------------------------------------*/



/* Privacy @Privacy
---------------------------------------------*/

#privacy_contents {
    padding-top: 68px;
    padding-bottom: 85px;}

/* p */
#privacy_contents p {
    color: #000;
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.12em;}

/* h3 */
#privacy_contents h3 {
    color: #000;
    font-size: 2rem;
    line-height: 1.8;
    letter-spacing: 0.12em;
    padding-top: 58px;
    padding-bottom: 10px;}

/* ol ---1.--- */
#privacy_contents ol {
    color: #000;
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.12em;
    padding: 27px 33px;
    margin-top: 25px;
    background-color: #f6f6f6;}
#privacy_contents ol li {
    list-style-type: decimal;
    list-style-position: inside;
    text-indent: -1.5em;
    padding-left: 1.5em;}





/*---------------------------------------------
 PADDING & MARGIN SETUP
---------------------------------------------*/

/* MARGIN */

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}

.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr39 {margin-right: 39px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}

.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}

/* PADDING */

.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}
.pt60 {padding-top: 60px;}
.pt70 {padding-top: 70px;}
.pt80 {padding-top: 80px;}
.pt90 {padding-top: 90px;}
.pt100 {padding-top: 100px;}
.pt150 {padding-top: 150px;}
.pt200 {padding-top: 200px;}

.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb60 {padding-bottom: 60px;}
.pb70 {padding-bottom: 70px;}
.pb80 {padding-bottom: 80px;}
.pb90 {padding-bottom: 90px;}
.pb100 {padding-bottom: 100px;}
.pb150 {padding-bottom: 150px;}
.pb200 {padding-bottom: 200px;}

.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}
.pr50 {padding-right: 50px;}

.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pl50 {padding-left: 50px;}

/* FLOAT */

.fleft {float: left;}
.fright {float: right;}


/* CLEARFIX
---------------------------------------------*/

.cl:after {
    content:" ";
    display:block;
    clear:both;}