@charset "UTF-8";
.cf { zoom: 1; /* for ie */ }
.cf:after { content: ""; display: table; clear: both; }

b { font-weight: bold; }

.box-gray { position: relative; margin: 15px 0 30px; padding: 20px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 3px solid #ccc; }
.box-gray p { margin-bottom: 0 !important; }
.box-gray .title { display: inline-block; position: absolute; top: -10px; left: 10px; padding: 0 10px; background: #fff; color: #333; font-size: 18px; line-height: 1; font-weight: bold; }

.box-info { padding: 15px 15px 15px 45px; border: 1px solid #ddd; background: #fff; position: relative; }
.box-info p { margin-bottom: 0; }
.box-info:before { position: absolute; left: 15px; content: "\f05a"; font-family: 'FontAwesome'; color: #5271ff; }

.box-notice { position: relative; margin: 15px 0 30px; padding: 20px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: solid 3px #ff5c5c; }
.box-notice p { margin-bottom: 0 !important; }
.box-notice .title { display: inline-block; position: absolute; top: -10px; left: 10px; padding: 0 10px; background: #fff; color: #333; font-size: 18px; line-height: 1; font-weight: bold; }
.box-notice .title:before { color: #ff5c5c; padding-right: 10px; content: "\f071"; font-family: 'FontAwesome'; font-weight: normal; }

.box-point { position: relative; margin: 15px 0 30px; padding: 20px 15px; border: solid 3px #ffcc00; border-radius: 8px; }
.box-point p { margin-bottom: 0; }
.box-point .title { display: inline-block; position: absolute; top: -10px; left: 10px; padding: 0 10px; background: #fff; color: #333; font-size: 18px; line-height: 1; font-weight: bold; }

.box-memo { position: relative; margin: 15px 0 30px; padding: 20px 15px; border: solid 3px #FFCC00; border-radius: 8px; }
.box-memo .title { display: inline-block; position: absolute; top: -10px; left: 10px; padding: 0 10px; background: #fff; font-size: 18px; line-height: 1; font-weight: bold; }
.box-memo .title:before { padding-right: 10px; content: "\f040"; font-family: 'FontAwesome'; color: #FFCC00; font-weight: normal; }
.box-memo p { margin-bottom: 0 !important; }

.box-notice-2 { background: #ffebeb; margin-bottom: 30px; padding: 20px 15px; color: #333; }
.box-notice-2 .title { color: red; font-size: 18px; margin-bottom: 5px; }
.box-notice-2 .title:before { padding-right: 10px; content: "\f06a"; font-family: 'FontAwesome'; }

.box-memo-2 { background: #fff9e5; border: 1px solid #FFFFCC; padding: 20px 15px; margin-bottom: 30px; }
.box-memo-2 .title { font-size: 18px; margin-bottom: 5px; }
.box-memo-2 .title:before { color: #FFCC00; padding-right: 10px; content: "\f040"; font-family: 'FontAwesome'; }

a.out:after { font-family: 'FontAwesome'; content: " \f08e"; padding-left: 10px; font-size: 0.8em; }

a.arrow:before { font-family: 'FontAwesome'; content: " \f054"; margin-right: 5px; }

.icon-none:before { display: none !important; }

blockquote { position: relative; padding: 20px 15px; margin-bottom: 1em; margin-left: 1em; box-sizing: border-box; font-style: italic; border-left: 3px solid #ccc; }
blockquote cite { margin-top: 10px; text-align: right; }

cite { display: block; font-size: 0.8em; font-style: italic; margin-top: 3px; margin-bottom: 1em; }
cite a:after { font-family: 'FontAwesome'; content: " \f08e"; font-weight: normal; }

.box1 { padding: 1rem; margin: 1rem 0; border: 3px solid #eee; }

.box1.red { border-color: red; }

.list-check li { position: relative; margin-bottom: 10px; padding-left: 30px; }
.list-check li:after { position: absolute; left: 0px; top: 0px; content: '\f00c'; font-family: 'FontAwesome'; }

.list { margin-left: 1.6em; }
.list li { vertical-align: top; list-style: disc; padding-left: 5px; }
.list li:first-child { margin-top: 0; }
.list li a { display: inline; }

ol { margin-left: 1.6em; }
ol li { list-style: decimal; margin-top: 10px; padding-left: 5px; }
ol li:first-child { margin-top: 0; }

.video { position: relative; width: 100%; padding-top: 56.25%; }

.video iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

/*---------------------------------------
Mobile
---------------------------------------*/
.sp-show { display: none; }

@media screen and (max-width: 480px) { .sp-hide { display: none; }
  .sp-show { display: block; } }
/*---------------------------------------
Button
---------------------------------------*/
.btn-blue, .btn-pink, .btn-orange { text-align: center; }
.btn-blue a, .btn-pink a, .btn-orange a { display: inline-block; color: #FFF; text-decoration: none; letter-spacing: 0.05em; border-radius: 60px; cursor: pointer; font-size: 1.2em; padding: 10px 15px; border: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); /*影*/ -webkit-tap-highlight-color: transparent; transition: .3s ease-out; }
.btn-blue a:hover, .btn-pink a:hover, .btn-orange a:hover { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); /*浮き上がるように*/ }

.btn-block a { display: block; }

.btn-blue a { border: none; background: #1E88E5; }

.btn-pink a { border: none; background: #FF4081; }

.btn-orange a { border: none; background: #FB8C00; }

/*---------------------------------------
fukidashi
---------------------------------------*/
.fukidashi-icon-left { display: table; overflow: hidden; width: 100%; margin: 1.5em 0; }
.fukidashi-icon-left > * { display: block; }
.fukidashi-icon-left .icon { display: table-cell; width: 130px; overflow: hidden; padding-right: 20px; text-align: center; vertical-align: top; }
@media screen and (max-width: 480px) { .fukidashi-icon-left .icon { width: 100px; height: 100px; } }
.fukidashi-icon-left .icon span { font-size: 14px; font-weight: bold; }
.fukidashi-icon-left .text { display: table-cell; padding-top: 15px; width: calc(100% - 130px); position: relative; vertical-align: top; }
@media screen and (max-width: 480px) { .fukidashi-icon-left .text { width: calc(100% - 100px); padding-top: 0px; } }
.fukidashi-icon-left .text .in { position: relative; padding: 13px; border: solid 3px #ddd; border-radius: 12px; }
.fukidashi-icon-left .text .in p:last-child { margin: 0 !important; }
.fukidashi-icon-left .text .in:after { display: inline-block; position: absolute; top: 30px; left: -20px; border: 12px solid transparent; border-right: 12px solid #fff; content: ""; z-index: 999; }
@media screen and (max-width: 480px) { .fukidashi-icon-left .text .in:after { top: 18px; } }
.fukidashi-icon-left .text .in:before { display: inline-block; position: absolute; top: 30px; left: -23px; border: 12px solid transparent; border-right: 12px solid #ddd; content: ""; }
@media screen and (max-width: 480px) { .fukidashi-icon-left .text .in:before { top: 18px; } }

/*---------------------------------------
expand
---------------------------------------*/
.expand-btn { border: none; }
.expand-btn:hover { cursor: pointer; }

.expand-open { margin-bottom: 10px; }

details:hover { cursor: pointer; }
details summary::marker { content: ""; }
details summary::after { content: '＋'; padding-left: 10px; font-size: .8em; text-decoration: none; }
details:open summary { margin-bottom: 5px; }
details:open summary::marker { content: ""; }
details:open summary::after { content: '－'; padding-left: 10px; font-size: .8em; text-decoration: none; }
@media (prefers-reduced-motion: no-preference) { details::details-content { transition-duration: 300ms; transition-property: content-visibility, opacity; transition-behavior: allow-discrete; } }
details:not([open])::details-content { opacity: 0; }

/*# sourceMappingURL=content.css.map */