@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,500,700);
@import url(https://fonts.googleapis.com/css2?family=Poiret+One&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Corinthia&display=swap);

/*  reset  */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	vertical-align:baseline;
	font-style:normal;
	font-weight:normal;
}

/*  選択範囲のカラー  */
::selection { background: #000; color: #fff; }
::-moz-selection { background: #000; color: #fff; }/*Firefox*/

.mb30 { margin-bottom: 30px; }
.mt20 { margin-top: 20px; }

.gray { color: #a5a8ad; }
.red { color: #fd1450; }

/* body
-------------------------------------------------*/

*{ margin: 0; padding: 0; }

body {
	font-size:13px;
	line-height:1.5;
	color:#000;
	text-align: center;
	font-weight: 300;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; 
}

hr { width: 100%; margin: 35px 0; color: #999; border: none; background-color: #CCC; height: 1px; }

h1 { display: inline-block; padding: 10px 0; }
.about-txt { font-size: min(14px, 2.6vw); line-height: 2.5em; margin-top: 12px; letter-spacing: 0.2em; white-space: nowrap;overflow: hidden; width: 100%;display: block;text-align: center;}
.about-txt p { margin-top: 10px; }

h2 { font-family: 'Poiret One', cursive; font-size: 44px; font-weight: 400; display: inline-block; padding: 0 20px; letter-spacing: 2.5px; }

dl.info { line-height: 3.0; margin: 0 auto 50px auto; }
dl.info dt { margin: 10px 10px 0 0; color: #999; }
dl.info dd { line-height: 1.7; margin-bottom: 20px; }
dl.info dd:after { display: block;}

dl.company { line-height: 3.0; margin: 0 auto 50px auto; }
dl.company dt { margin: 10px 10px 0 0; display: inline; color: #999; }
dl.company dd { line-height: 1.7; display: inline; }
dl.company dd:after { display: block; content: ''; }

ul.services { margin-bottom: 20px; list-style: none; }
ul.services li { line-height: 3; }

.footer { text-align: center; font-family: 'Roboto', sans-serif; font-weight: 300; margin: 30px auto 30px auto; }

.content { width:100%; margin: 20px 0; }




@media screen and (max-width: 768px) {
.content { }
.about-txt { }
}

/* Side
-------------------------------------------------*/

.content-in { margin: 30px; }

/* Price
-------------------------------------------------*/

.price { width: 85%; margin-left: auto; margin-right: auto; }

h3.pb_price_table_title, h3.pb_functional_comparison_title {
    font-size: 21px;
    line-height: 55px;
    background: #000000;
	color: #FFF;
    margin: 0 auto;
}

.memo { margin: 25px 0; text-align: left; color: #999; font-size: 12px; }
table.pb_price_table_mobile {
    display: none;
}
table.pb_price_table {
    margin: 0 auto;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2.2;
}

table.pb_price_table td.pb_price_table_price span {
    display: inline-block;
    font-size: 43.75%;
}
table.pb_price_table th {
    font-size: 17px !important;
}
table.pb_price_table th.pb_price_table_headline {
    padding: 10px 15px;
    font-weight: 300;
}
.pb_price_table_headline {
    border: 1px solid #ddd !important;
}

table.pb_price_table td.pb_price_table_title {
    padding: 15px 30px;
    background: none;
    border: 1px solid #ddd;
    border-top: none;
}
table.pb_price_table td.pb_price_table_price {
    padding: 25px 15px;
    border-bottom: none;
    border: 1px solid #ddd;
    color: #000;
    font-size: 228.5%;
    line-height: 1.2;
    text-align: center;
}
.regular-price {color: #9a9a9a; }
.sale-price {color: #fa3470; }
table.pb_price_table td.pb_price_table_description {
    padding: 15px 20px;
    border-top: none;
    border: 1px solid #ddd;
    border-top: none;
	text-align: left;
}
table.pb_price_table td.pb_price_table_function {
    padding: 15px 20px;
    background: #f7f7f7;
    border-top: none;
    border: 1px solid #ddd;
    border-top: none;
	text-align: left;
}


@media only screen and (max-width: 767px){
table.pb_price_table_mobile tbody, table.pb_price_table_mobile tr, table.pb_price_table_mobile th, table.pb_price_table_mobile td {
    display: block;
}
table.pb_price_table {
    display: none;
}
table.pb_price_table_mobile {
    display: block;
    margin: 20px auto 0;
    width: 100%;
}
table.pb_price_table_mobile th {
    padding: 10px 20px;
    border: none;
    font-size: 20px;
    line-height: 1.4;
}
table.pb_price_table_mobile th.pb_price_table_headline {
    line-height: 1.52 !important;
    font-size: 25px;
}
table.pb_price_table_mobile td.pb_price_table_price {
    padding-top: 30px;
    padding-bottom: 6px;
    border-bottom: none;
    color: #000;
    font-size: 25px;
    line-height: 1.2;
    text-align: center;
}
table.pb_price_table_mobile th.pb_price_table_headline span {
    display: inline-block;
    font-size: 65%;
}
table.pb_price_table_mobile td {
    padding: 15px 20px;
    border: 1px solid #ddd;
    border-top: none;
}
table.pb_price_table_mobile td.pb_price_table_price span {
    font-size: 12px;
}
table.pb_price_table_mobile td.pb_price_table_function {
    background: #f7f7f7;
    border-top: none;
    text-align: left;
    font-size: 13px;
    line-height: 2;
}
}

table.pb_price_table td.pb_price_table_function ul li { margin-top: 10px; list-style-position:inside; }

.memo {  font-size: 13px; }