@charset "UTF-8";
/*
Theme Name: JAPAN AEROPRESS CHAMPIONSHIP
Theme URI: 
Description:  
Version: 1.0
Author: Takahiro Takeuchi
Author URI: http://www.tmc-labo.com/
Tags:
*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
@import "https://fonts.googleapis.com/css?family=Lato:400,700,900";
@import "https://fonts.googleapis.com/css?family=Lato:400,700,900";
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/*=============================== Variables Setting  ===============================*/
/* Font Setting 
-------------------------------*/
@font-face { font-family: 'NotoSans'; src: url("libs/fonts/_noto-bold.woff"), url("libs/fonts/_noto-bold.eot"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'NotoSans'; src: url("libs/fonts/_noto-medium.woff"), url("libs/fonts/_noto-medium.eot"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'NotoSans'; src: url("libs/fonts/_noto-regular.woff"), url("libs/fonts/_noto-regular.eot"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'NotoSans'; src: url("libs/fonts/_noto-thin.woff"), url("libs/fonts/_noto-thin.eot"); font-weight: 100; font-style: normal; }

/* Color Setting 
-------------------------------*/
/* Size Setting 
-------------------------------*/
/*=============================== Mixin Setting  ===============================*/
.centerContents, #wrapper > article.contentsBlock .contentsTitle, #wrapper > article.contentsBlock .contentsBody, #wrapper > article.contentsTopSolution .contentsBody .point, #wrapper > article.contentsTopSolution .contentsBody .text dl dt { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-content: center; align-items: center; }

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/*=============================== Variables Setting  ===============================*/
/* Font Setting 
-------------------------------*/
@font-face { font-family: 'NotoSans'; src: url("libs/fonts/_noto-bold.woff"), url("libs/fonts/_noto-bold.eot"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'NotoSans'; src: url("libs/fonts/_noto-medium.woff"), url("libs/fonts/_noto-medium.eot"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'NotoSans'; src: url("libs/fonts/_noto-regular.woff"), url("libs/fonts/_noto-regular.eot"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'NotoSans'; src: url("libs/fonts/_noto-thin.woff"), url("libs/fonts/_noto-thin.eot"); font-weight: 100; font-style: normal; }

/* Color Setting 
-------------------------------*/
/* Size Setting 
-------------------------------*/
/*=============================== Mixin Setting  ===============================*/
.centerContents, #wrapper > article.contentsBlock .contentsTitle, #wrapper > article.contentsBlock .contentsBody, #wrapper > article.contentsTopSolution .contentsBody .point, #wrapper > article.contentsTopSolution .contentsBody .text dl dt { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-content: center; align-items: center; }

a { color: #F2F2F2; }

a:hover { color: white; }

a:visited { color: #e5e5e5; }

img { vertical-align: bottom; }

h1, h2, h3, h4, h5, h6 { margin: 4px 0 8px; letter-spacing: 0.5px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ ProN W3", sans-serif; line-height: 1.45; }

h1 { font-size: 28px; font-weight: 800; }

h2 { font-size: 26px; font-weight: 800; }

h3 { font-size: 26px; font-weight: 800; }

h4 { font-size: 24px; font-weight: 800; }

h5 { font-size: 20px; font-weight: 800; }

h6 { font-size: 20px; font-weight: 800; }

#content_ifr { background: #1A1A1A; }

.postBody, .mceContentBody, .content { padding-bottom: 20px; text-align: justify; }

.postBody h2, .postBody h3, .postBody h4, .postBody h5, .postBody h6, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .content h2, .content h3, .content h4, .content h5, .content h6 { margin: 28px auto 22px; letter-spacing: .05em; }

.postBody h2, .mceContentBody h2, .content h2 { margin-left: -4px; margin-right: -4px; padding: 14px 20px; background-color: #f6b1c3; color: white; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

.postBody h3, .mceContentBody h3, .content h3 { padding: 0 5px; position: relative; }

.postBody h3::before, .postBody h3::after, .mceContentBody h3::before, .mceContentBody h3::after, .content h3::before, .content h3::after { content: ""; display: block; height: 6px; }

.postBody h3::before, .mceContentBody h3::before, .content h3::before { width: 30%; background-color: #ee6c8e; position: absolute; bottom: 0; left: 0; }

.postBody h3::after, .mceContentBody h3::after, .content h3::after { margin: 6px -5px; width: auto; background-color: #f6b1c3; }

.postBody h4, .mceContentBody h4, .content h4 { position: relative; padding: 2px 0 2px 20px; }

.postBody h4::before, .mceContentBody h4::before, .content h4::before { content: ""; display: inline-block; width: 8px; height: 100%; background-color: #f6b1c3; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; position: absolute; top: 0; left: 0; }

.postBody h5, .mceContentBody h5, .content h5 { position: relative; padding: 2px 0 2px 20px; }

.postBody h5::before, .mceContentBody h5::before, .content h5::before { content: ""; display: inline-block; width: 6px; height: 100%; background-color: #1A1A1A; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; position: absolute; top: 0; left: 0; }

.postBody h6, .mceContentBody h6, .content h6 { padding: 12px 16px; background-color: #E5E5E5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

.postBody > p, .mceContentBody > p, .content > p { margin: 12px 0; padding: 0 8px; letter-spacing: -.05em; }

.postBody ul, .mceContentBody ul, .content ul { margin: 32px 0; list-style: none; }

.postBody ul li, .mceContentBody ul li, .content ul li { margin: 18px 0; position: relative; font-size: 18px; line-height: 1.3; }

.postBody ul li::before, .mceContentBody ul li::before, .content ul li::before { content: ""; display: inline-block; background-image: url(images/icon_circle.png); background-size: cover; width: 8px; height: 8px; position: absolute; top: 8px; left: -18px; }

.postBody blockquote, .mceContentBody blockquote, .content blockquote { margin: 20px 0; padding: 16px 20px; border: 2px dashed #ededed; background-color: #fafafa; position: relative; }

.postBody blockquote:before, .mceContentBody blockquote:before, .content blockquote:before { content: "\f10d"; padding: 0 4px; font-family: Fontawesome; font-size: 24px; color: #ededed; position: absolute; top: -20px; left: 8px; z-index: 10; }

.postBody blockquote:after, .mceContentBody blockquote:after, .content blockquote:after { content: ""; display: block; height: 2px; width: 28px; background-color: #fafafa; position: absolute; top: -2px; left: 10px; z-index: 5; }

.postBody blockquote p, .mceContentBody blockquote p, .content blockquote p { margin: 4px 0; padding: 0; }

.postBody img.size-thumbnail, .postBody img.size-medium, .postBody img.size-large, .postBody img.size-full, .mceContentBody img.size-thumbnail, .mceContentBody img.size-medium, .mceContentBody img.size-large, .mceContentBody img.size-full, .content img.size-thumbnail, .content img.size-medium, .content img.size-large, .content img.size-full { display: block; width: 100%; height: auto; }

.postBody iframe, .mceContentBody iframe, .content iframe { max-width: 100%; max-height: auto; }

.postBody div, .mceContentBody div, .content div { clear: both; }

.postBody div.quotation, .postBody div.redNote, .postBody div.blueNote, .postBody div.grayNote, .postBody div.recommended, .postBody div.relationBlock, .mceContentBody div.quotation, .mceContentBody div.redNote, .mceContentBody div.blueNote, .mceContentBody div.grayNote, .mceContentBody div.recommended, .mceContentBody div.relationBlock, .content div.quotation, .content div.redNote, .content div.blueNote, .content div.grayNote, .content div.recommended, .content div.relationBlock { margin: 20px 0; padding: 12px 16px; }

.postBody div.quotation p, .postBody div.redNote p, .postBody div.blueNote p, .postBody div.grayNote p, .postBody div.recommended p, .postBody div.relationBlock p, .mceContentBody div.quotation p, .mceContentBody div.redNote p, .mceContentBody div.blueNote p, .mceContentBody div.grayNote p, .mceContentBody div.recommended p, .mceContentBody div.relationBlock p, .content div.quotation p, .content div.redNote p, .content div.blueNote p, .content div.grayNote p, .content div.recommended p, .content div.relationBlock p { padding: 0; }

.postBody div.quotation, .mceContentBody div.quotation, .content div.quotation { background-color: white; margin: 36px 0; padding: 20px 24px; box-shadow: 0 0 20px white; -webkit-box-shadow: 0 0 20px white; -moz-box-shadow: 0 0 20px white; position: relative; }

.postBody div.quotation::before, .postBody div.quotation::after, .mceContentBody div.quotation::before, .mceContentBody div.quotation::after, .content div.quotation::before, .content div.quotation::after { content: ''; display: block; width: 40px; height: 40px; position: absolute; background-size: cover; background-repeat: no-repeat; }

.postBody div.quotation::before, .mceContentBody div.quotation::before, .content div.quotation::before { background-image: url(images/icon_quot01.png); top: -20px; left: 10px; }

.postBody div.quotation::after, .mceContentBody div.quotation::after, .content div.quotation::after { background-image: url(images/icon_quot02.png); bottom: -20px; right: 10px; }

.postBody div.redNote, .mceContentBody div.redNote, .content div.redNote { border: 2px solid #f6b1c3; background-color: white; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

.postBody div.blueNote, .mceContentBody div.blueNote, .content div.blueNote { border: 2px solid #56b0db; background-color: white; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

.postBody div.grayNote, .mceContentBody div.grayNote, .content div.grayNote { border: 1px solid #CCCCCC; background-color: white; font-size: 12px; }

.postBody div.recommended, .mceContentBody div.recommended, .content div.recommended { padding: 0; border: 2px solid #f6b1c3; border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; }

.postBody div.recommended > p, .mceContentBody div.recommended > p, .content div.recommended > p { margin: 0; padding: 4px 14px; background-color: #f6b1c3; color: white; font-size: 18px; font-weight: 900; letter-spacing: .05em; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; }

.postBody div.recommended ul, .mceContentBody div.recommended ul, .content div.recommended ul { margin: 16px 0; }

.postBody div.recommended ul li, .mceContentBody div.recommended ul li, .content div.recommended ul li { margin: 8px 0; font-size: inherit; }

.postBody div.relationBlock, .mceContentBody div.relationBlock, .content div.relationBlock { padding: 0; }

.postBody div.relationBlock a, .mceContentBody div.relationBlock a, .content div.relationBlock a { display: flex; justify-content: space-between; padding: 16px; text-decoration: none; color: #1A1A1A; border: 1px solid #CCCCCC; background-color: white; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

.postBody div.relationBlock a .image, .mceContentBody div.relationBlock a .image, .content div.relationBlock a .image { margin-right: 20px; width: 200px; }

.postBody div.relationBlock a .image img, .mceContentBody div.relationBlock a .image img, .content div.relationBlock a .image img { width: 100%; height: auto; }

.postBody div.relationBlock a .text, .mceContentBody div.relationBlock a .text, .content div.relationBlock a .text { width: 410px; }

.postBody div.relationBlock a .text p.title, .mceContentBody div.relationBlock a .text p.title, .content div.relationBlock a .text p.title { margin: 0; font-size: 16px; font-weight: 800; color: #f6b1c3; letter-spacing: .05em; }

.postBody div.relationBlock a .text p.title span.block, .mceContentBody div.relationBlock a .text p.title span.block, .content div.relationBlock a .text p.title span.block { display: inline-block; margin-right: 8px; padding: 6px; background-color: #f6b1c3; color: white; font-size: 13px; line-height: 1; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

.postBody div.relationBlock a .text p.body, .mceContentBody div.relationBlock a .text p.body, .content div.relationBlock a .text p.body { font-size: 14px; margin: 8px 0; }

.postBody div.relationBlock a .text p.date, .mceContentBody div.relationBlock a .text p.date, .content div.relationBlock a .text p.date { margin: 0; color: #CCCCCC; font-size: 12px; }

.postBody div.relationBlock a .text p.date i, .mceContentBody div.relationBlock a .text p.date i, .content div.relationBlock a .text p.date i { margin-right: 4px; }

.postBody div.wp-caption, .mceContentBody div.wp-caption, .content div.wp-caption { text-align: left; max-width: 100%; }

.postBody div.wp-caption p.wp-caption-text, .mceContentBody div.wp-caption p.wp-caption-text, .content div.wp-caption p.wp-caption-text { margin: -4px 0 4px; padding: 4px; font-size: 12px; background-color: #fafafa; }

.postBody div.specTable, .mceContentBody div.specTable, .content div.specTable { margin: 24px 0; padding: 0 8px; }

.postBody div.specTable table, .mceContentBody div.specTable table, .content div.specTable table { width: 100%; }

.postBody div.specTable table tbody tr, .mceContentBody div.specTable table tbody tr, .content div.specTable table tbody tr { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }

.postBody div.specTable table tbody tr th, .postBody div.specTable table tbody tr td, .mceContentBody div.specTable table tbody tr th, .mceContentBody div.specTable table tbody tr td, .content div.specTable table tbody tr th, .content div.specTable table tbody tr td { padding: 4px 12px; }

.postBody div.specTable table tbody tr th, .mceContentBody div.specTable table tbody tr th, .content div.specTable table tbody tr th { background-color: #E5E5E5; width: 25%; }

.postBody div.specTable table tbody tr td, .mceContentBody div.specTable table tbody tr td, .content div.specTable table tbody tr td { background-color: white; width: 75%; }

.postBody div.reviewTable, .mceContentBody div.reviewTable, .content div.reviewTable { float: right; margin: 0 0 16px 16px; padding: 0 8px; }

.postBody div.reviewTable table, .mceContentBody div.reviewTable table, .content div.reviewTable table { width: 100%; }

.postBody div.reviewTable table tbody tr, .mceContentBody div.reviewTable table tbody tr, .content div.reviewTable table tbody tr { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }

.postBody div.reviewTable table tbody tr th, .postBody div.reviewTable table tbody tr td, .mceContentBody div.reviewTable table tbody tr th, .mceContentBody div.reviewTable table tbody tr td, .content div.reviewTable table tbody tr th, .content div.reviewTable table tbody tr td { padding: 4px 12px; }

.postBody div.reviewTable table tbody tr th, .mceContentBody div.reviewTable table tbody tr th, .content div.reviewTable table tbody tr th { background-color: #E5E5E5; width: 40%; }

.postBody div.reviewTable table tbody tr td, .mceContentBody div.reviewTable table tbody tr td, .content div.reviewTable table tbody tr td { background-color: white; width: 60%; color: #f6b1c3; }

.postBody span.redBold, .mceContentBody span.redBold, .content span.redBold { margin-left: 4px; margin-right: 4px; color: #f6b1c3; font-weight: 900; }

.postBody span.blueBold, .mceContentBody span.blueBold, .content span.blueBold { margin-left: 4px; margin-right: 4px; color: #56b0db; font-weight: 900; }

.postBody span.reference, .mceContentBody span.reference, .content span.reference { font-size: 12px; color: #CCCCCC; }

.postBody span.reference a, .mceContentBody span.reference a, .content span.reference a { color: #CCCCCC; }

.postBody a span.btn, .mceContentBody a span.btn, .content a span.btn { display: inline-block; font-weight: 900; text-align: center; letter-spacing: .1em; line-height: 1; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; }

.postBody a span.btn::after, .mceContentBody a span.btn::after, .content a span.btn::after { content: ""; background-image: url(images/icon_btn.png); background-repeat: no-repeat; position: absolute; }

.postBody a span.large, .mceContentBody a span.large, .content a span.large { padding: 16px 0; width: 546px; font-size: 20px; font-weight: 800; }

.postBody a span.large::after, .mceContentBody a span.large::after, .content a span.large::after { width: 10px; height: 13px; background-size: cover; top: 20px; right: 12px; }

.postBody a span.small, .mceContentBody a span.small, .content a span.small { padding: 12px 0; width: 240px; font-size: 16px; }

.postBody a span.small::after, .mceContentBody a span.small::after, .content a span.small::after { width: 7px; height: 10px; background-size: cover; top: 16px; right: 12px; }

.postBody a span.red, .mceContentBody a span.red, .content a span.red { border: 4px solid #f6b1c3; background-color: #f6b1c3; color: white; }

.postBody a span.external, .mceContentBody a span.external, .content a span.external { display: inline-block; background-image: url(images/icon_large_arrow.png); background-size: 20px 20px; background-repeat: no-repeat; background-position: left center; text-indent: 24px; font-size: 20px; font-weight: 800; border-bottom: 2px solid #f6b1c3; }

.mceContentBody { margin-left: 20px; margin-right: 20px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ ProN W3", sans-serif; font-size: 16px; line-height: 1.8; background: #F2F2F2; max-width: 760px; }

body { background: #1A1A1A; color: #F2F2F2; font-family: "Lato", "NotoSans", "ヒラギノ角ゴ ProN W3", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.8; letter-spacing: .05em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media screen and (max-width: 720px) { body { font-size: 14px; line-height: 1.8; } }

a { display: inline-block; text-decoration: none; }

a.btn { display: block; margin: 0 auto; line-height: 1; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; }

a.line { padding: 14px 48px; border: 1px solid #F2F2F2; background-color: transparent; font-size: 14px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); }

a.line:hover { border-color: #1FB599; background-color: #1FB599; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); }

a.enable { background-color: #F26B93; }

a.enable:hover { background-color: #ee3c71; }

a.disable { background-color: #804d5c; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; cursor: not-allowed; }

a.disable:hover { background-color: #CCCCCC; }

a.anchor { position: absolute; top: 0px; }

@media screen and (max-width: 720px) { a.anchor { top: 0px; } }

.order1 { order: 1; }

.order2 { order: 2; }

.order3 { order: 3; }

.order4 { order: 4; }

.order5 { order: 5; }

.order6 { order: 6; }

.order7 { order: 7; }

#wrapper { width: 100vw; overflow: hidden; }

#wrapper > article.contentsBlock { position: relative; overflow: hidden; }

#wrapper > article.contentsBlock > .inner { padding: 30vh 0; }

@media screen and (max-width: 720px) { #wrapper > article.contentsBlock > .inner { padding: 60px 0; } }

#wrapper > article.contentsBlock .contentsTitle { margin: 0 auto; text-align: center; width: 50vw; min-height: 40vh; border-right: 1px solid #F2F2F2; }

@media screen and (max-width: 720px) { #wrapper > article.contentsBlock .contentsTitle { border: none !important; width: 90vw; min-height: inherit; margin-bottom: 40px; } }

#wrapper > article.contentsBlock .contentsTitle h2 { letter-spacing: .2em; font-family: "Lato", sans-serif; }

#wrapper > article.contentsBlock .contentsTitle h2::after { content: ""; display: block; margin: 8px auto 0; width: 60px; height: 6px; background-color: #1FB599; }

#wrapper > article.contentsBlock .contentsTitle h2 span.main { font-family: "Lato", sans-serif; font-size: 32px; }

@media screen and (max-width: 720px) { #wrapper > article.contentsBlock .contentsTitle h2 span.main { font-size: 24px; } }

#wrapper > article.contentsBlock .contentsBody { margin: 0 auto; width: 50vw; min-height: 30vh; }

@media screen and (max-width: 720px) { #wrapper > article.contentsBlock .contentsBody { width: 90vw; } }

@media screen and (max-width: 720px) { #wrapper > article.contentsBlock .contentsBody .block { width: 90vw; } }

#wrapper > header { width: 100vw; position: fixed; top: 0; left: 0; z-index: 10; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear; }

#wrapper > header > .inner { margin: 0 auto; padding-top: 48px; width: 1080px; display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; justify-content: space-between; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; }

@media screen and (max-width: 720px) { #wrapper > header > .inner { padding-top: 3vw; width: 94vw; } }

#wrapper > header h1 { margin: 0; margin-left: -11px; font-size: 23px; font-family: "Lato", sans-serif; font-weight: 900; letter-spacing: .15em; line-height: 1.3; }

@media screen and (max-width: 720px) { #wrapper > header h1 { margin: 0; font-size: 18px; letter-spacing: .15em; line-height: 1.2; } }

#wrapper > header h1 a { color: white; padding: 8px 11px; }

#wrapper > header h1.background--dark a { color: white; }

#wrapper > header h1.background--light a { color: #804d5c; }

#wrapper > header h1.background--complex a { color: #804d5c; }

#wrapper > header nav { padding-top: 10px; margin-right: -16px; }

@media screen and (max-width: 720px) { #wrapper > header nav { padding-top: 80px; margin: 0; display: none; width: 100vw; height: 100vh; background-color: rgba(26, 26, 26, 0.9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); position: fixed; top: 0; left: 0; z-index: 2; } }

#wrapper > header nav ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; list-style: none; }

@media screen and (max-width: 720px) { #wrapper > header nav ul { flex-direction: column; height: 90vh; } }

#wrapper > header nav ul li { font-family: "Lato", sans-serif; font-size: 15px; font-weight: 900; line-height: 1; letter-spacing: .15em; }

@media screen and (max-width: 720px) { #wrapper > header nav ul li { width: 100%; text-align: center; font-size: 20px; position: relative; z-index: 2; } }

#wrapper > header nav ul li a { display: block; padding: 14px 16px; outline: none; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; }

#wrapper > header nav ul li a::after { -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; content: ""; display: block; margin: 0px auto 0; height: 8px; width: 0px; background-color: #1FB599; }

@media screen and (max-width: 720px) { #wrapper > header nav ul li a::after { content: none; } }

@media screen and (max-width: 720px) { #wrapper > header nav ul li a { padding: 24px 0; } }

#wrapper > header nav ul li a.current { position: relative; color: #1FB599; }

#wrapper > header nav ul li a.current::after { margin: 6px auto 0; height: 8px; width: 8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }

#wrapper > header a.btn { display: none; }

@media screen and (max-width: 720px) { #wrapper > header a.btn { display: block; margin: 0; padding: 20px 16px; position: relative; z-index: 3; }
  #wrapper > header a.btn span { display: block; margin: 6px auto; width: 24px; height: 2px; background-color: #F2F2F2; position: relative; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; }
  #wrapper > header a.btn:before { content: ""; display: block; width: 24px; height: 2px; background-color: #F2F2F2; position: relative; top: 0px; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear; }
  #wrapper > header a.btn:after { content: ""; display: block; width: 24px; height: 2px; background-color: #F2F2F2; position: relative; bottom: 0px; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear; } }

@media screen and (max-width: 720px) { #wrapper > header a.close span { opacity: 0; background-color: #F2F2F2 !important; width: 1px; }
  #wrapper > header a.close:before { transform: rotate(-135deg); width: 26px; top: 8px; background-color: #F2F2F2 !important; }
  #wrapper > header a.close:after { transform: rotate(135deg); width: 26px; bottom: 8px; background-color: #F2F2F2 !important; } }

#wrapper > header.second { ilter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '$start', endColorstr = '$end'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#$start', endColorstr = '$end')"; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0.2)), to(transparent)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent); background-image: linear-gradient(top, rgba(0, 0, 0, 0.2), transparent); }

#wrapper > header.second .inner { padding-top: 20px; }

@media screen and (max-width: 720px) { #wrapper > header.second .inner { padding-top: 3vw; } }

#wrapper > footer > .inner { margin: -50px auto 0; padding: 36px 0; width: 1080px; display: flex; flex-wrap: wrap; position: relative; justify-content: center; z-index: 2; }

@media screen and (max-width: 720px) { #wrapper > footer > .inner { padding: 20px 0; width: 90vw; } }

#wrapper > footer .image { width: 150px; text-align: center; }

@media screen and (max-width: 720px) { #wrapper > footer .image { width: 100px; } }

#wrapper > footer .image img { display: block; margin: 0 auto 100px; width: 100%; height: auto; }

@media screen and (max-width: 720px) { #wrapper > footer .image img { margin-bottom: 40px; } }

#wrapper > footer .image p { font-family: "Lato", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .1em; }

#wrapper > article.contentsTopVisual { height: 100vh; overflow: hidden; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopVisual { height: 85vh; position: relative; } }

#wrapper > article.contentsTopVisual .topSlide .slideContents .title { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-content: center; align-items: center; z-index: 2; width: 100vw; height: 100vh; position: absolute; left: 0; top: 0; text-align: center; }

#wrapper > article.contentsTopVisual .topSlide .slideContents .title h2 { margin: 90px 0 8px; font-size: 40px; font-weight: 400; font-family: "Lato", sans-serif; letter-spacing: .19em; line-height: 1; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopVisual .topSlide .slideContents .title h2 { margin: 24px 0 8px; font-size: 30px; line-height: 1.3; } }

#wrapper > article.contentsTopVisual .topSlide .slideContents .title h2 span.green { color: #1FB599; }

#wrapper > article.contentsTopVisual .topSlide .slideContents .title h2 span.gray { color: #CCCCCC; }

#wrapper > article.contentsTopVisual .topSlide .slideContents .title p { margin: 0 0 40px; font-family: "NotoSans", sans-serif; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopVisual .topSlide .slideContents .title p { padding: 0 8vw; }
  #wrapper > article.contentsTopVisual .topSlide .slideContents .title p br { display: none; } }

#wrapper > article.contentsTopVisual .topSlide .slideContents img { position: relative; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopVisual .topSlide .slideContents img { height: 85vh; width: auto; } }

#wrapper > article.contentsTopVisual::after { content: ""; display: block; width: 100vw; height: 20vh; position: absolute; left: 0; bottom: 0; ilter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '$start', endColorstr = '$end'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#$start', endColorstr = '$end')"; background-image: -moz-linear-gradient(top, rgba(26, 26, 26, 0), #1a1a1a); background-image: -ms-linear-gradient(top, rgba(26, 26, 26, 0), #1a1a1a); background-image: -o-linear-gradient(top, rgba(26, 26, 26, 0), #1a1a1a); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(26, 26, 26, 0)), to(#1a1a1a)); background-image: -webkit-linear-gradient(top, rgba(26, 26, 26, 0), #1a1a1a); background-image: linear-gradient(top, rgba(26, 26, 26, 0), #1a1a1a); }

#wrapper > article.contentsTopAbout > .inner { display: flex; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopAbout > .inner { display: block; } }

#wrapper > article.contentsTopAbout .contentsBody .text { text-align: center; }

#wrapper > article.contentsTopAbout .contentsBody .text h3 { font-family: "Lato", sans-serif; font-size: 36px; letter-spacing: 0.1em; line-height: 1.3; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopAbout .contentsBody .text h3 { margin-bottom: 20px; font-size: 36px; } }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopAbout .contentsBody .text p { padding: 0 10vw; }
  #wrapper > article.contentsTopAbout .contentsBody .text p br { display: none; } }

#wrapper > article.contentsTopAbout .contentsBody .text p.note { font-size: 12px; }

#wrapper > article.contentsTopCompany { background-color: #F2F2F2; }

#wrapper > article.contentsTopCompany > .inner { display: flex; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopCompany > .inner { display: block; } }

#wrapper > article.contentsTopCompany .contentsTitle { border-right: none; border-left: 1px solid #CCCCCC; }

#wrapper > article.contentsTopCompany .contentsTitle h2 { color: #1A1A1A; }

#wrapper > article.contentsTopCompany .contentsBody .text dl { display: flex; flex-wrap: wrap; padding: 0 8vw; }

#wrapper > article.contentsTopCompany .contentsBody .text dl dt, #wrapper > article.contentsTopCompany .contentsBody .text dl dd { margin: 0; padding: 8px 0; color: #1A1A1A; font-size: 14px; }

#wrapper > article.contentsTopCompany .contentsBody .text dl dt { width: 20%; }

#wrapper > article.contentsTopCompany .contentsBody .text dl dd { width: 80%; }

#wrapper > article.contentsTopCompany .contentsBody .text dl dd ul { margin: 0; padding: 0; list-style: none; }

#wrapper > article.contentsTopSolution { background-color: #1C584D; }

#wrapper > article.contentsTopSolution .inner { padding: 100px 0; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopSolution .inner { padding: 60px 0; } }

#wrapper > article.contentsTopSolution .contentsTitle { border-right: none; min-height: inherit; }

#wrapper > article.contentsTopSolution .contentsTitle h2 { margin-bottom: 90px; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopSolution .contentsTitle h2 { margin-bottom: 0; } }

#wrapper > article.contentsTopSolution .contentsTitle h2::after { background-color: #F2F2F2; }

#wrapper > article.contentsTopSolution .contentsBody { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; width: 1080px; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopSolution .contentsBody { width: 90vw; } }

#wrapper > article.contentsTopSolution .contentsBody .point { border: 1px solid #F2F2F2; width: 300px; height: 300px; text-align: center; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopSolution .contentsBody .point { margin-bottom: 20px; } }

#wrapper > article.contentsTopSolution .contentsBody .point h3 { margin: 0 auto 20px; padding: 0 16px 20px; border-bottom: 1px solid #F2F2F2; font-family: "NotoSans", sans-serif; }

#wrapper > article.contentsTopSolution .contentsBody .point h3 span { display: block; }

#wrapper > article.contentsTopSolution .contentsBody .point h3 span.main { letter-spacing: .05em; }

#wrapper > article.contentsTopSolution .contentsBody .point h3 span.sub { font-size: 16px; }

#wrapper > article.contentsTopSolution .contentsBody .point p { font-size: 14px; margin: 0; }

#wrapper > article.contentsTopSolution .contentsBody .text { margin-top: 40px; width: 100vw; }

#wrapper > article.contentsTopSolution .contentsBody .text h3 { text-align: center; margin-bottom: 28px; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopSolution .contentsBody .text h3 { font-size: 18px; } }

#wrapper > article.contentsTopSolution .contentsBody .text dl { display: flex; margin: 0 auto; border: 1px solid #F2F2F2; width: 640px; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopSolution .contentsBody .text dl { display: block; width: auto; } }

#wrapper > article.contentsTopSolution .contentsBody .text dl dt, #wrapper > article.contentsTopSolution .contentsBody .text dl dd { margin: 0; padding: 0; }

#wrapper > article.contentsTopSolution .contentsBody .text dl dt { padding: 0 40px; background-color: #F2F2F2; color: #1C584D; font-weight: 700; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopSolution .contentsBody .text dl dt { font-size: 20px; } }

#wrapper > article.contentsTopContact::before { content: ""; display: block; width: 100vw; height: 100vh; background-image: url(images/img_visual02.jpg); background-position: center center; background-size: cover; position: absolute; z-index: 0; filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; }

#wrapper > article.contentsTopContact::after { content: ""; display: block; width: 100vw; height: 20vh; ilter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '$start', endColorstr = '$end'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#$start', endColorstr = '$end')"; background-image: -moz-linear-gradient(top, rgba(26, 26, 26, 0), #1a1a1a); background-image: -ms-linear-gradient(top, rgba(26, 26, 26, 0), #1a1a1a); background-image: -o-linear-gradient(top, rgba(26, 26, 26, 0), #1a1a1a); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(26, 26, 26, 0)), to(#1a1a1a)); background-image: -webkit-linear-gradient(top, rgba(26, 26, 26, 0), #1a1a1a); background-image: linear-gradient(top, rgba(26, 26, 26, 0), #1a1a1a); position: absolute; left: 0; bottom: 0; z-index: 1; }

#wrapper > article.contentsTopContact > .inner { display: flex; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopContact > .inner { display: block; } }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopContact .contentsBody { padding-bottom: 100px; } }

#wrapper > article.contentsTopContact .contentsBody .text { text-align: center; }

#wrapper > article.contentsTopContact .contentsBody .text h3 { line-height: 1.1; }

#wrapper > article.contentsTopContact .contentsBody .text h3 span.sub { font-weight: 400; font-size: 16px; }

#wrapper > article.contentsTopContact .contentsBody .text p { margin: 0; font-family: "Lato", sans-serif; font-size: 36px; font-weight: 900; letter-spacing: 0.1em; }

@media screen and (max-width: 720px) { #wrapper > article.contentsTopContact .contentsBody .text p { font-size: 28px; } }

/*# sourceMappingURL=style.map */