@charset 'utf-8';

* {
  margin: 0;
  padding: 0;
  position: relative;
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

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, 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;
}

body {
    line-height:1;
}

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

ol, ul {
    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;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
input:focus,
button:focus {
  outline: 0;
}

/* ////////////////// */

/* font-family {{{ */

/*-- gothic --*/
/*
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body {
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
*/

/*-- mincho --*/
/*
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
body {
    font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
*/

/* }}} */

/*--- base.css ---*/
/* base {{{ */

body {
    /*font-family: "ＭＳ Ｐゴシック" , "MS PGothic" , "メイリオ" , Meiryo , "Meiryo UI" , Arial , Avenir , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Open Sans" , "Helvetica Neue" , Helvetica , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , sans-serif;*/
    font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 1em;
    line-height: 1.4;
}

a {
	text-decoration: none;
	color: #333;
}
a:link {}
a:visited {}
a:hover {}
a:active {}

.d-block {
	display: block;
}
/* }}} */
/* centering layout {{{ */
div.outerframe {
    text-align: center;
}
div.innerframe {
    width: 950px;
    margin: 0px auto;
    text-align: left;
}
/* }}} */

/* font-size {{{ */

.em06 { font-size: 0.6em; }
.em0681 { font-size: 0.681em !important; } /* parent 18px to 12.25px */
.em06875 { font-size: 0.6875em; }
.em07 { font-size: 0.7em; }
.em075 { font-size: 0.75em; }
.em08 { font-size: 0.8em; }
.em08125 { font-size: 0.8125em; }
.em0875 { font-size: 0.875em; }
.em0875im { font-size: 0.875em !important; } /* XXX */
.em09 { font-size: 0.9em; }
.em11 { font-size: 1.1em; }
.em114 { font-size: 1.14em; }
.em1125 { font-size: 1.125em; }
.em12 { font-size: 1.2em; }
.em125 { font-size: 1.25em !important; }
.em1375 { font-size: 1.375em !important; }
.em14 { font-size: 1.4em; }
.em15 { font-size: 1.5em; }
.em16 { font-size: 1.6em; }
.em1625 { font-size: 1.625em; }
.em18 { font-size: 1.8em; }
.em1875 { font-size: 1.875em; }
.em208 { font-size: 2.08em; }
.em25 { font-size: 2.5em; }
.bold {
	font-weight: bold;
}
/* }}} */
/* line-height {{{ */

.lh12 { line-height: 1.2em; }
.lh14 { line-height: 1.4em; }
.lh30 { line-height: 3; }

/* }}} */
/* alignment {{{ */

.txt-left { text-align: left; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.indent {
	text-indent: -1em;
	padding-left: 1em;
	display: inline-block;
}
/* }}} */
/* IME {{{ */

.imeoff { ime-mode: disabled; }
.imeon { ime-mode: active; }

/* }}} */
/* clearfix {{{ */

.clearfix:after {
    content: ".";
    display:  block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

/* }}} clearfix */
/* float {{{ */

.fl {
    float: left;
}
.fr {
    float: right;
}
div.clear {
    clear: both;
}
.clear {
    clear: both;
}
.valign-m {
	vertical-align: middle;
}
.valign-t {
	vertical-align: top;
}
.valign-b {
	vertical-align: bottom;
}
.valign-base {
	vertical-align: baseline;
}
/* }}} */

/* margin padding {{{ */
.mtop1em {
	margin-top: 1em;
}
.mtop-1p {
	margin-top: -1%;
}
.mtop00 {
	margin-top: 0 !important;
}
.mtop1p {
	margin-top: 1%;
}
.mtop2p {
	margin-top: 2%;
}
.mtop3p {
	margin-top: 3%;
}
.mtop4p {
	margin-top: 4%;
}
.mtop5p {
	margin-top: 5%;
}
.mtop8p {
	margin-top: 8%;
}
.mtop10p {
	margin-top: 10%;
}
.mtop11p {
	margin-top: 11%;
}
.mtop12p {
	margin-top: 12%;
}
.mtop13p {
	margin-top: 13%;
}
.mleft02em {
	margin-left: 0.2em;
}
.mleft05em {
	margin-left: 0.5em;
}
.mleft1p {
	margin-left: 1%;
}
.mleft2p {
	margin-left: 2%;
}
.mleft3p {
	margin-left: 3%;
}
.mleft4p {
	margin-left: 4%;
}
.mleft5p {
	margin-left: 5%;
}
.mleft8p {
	margin-left: 8%;
}
.mleft10p {
	margin-left: 10%;
}
.mbtm00 {
	margin-bottom: 0 !important;
}
.mbtm1p {
	margin-bottom: 1%;
}
.mbtm2p {
	margin-bottom: 2%;
}
.mbtm3p {
	margin-bottom: 3%;
}
.mbtm4p {
	margin-bottom: 4%;
}
.mbtm5p {
	margin-bottom: 5%;
}
.mbtm1em {
    margin-bottom: 1em;
}
.mbtm2em {
    margin-bottom: 2em;
}
.mbtm3em {
    margin-bottom: 3em;
}

.ptop1em {
	padding-top: 1em;
}
.pleft05em {
	padding-left: 0.5em;
}
.pleft1em {
	padding-left: 1em;
}
.pleft2em {
	padding-left: 2em;
}
.pleft3em {
	padding-left: 3em;
}
.pleft4em {
	padding-left: 4em;
}



.pright05em {
	padding-right: 0.5em;
}
.pright1em {
	padding-right: 1em;
}
.pright2em {
	padding-right: 2em;
}
.pright3em {
	padding-right: 3em;
}
.pright4em {
	padding-right: 4em;
}
.pright15em {
	padding-right: 1.5em !important;
}

.w80p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.left10 {
	float: left;
	width: 10%;
}
.left15 {
	float: left;
	width: 15%;
}
.left20 {
	float: left;
	width: 20%;
}
.left30 {
	float: left;
	width: 30%;
}
.left40 {
	float: left;
	width: 40%;
}
.left43 {
	float: left;
	width: 43%;
}
.left45 {
	float: left;
	width: 45%;
}
.left47 {
	float: left;
	width: 47%;
}
.left48 {
	float: left;
	width: 48%;
}
.left49 {
	float: left;
	width: 49%;
}
.left50 {
	float: left;
	width: 50%;
}
.left55 {
	float: left;
	width: 55%;
}
.left60 {
	float: left;
	width: 60%;
}
.left70 {
	float: left;
	width: 70%;
}
.left80 {
	float: left;
	width: 80%;
}
.left85 {
	float: left;
	width: 85%;
}

.right15 {
	float: right;
	width: 15%;
}
.right20 {
	float: right;
	width: 20%;
}
.right30 {
	float: right;
	width: 30%;
}
.right40 {
	float: right;
	width: 40%;
}
.right43 {
	float: right;
	width: 43%;
}
.right45 {
	float: right;
	width: 45%;
}
.right47 {
	float: right;
	width: 47%;
}
.right48 {
	float: right;
	width: 48%;
}
.right49 {
	float: right;
	width: 49%;
}
.right50 {
	float: right;
	width: 50%;
}
.right55 {
	float: right;
	width: 55%;
}
.right60 {
	float: right;
	width: 60%;
}
.right70 {
	float: right;
	width: 70%;
}
.right75 {
	float: right;
	width: 75%;
}
.right80 {
	float: right;
	width: 80%;
}
.right85 {
	float: right;
	width: 85%;
}
/* }}} */
/* utlity {{{ */

em {
    color: #cc0000;
    font-weight: bold;
    font-style: normal;
}
.red {
	color: #ff0000 !important;
}
.red02 {
	color: #b20000 !important;
}
.blue {
	color: #00A7F9 !important;
}
.white {
	color: #fff !important;
}
.yellow {
	color: #FFFF00 !important;
}
.green {
	color: #00ff00 !important;
}
.underline {
	text-decoration: underline;
}
span.linked {
    cursor: pointer;
}

span.linked:hover {
    color: #0000ff;
    cursor: pointer;
    text-decoration: underline;
}

span.plink {
    cursor: pointer;
    color: #cc0000;
    text-decoration: underline;
}
span.qfchecked {
    font-weight: bold;
}
hr.thin {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #000000;
    padding: 0px;
    height: 1px;
}

.inline-w100p {
	width: 100%;
}
/* }}} */

/* common {{{ */

a.noul {
    text-decoration: none;
}

/* }}} */

.w10 { width: 10px; }
.w20 { width: 20px; }
.w40 { width: 40px; }
.w60 { width: 60px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }


/* magnific popup {{{ */

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.45s ease-out;
  -moz-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.45s ease-out;
  -moz-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* }}} */
/*--- //base.css ---*/

/*--- common.css ---*/
/* web font */
@font-face {
  font-family: 'Gotham';
  src: url(/hc/theming_assets/01HZKWASVXMZ1FYS05SZ77GRKK) format('truetype');
	font-weight: 100;
}
@font-face {
  font-family: 'Gotham';
  src: url(/hc/theming_assets/01HZKWASNRADYC00KB06QY6H8K) format('truetype');
	font-weight: 500;
}
@font-face {
  font-family: 'Gotham';
  src: url(/hc/theming_assets/01HZKWAT1A7X2SG8GC8KHF4BW5) format('truetype');
	font-weight: 800;
}

/* common {{{ */

body {
	font-family:  "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, 'Noto Sans JP', sans-serif;
	margin: 0;
  padding: 0;
	color: #333;
}
a {
	color: #333;
}

@media screen and (min-width: 769px) {
.pc-none {
	display: none !important;
}

.flexbox.pc-reverse {
	-webkit-box-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
}

.flexbox {
	display: flex;
	display:-webkit-flex;
	display:-ms-flexbox;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
.flexbox.vtop {
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
}
.flexbox.vcenter {
	align-items: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
}
.flexbox.vbottom {
	align-items: flex-end;
	-webkit-align-items: flex-end;
	-ms-flex-align: flex-end;
}
.flexbox.jcenter {
	-ms-flex-pack:center;
    -webkit-justify-content: center;
    justify-content:center;
}
.flexbox.jaround {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.flexbox.jend {
	-ms-flex-pack:flex-end;
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
}
.flexbox.jstart,
.flexbox.start {
	-ms-flex-pack:flex-start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
}
.flexbox.stretch {
	align-items: stretch;
    -webkit-align-items: stretch;
	-ms-flex-align: stretch;
}
.flexbox.reverse {
	-webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
    flex-direction:row-reverse;
}

.btn:hover {
	opacity: 0.8;
}
.btnbg:hover {
	background: #00a9e0 !important;
	color: #fff;
}
.btnbg.old-version:hover {
    opacity: 1;
}
a.txtlink:hover {
	color: #155fad;
}
a.txtlink-blue:hover {
	text-decoration: underline;
}
.ico-hover,
.ico-hover-b {
	position: relative;
	padding-right: 40px;
}
.ico-hover:hover:after {
	content: "";
	width: 37px;
	height: 36px;
	background: url($assets-ico-hover-png) left center no-repeat;
	position: absolute;
	right: 0;
	top: 50%;
	top: 50%;
	transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.ico-hover-b:hover:after {
	content: "";
	width: 37px;
	height: 36px;
	background: url($assets-ico-hover_b-png) left center no-repeat;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.btnimg:hover {
	opacity: 0.8;
}
.btn.orange {
	color: #fff;
	background: #ff800a;
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	padding: 0.8em 1.4em;
}
.btn.light-blue {
	color: #fff;
	background: #00a5e6;
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	padding: 0.8em 1.4em;
}
.btn.btn-blue {
	color: #fff;
	background: #1e4480;
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	padding: 0.8em 1.4em;
}

.arrow,
.arrow-w {
	position: relative;
}
.arrow-w:after {
	content: "";
	width: 13px;
	height: 12px;
	position: absolute;
	background: url($assets-arrow_w-png) right center no-repeat;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

img {
	max-width: 100%;
	border: none;
	display: block;
}
img.inline-block {
	display: inline-block;
}

.font-rnum {
	font-family: serif;
}
/* }}} */
/* modal {{{ */
.mfp-bg.mfp-fade {
	width: 100%;
	z-index: 10000;
}
.mfp-bg.mfp-fade + .mfp-wrap {
	z-index: 10001;
}
#contents .popup-modal-detail {
	display: none;
}
.mfp-content div.popup-modal-detail {
	color: #444444;
	box-sizing: border-box;
	position: relative;
	background: rgba(255,255,255,1);
	padding: 3em;
	width:auto;
	max-width: 900px;
	margin: 120px auto 20px;
	box-shadow: 0 0 14px rgba(0,0,0,0.8);
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	line-height: 1.6;
}
/* .mfp-content div.popup-modal-detail .mfp-close {
	width: 40px;
	height: 40px;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 40px;
	top: 1em;
	right: 1em;
	font-family: sans-serif;
	color: #fff;
	background: #0091dc;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	opacity: 1;
} */
.mfp-content div.popup-modal-detail .btn-modal-close {
	position: absolute;
	top: 1em;
	right: 1em;
	opacity: 1;
}
.mfp-content div.popup-modal-detail h3 {
	font-weight: bold;
}
.mfp-content div.popup-modal-detail h4 {
	margin-top: 2em;
	text-decoration: underline;
}
.mfp-content div.popup-modal-detail h5 {
	margin-top: 1em;
}
.mfp-content div.popup-modal-detail h4 + h5 {
	margin-top: 0;
}
.mfp-content div.popup-modal-detail h5 + p {
	padding-left: 1.2em;
}
/* }}} */
/* accordion {{{ */
.accordion {
	position: relative;
	width: 100%;
	margin: auto;
	cursor: pointer;
	box-sizing: border-box;
}
.accordion img {
	display: block;
}
/*
.accordion:before {
	content: "";
	width: 34px;
	height: 34px;
	display: block;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	background: #fff;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 1;
}
*/
.accordion:after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-width: 11px 11px 0;
	border-color: #818181 transparent;
	border-style: solid;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 2;
}
.accordion.menu-open:after {
	border-width: 0 11px 11px;
}
.accordion.pink:after {
	border-color: #e2497e transparent;
}

.accordion:not(.menu-open) + * {
	display: none;
}

/* }}} */

/* #wrapper {{{ */
#wrapper {
	position: relative;
}
/* }}} */

/* header {{{ */
header {
	width: 100%;
}
header .hlogo {
    width: 236px;
}
header .logo {
}
header .header {
	width: 100%;
	padding: 1.5em 5.5%;
	margin: auto;
	box-sizing: border-box;
  flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
}
header .logo:hover {
	opacity: 0.7;
}
header nav {
  flex-grow: 2;
  /* max-width: 32em; */
  max-width: 42em;
  margin-left: 1em;
}
header nav li {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
header nav li + li {

}

/* }}} */

/* .footer {{{ */
footer {
	background: #f5f5f5;
	padding: 4em 0;
}
footer .bnr li + li {
	margin-left: 1em;
}
footer .bnr li a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #00a9e0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	width: 270px;
	box-sizing: border-box;
	padding: 1.5em 0;
}
footer .link {
	margin-top: 3em;
}
footer .link li {
	box-sizing: border-box;
	text-align: center;
	font-size: 0.875em;
}
footer .link li + li {
	margin-left: 1em;
}
footer .copy {
	font-size: 0.875em;
	margin-top: 3em;
}

/* }}} */

/* top {{{ */
#contents.top .kvarea {
	width: 100%;
	height: 330px;
	background: url(/hc/theming_assets/01HZKWA8MB729S3RQNR40WF23V) center top no-repeat;
	background-size: cover;
	position: relative;
	text-align: center;
}
#contents.top .kvarea .main-txt {
	font-size: 40px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
	margin-top: -30px;
}
#contents.top .kvarea .search {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
	margin-top: 50px;
	padding: 0;
}
#contents.top .kvarea .search input {
	-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.1);
	-o-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.1);
	-ms-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	padding: 1em 2.5em 1em 3em;
	box-sizing: border-box;
	-webkit-appearance: none;
	width: 540px;
	border: none;
	position: relative;
	font-size: 1em;
	color: #333;
}
::-webkit-search-cancel-button {
  /* Remove default */
 -webkit-appearance: none;
 /*Your new styles */
 height: 1.2em;
 width: 1.2em;
 background: url(/hc/theming_assets/01HZKWA78KT111SWS6NQMVS2PA) right center no-repeat;
 position: absolute;
 right: 1em;
 top: 50%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
}

::placeholder {
	color: #adadad;
  font-family:  "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, 'Noto Sans JP', sans-serif;
}
#contents.top .kvarea .search input:hover,
#contents.top .kvarea .search.active input {
	border: solid 1px #00a9e0;
}
#contents.top .kvarea .search::before {
	content: "";
	width: 1.5em;
	height: 1.5em;
	background: url(/hc/theming_assets/01HZKWA8A1VW56VKGREB1A6V17) left center no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	left: 1em;
	top: 50%;
	transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
	z-index: 1;
}
#contents.top .kvarea .search:hover::before,
#contents.top .kvarea .search.active::before {
	background: url(/hc/theming_assets/01HZKWA85RH31Y5TD2Q831F13S) left center no-repeat;
    background-size: contain;
}

#contents.top section {
	padding: 2.5em 0;
}
#contents.top section .section-inner {
	max-width: 1224px;
	margin: auto;
	box-sizing: border-box;
  padding-left: 2em;
  padding-right: 2em;
}

#contents section h2 {
	font-size: 1.875em;
	margin: 0 0 0.5em;
	font-weight: bold;
}
#contents section h2 span {
	color: #00a9e0;
	font-size: 0.66em;
	padding-left: 0.5em;
	font-family: 'Gotham', sans-serif;
	font-weight: 500;
}
#contents section.news {
	padding-bottom: 0;
}
#contents section.news .section-inner {
	padding: 2em 2em 2.5em;
}
#contents section.news .ttl-area {
  margin-bottom: 0.5em;
}
#contents section.news .ttl-area a {
	color: #155fad;
}
ul.news-list li + li,
#contents section.news ul li + li {
	margin-top: 1em;
}

/* news */
ul.news-list li .tag,
#contents.top section.news ul li .tag {
display: inline-block;
border: solid 1px #00a9e0;
color: #00a9e0;
font-size: 0.75em;
width: 9em;
line-height: 1.6;
text-align: center;
box-sizing: border-box;
max-width: 20%;
}
ul.news-list li .tag.imp,
#contents.top section.news ul li .tag.imp {
	color: #ed5b6f;
	border-color: #ed5b6f;
}
ul.news-list li .tag + p,
#contents.top section.news ul li .tag + p {
	padding-left: 1em;
	box-sizing: border-box;
	max-width: 80%;
}
ul.news-list li a:hover::after,
#contents.top section.news ul li a:hover::after {
	margin-top: 0.5em;
}

#contents.top section.news ul:after {
  content: "";
  width: 100%;
  display: block;
  border-bottom: solid 2px #e2e2e2;
  position: absolute;
  bottom: -2.5em;
  left: 0;
}



#contents.top section.bnr {
	padding-top: 2.5em;
}
#contents.top section.bnr a {
	padding: 0;
}
#contents.top section.bnr a:hover::after {
	top: auto;
	right: 1em;
	bottom: 1em;
	transform: none;
  -webkit-transform: none;
}
#contents.top .bnr .bnr__top {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1.5em;
}


#contents.top section.howto ul li a {
	font-size: 1em;
	font-weight: normal;
	background: #f5f5f5;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	padding: 1em;
	box-sizing: border-box;
	width: 260px;
	text-align: center;
	margin-top: 1em;
	display: block;
}

@media screen and (max-width: 1120px) {
  #contents.top section.howto ul li {
    width: 24%;
  }
  #contents.top section.howto ul li:last-child {
    margin-right: 0;
  }
  #contents.top section.howto ul li a {
    width: 100%;
  }
}
#contents.top section.howto ul li a:hover::after {
	right: 1em;
}
#contents.top section.functionlist {
  padding-bottom: 5em;
}
#contents.top section.functionlist ul {
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
}
#contents.top section.functionlist ul li {
	display: block;
	font-size: 1em;
	font-weight: normal;
	margin-top: 1em;
    /* margin-right: 20px; */
	padding: 0;
}
#contents.top section.functionlist ul li:nth-child(4n) {
    /* margin-right: 0; */
}
#contents.top section.functionlist ul li:hover:after {
	right: 0.5em;
	top: auto;
	bottom: 0.5em;
	transform: none;
  -webkit-transform: none;
}
#contents.top section.functionlist ul li a {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #e1e1e1;
	padding: 2em 0 2em 60px;
	box-sizing: border-box;
	width: 275px;
	height: 100%;
	text-align: center;
	position: relative;
}

#contents.top section.functionlist ul li img {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
	max-width: 1.5em;
	max-height: 1.5em;
}
#contents.top section.functionlist ul li span {
	position: absolute;
	font-size: 0.7em;
	font-weight: bold;
	color: #fff;
	background: #6d6d6d;
	padding: 0 0.2em;
	right: 0;
	top: 5px;
	z-index: 1;
}
/*
#contents.top section.functionlist ul li:last-child {
	margin-right: 295px;
}
*/

  #contents.top section.functionlist ul li {
    width: 24%;
  }
@media screen and (min-width: 769px) {
  #contents.top.functions-odd section.functionlist ul:before {
    content:"";
    display: block;
    width:24%;
    height: 0;
    order:1;
  }
  #contents.top.functions-odd section.functionlist ul:after {
    content:"";
    display: block;
    width:24%;
    height: 0;
    order:1;
  }
}

@media screen and (max-width: 1200px) {
  /*
  #contents.top section.functionlist ul li {
    width: 24%;
  }
  */
  #contents.top section.functionlist ul li a {
    padding: 1.5em 0.5em 1.5em 7vw;
  	box-sizing: border-box;
  	width: 100%;
  	height: 100%;
    text-align: left;
  }
  /*
  #contents.top section.functionlist ul li:last-child {
  	margin-right: 25.3%;
  }
  */
}
#contents.top section.update-faq {
	background: #f5f5f5;
}
#contents.top section.update-faq .update,
#contents.top section.update-faq .faq,
#contents.top section.update-faq .oldadmin a {
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 2.5em 1.5em;
	box-sizing: border-box;
	width: 49%;

}
#contents.top section.update-faq .faq {
	width: 100%;
  padding: 2.5em;
}
#contents.top section.update-faq ul {
	margin-bottom: 2em;
}
#contents.top section.update-faq ul li {
	position: relative;
	padding-left: 1em;
}
#contents.top section.update-faq ul li:after {
	content: "";
	width: 0;
	height: 0;
	border-width: 0.2em 0 0.2em 0.4em;
	border-style: solid;
	border-color: transparent #333;
	position: absolute;
	top: 0.4em;
	left: 0;
}
#contents.top section.update-faq ul li + li {
	margin-top: 1em;
}
#contents.top section.update-faq h3 span {
	color: #00a9e0;
	font-size: 0.66em;
	padding-left: 0.5em;
}
#contents.top section.update-faq a.more {
	color: #155fad;
}

#contents.top section.update-faq .oldadmin {
	width: 100%;
}
#contents.top section.update-faq .oldadmin a {
	font-size: 1.25em;
	text-align: center;
	width: 100%;
	margin-top: 1em;
	display: block;
	padding: 1.5em 1.5em;
}
#contents.top section.update-faq .oldadmin a::after {
	right: auto;
	left: 50%;
	margin-left: 12em;
}
#contents.top section.update-faq .oldadmin a span {
	font-size: 0.7em;
	display: inline-block;
	margin-left: 2em;
}

/* }}} */

/* lower {{{ */
#contents.lower {
	border-top: solid 1px #e1e1e1;
}
#contents.lower .container {
	max-width: 1224px;
	margin: auto;
  box-sizing: border-box;
  padding: 0 2em;
}
#contents.lower .lowerheader {
	padding: 2em 0;
}
.breadcrumbs {
	display:-webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-pack:flex-start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.breadcrumbs li {
}
.breadcrumbs li:after {
	content: ">";
	margin: 0 0.2em;
}
.breadcrumbs li:last-child:after {
    content: none;
}
.breadcrumbs li a {
	text-decoration: underline;
	position: relative;
}
#contents.lower .lowerheader .breadcrumb a {
	text-decoration: underline;
	position: relative;
}
#contents.lower .lowerheader .breadcrumb li:after {
	content: ">";
	margin: 0 0.2em;
}
#contents.lower .lowerheader .breadcrumb li:last-child:after {
	display: none;
}
#contents.lower .lowerheader .search {
	position: relative;
	width: 41.8%;
	padding: 0;
}
#contents.lower .lowerheader .search::after {
	right: 1em;
}
#contents.lower .lowerheader .search input {
	border: solid 1px #e1e1e1;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	padding: 1em 1.4em 1em 3em;
	box-sizing: border-box;
	-webkit-appearance: none;
	width: 100%;
	position: relative;
	font-size: 1em;
}
#contents.lower .lowerheader .search input:hover,
#contents.lower .lowerheader .search.active input  {
	border: solid 1px #00a9e0;
}
#contents.lower .lowerheader .search:before {
	content: "";
	width: 1.5em;
	height: 1.5em;
	background: url(/hc/theming_assets/01HZKWA8A1VW56VKGREB1A6V17) left center no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	left: 1em;
	top: 50%;
	transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
	z-index: 1;
}
#contents.lower .lowerheader .search:hover::before,
#contents.lower .lowerheader .search.active::before {
	background: url(/hc/theming_assets/01HZKWA85RH31Y5TD2Q831F13S) left center no-repeat;
    background-size: contain;
}

#contents.lower .clm2 {
  flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
}
#contents.lower .sidebar {
	width: 285px;
	box-sizing: border-box;
	border-right: solid 1px #e1e1e1;
	padding: 0 0 4em 0;
}
#contents.lower .sidebar ul li {
	position: relative;
}
#contents.lower .sidebar ul li::after {
	content: "";
	width: 0;
	height: 0;
	border-width: 0.2em 0 0.2em 0.4em;
	border-style: solid;
	border-color: transparent #333;
	position: absolute;
	top: 1.2em;
	left: 0.6em;
}
#contents.lower .sidebar ul li.current::after {
  border-color: transparent #155fad;
}
#contents.lower .sidebar ul li a {
  display: block;
  padding: 0.8em 0 0.8em 1.6em;
  box-sizing: border-box;
}
#contents.lower .sidebar ul li.current a {
  color: #155fad;
}
#contents.lower .sidebar ul li a:hover {
  background: #d1eaf8;
}
#contents.lower .sidebar ul li span {
  display: inline-block;
  position: relative;
  padding-right: 38px;
}
/* #contents.lower .sidebar ul li a:hover span::after {
  background-size: 1.8em !important;
  content: "";
	width: 37px;
	height: 36px;
	background: url('../img/ico_hover_b.png') left center no-repeat;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
} */
#contents.lower .sidebar ul li .tag {
  color: #fff;
  background: #6d6d6d;
  font-size: 0.75em;
  padding: 0.2em;
  display: inline-block;
  margin-left: 0.3em;
}

#contents.lower .sidebar h3 {
	font-size: 1.25em;
	margin: 0 0 0.5em;
	font-weight: bold;
}
#contents.lower .sidebar h3 span {
	color: #00a9e0;
	font-size: 0.8em;
	padding-left: 0.5em;
	font-family: 'Gotham', sans-serif;
	font-weight: 500;
}
#contents.lower .sidebar h4 {
  margin: 2.5em 0 1em;
}
#contents.lower .mainarea {
	width: 875px;
	box-sizing: border-box;
	padding: 0 0 3em 2.5em;
}

#contents.lower .pager {
	margin: 4em auto 0;
}
#contents.lower .pager li {
	width: 2em;
	text-align: center;
	height: 2em;
	line-height: 2;
	margin: 0 0.3em;
}
#contents.lower .pager li.current {
	color: #fff;
	background: #00a9e0;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
}
#contents.lower .pager li.next-all {
	letter-spacing: -0.2em;
}

/* }}} */


/* category {{{ */

#contents.lower.category .mainarea {
    width: 100%;
    padding: 0 0 3em;
}

/* }}} */

/* function {{{ */
#contents.lower.function .mainarea .section-inner p {
    line-height: 2em;
}
#contents.lower.function .mainarea section ul.cnt-list li {
	margin-top: 1.5em;
	padding: 0;
  width: 100%;
}
#contents.lower.function .mainarea section ul.cnt-list li a {
	position: relative;
  padding: 1.5em;
  -moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
  border: solid 1px #e1e1e1;
  display: block;
  box-sizing: border-box;
}
#contents.lower.function .mainarea section ul.cnt-list li a:after {
  right: 9%;
}
#contents.lower.function .mainarea section ul.cnt-list li h4 {
  font-size: 1.25em;
  font-weight: bold;
  padding: 0 0 0.5em;
}
#contents.lower.function .mainarea section ul.cnt-list li p {
	font-size: 0.875em;
	line-height: 1.71;
}

#contents.lower.function .mainarea h2 + p {
	margin-top: 2em;
}
#contents.lower.function .mainarea h3 {
	margin: 1.5em 0;
	font-size: 1.25em;
	font-weight: normal;
}
#contents.lower.function .mainarea section ul.about li + li {
	margin-top: 1.5em;
}
#contents.lower.function .mainarea section ul.about li h4 {
	font-size: 1em;
	font-weight: normal;
}
#contents.lower.function .mainarea section ul.about li p {
	margin-top: 1.5em;
}

#contents.lower.function .mainarea section.useful .box {
	background: #f5f5f5;
	padding: 2em;
	margin-top: 5em;
}
#contents.lower.function .mainarea section.useful .box p {
	margin-right: 3em;
}
#contents.lower.function .mainarea section.useful .box .btnbg {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	border: solid 1px #f5f5f5;
	text-align: center;
	display: inline-block;
	min-width: 10em;
	padding: 1.5em;
}

#contents.lower.function .mainarea section.article {
	margin-top: 5em;
}
#contents.lower.function .mainarea section.article .flexbox > div {
	width: 50%;
	box-sizing: border-box;
	padding-bottom: 2em;
}
#contents.lower.function .mainarea section.article .left {
	padding-right: 2em;
}
#contents.lower.function .mainarea section.article .right {
	border-left: solid 1px #e1e1e1;
	padding-left: 2em;
}
#contents.lower.function .mainarea section.article h2,
#contents.lower.function .mainarea section.article h3 {
	font-size: 1.8em;
	margin: 0 0 0.5em;
  font-weight: bold;
}
#contents.lower.function .mainarea section.article ul li {
  padding-left: 1.4em;
}
#contents.lower.function .mainarea section.article ul li::after {
	content: "";
	width: 0;
	height: 0;
	border-width: 0.2em 0 0.2em 0.4em;
	border-style: solid;
	border-color: transparent #333;
	position: absolute;
	top: 0.5em;
	left: 0.6em;
}
#contents.lower.function .mainarea section.article ul li + li {
	margin-top: 1em;
}

#contents.lower.function .mainarea section.contact {
	margin-top: 3em;
}
#contents.lower.function .mainarea section.contact .contact-box {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	border: solid 1px #e1e1e1;
	padding: 1.2em 0;
}
#contents.lower.function .mainarea section.contact .contact-box img {
	margin-right: 1em;
}
/* }}} */

/* search-result {{{ */

#contents.search-result .mainarea {
    width: 100%;
}
#contents.search-result .search-results-subheading {
    color: #333;
}
#contents.search-result .search-results-list {
    margin-top: 2em;
}
#contents.search-result .search-result-list-item {
    margin-top: 1.5em;
    padding: 0;
    width: 100%;
}
#contents.search-result .search-result-list-item a {
    position: relative;
  padding: 1.5em;
  -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
  border: solid 1px #e1e1e1;
  display: block;
  box-sizing: border-box;

}
#contents.search-result .search-result-title {
    color: #333;
    font-size: 1.2em;
}
#contents.search-result .search-result-list-item a:hover .search-result-title {
    color: #fff;
}
.search-results-description em {
    color: #0F4490;
    font-weight: bold;
}
#contents.search-result .search-result-list-item a:hover .search-results-description em {
    color: #fff;
}

/* }}} */

/* categoryページの functionlist {{{ */

#contents.lower.category .mainarea section ul.category-list,
#contents.lower.category .mainarea section ul.functionlist {
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
}
#contents.lower.category .mainarea section ul.category-list li,
#contents.lower.category .mainarea section ul.functionlist li {
	display: block;
	font-size: 1em;
	font-weight: normal;
	margin-top: 1em;
    /* margin-right: 20px; */
	padding: 0;
}
#contents.lower.category .mainarea section ul.functionlist li:nth-child(4n) {
    /* margin-right: 0; */
}
#contents.lower.category .mainarea section ul.category-list li:hover:after,
#contents.lower.category .mainarea section ul.functionlist li:hover:after {
	right: 0.5em;
	top: auto;
	bottom: 0.5em;
	transform: none;
  -webkit-transform: none;
}
#contents.lower.category .mainarea section ul.category-list li a,
#contents.lower.category .mainarea section ul.functionlist li a {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #e1e1e1;
	padding: 2em 0 2em 60px;
	box-sizing: border-box;
	width: 275px;
	height: 100%;
	text-align: left;
	position: relative;
}
#contents.lower.category .mainarea section ul.category-list li a:hover {
	background: #00a9e0 !important;
	color: #fff;
}
#contents.lower.category .mainarea section ul.category-list li a {
	padding: 2em 1.6em;
}

#contents.lower.category .mainarea section ul.functionlist li img {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
	max-width: 1.5em;
	max-height: 1.5em;
}
#contents.lower.category .mainarea section ul.functionlist li span {
	position: absolute;
	font-size: 0.7em;
	font-weight: bold;
	color: #fff;
	background: #6d6d6d;
	padding: 0 0.2em;
	right: 0;
	top: 5px;
	z-index: 1;
}

  #contents.lower.category .mainarea section ul.category-list li,
  #contents.lower.category .mainarea section ul.functionlist li {
    width: 24%;
  }
@media screen and (min-width: 769px) {
  #contents.lower.category.functions-odd .mainarea section ul.category-list:before,
  #contents.lower.category.functions-odd .mainarea section ul.functionlist:before {
    content:"";
    display: block;
    width:24%;
    height: 0;
    order:1;
  }
  #contents.lower.category.functions-odd .mainarea section ul.category-list:after,
  #contents.lower.category.functions-odd .mainarea section ul.functionlist:after {
    content:"";
    display: block;
    width:24%;
    height: 0;
    order:1;
  }
}

@media screen and (max-width: 1200px) {
  /*
  #contents.lower.category .mainarea section ul.functionlist li {
    width: 24%;
  }
  */
  #contents.lower.category .mainarea section ul.category-list li a,
  #contents.lower.category .mainarea section ul.functionlist li a {
    padding: 1.5em 0.5em 1.5em 7vw;
  	box-sizing: border-box;
  	width: 100%;
  	height: 100%;
    text-align: left;
  }
  #contents.lower.category .mainarea section ul.category-list li a {
    padding: 1.5em 0.5em;
  }
}


/* }}} */

/* thumbnail-list {{{ */

.thumbnail-list {
    display: flex;
    display:-webkit-flex;
    display:-ms-flexbox;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;

    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;

    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;

    align-items: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
}
.thumbnail-list:after {
  content:"";
  display: block;
  width:32%;
}
.thumbnail-list .item {
    box-sizing: border-box;
    width: 32%;
    background: #fff;
    margin-bottom: 2em;
    border: 1px solid #e1e1e1;
    border-radius: 0.3em;
    overflow: hidden;
}
.thumbnail-list .item a {
    background: transparent;
}
.thumbnail-list .item:hover {
    background: #00a9e0;
}
.thumbnail-list .item a:hover {
    /* background: #00a9e0; */
    color: #fff;
}
.thumbnail-list .item:hover a {
    color: #fff;
}
.thumbnail-list .item img {
    width: 100%;
    height: 209px;
    object-fit: cover;
}
.thumbnail-list .item .content {
    box-sizing: border-box;
    /* background: transparent; */
    padding: 1.4em;
}
.thumbnail-list .item a:hover .content {
    /* background: #00a9e0; */
    color: #fff;
}
.thumbnail-list .item .content .ttl {
    font-weight: bold;
    font-size: 1.25em;
}
.thumbnail-list .item .content .desc {
    margin-top: 1em;
    font-size: 0.875em;
    line-height: 1.71;
}

/* }}} */

/* 旧バージョン引き継ぎ {{{ */

.horizontal_box {
    display: flex;
    display:-webkit-flex;
    display:-ms-flexbox;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
}
.horizontal_box .icon {
    width: 4em;
}
.horizontal_box .icon img {
    display: inline-block;
    vertical-align: bottom;
}
.horizontal_box .text {
    width: calc(100% - 4em);
}

/* }}} */

/* pagination {{{ */

nav.pagination {
    margin: 4em auto 0;
}
nav.pagination .pagination-list {
    display: flex;
    display:-webkit-flex;
    display:-ms-flexbox;
    -ms-flex-pack:center;
    -webkit-justify-content: center;
    justify-content:center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;

}
nav.pagination .pagination-list li {
	margin: 0 0.3em;
}

/* }}} */

/* form {{{ */
form.search input[type=search] {
}

/* }}} */

/* 追加スタイル対応 {{{ */

.lower.article .mainarea ul {
}
.lower.article .mainarea ul li {
    text-indent: -1em;
    padding-left: 1em;
}
.lower.article .mainarea ul li:before {
    content: '・';
}
.lower.article .mainarea .cp_h1title {
    position: relative;
    padding: .1em .3em .1em 1.3em;
    border-bottom: 1px solid #00838F;
    margin: 0 0 0.62em;
}
.lower.article .mainarea .cp_h1title:before {
    top: .5em;
    left: .2em;
    width: 18px;
    height: 18px;
    background: rgba(0,131,143,.7);
    position: absolute;
    content: '';
    border-radius: 100%;
}
.lower.article .mainarea .cp_h1title:after {
    top: .8em;
    left: .5em;
    width: 13px;
    height: 13px;
    background: rgba(0,131,143,.5);
    position: absolute;
    content: '';
    border-radius: 100%;
}
.lower.article .mainarea .cp_h1title2 {
    font-size: 22px;
    color: #47B1E1;
    border-bottom: dashed 2px #47B1E1;
    margin: 0 0 0.62em;
}
.cp_qa dt {
    position: relative;
    margin: 0 0 1.5em 0;
    padding-left: 2.5em;
}
.cp_qa dd {
    position: relative;
    margin: 0 0 2em 0;
    padding: 0 0 1.5em 4.25em;
    border-bottom: 1px dotted #0097a7;
}
.cp_qa dt:before,
.cp_qa dd:before {
    content: "";
    font-size: 1.2em;
    color: #ffffff;
    border-radius: 50%;
    width: 1.3em;
    height: 1.3em;
    line-height: 1.2em;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    /* transform: translateY(-50%); */
}
.cp_qa dt:before {
    content: 'Q';
    background: #f57c00;
}
.cp_qa dd:before {
    content: 'A';
    background: #0097a7;
    position: absolute;
    left: 1.5em;
    top: 0;
}
.cp_qa dt:after,
.cp_qa dd:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #f57c00;
    position: absolute;
    left: 1.45em;
    top: 0.4em;
    /* transform: translateY(-50%); */
}
.cp_qa dd:after {
    left: 3.24em;
    top: 0.4em;
    border-color: transparent transparent transparent #0097a7;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
table th {
    background: #f6f6f6;
	font-weight:bold;
}
table th,
table td {
    border: 2px solid #c2bfc0;
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    vertical-align: top;
    padding: 0.6em;
}
.wysiwyg-text-align-center {
    text-align: center;
}
zd-autocomplete em {
    color: #333;
}

.lower.article ol:not(.breadcrumbs) {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px;
    display: block;
    list-style-type: decimal;
}
.lower.article ol li {
    margin-bottom: 0.2em;
}


/* }}} */

/* リクエストフォーム {{{ */

#main-content.request-form {
    width: 720px;
}
.request-form {
}
.request-form label {
    display: block;
}
.request-form .nesty-input {
    font-size: 1.2em;
    padding: 0.4em;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	min-height: 37px;
	overflow: hidden;
    height: auto;
}
.request-form .form-field {
    margin-bottom: 1em;
}
.request-form .form-field p {
    font-size: 0.8em;
}
.request-form select,
.request-form option {
    font-size: 1.2em;
}
.request-form input[type=text],
.request-form textarea {
    box-sizing:border-box;
    width: 100%;
    font-size: 1.2em;
    padding: 0.4em;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	min-height: 37px;
	overflow: hidden;
    height: auto;
}
.request-form textarea {
    min-height: 10em;
    line-height: 1.2;
}
.request-form footer {
    padding: 0;
    background: transparent;
}
.request-form footer input[type=submit] {
    padding: 1em;
    background-color: #00a9e0;
    border: 0;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.72;
    min-width: 190px;
    width: 100%;
    margin: 2em 0 4em;
    cursor: pointer;
}
.request-form #upload-dropzone {
}
.request-form #upload-dropzone span {
    color: #333;
    pointer-events: none;
}

/* }}} */

/* 20201120 追加スタイル対応 {{{ */

.article .body-wrap p {
    font-size: 18px;
}
.article .body-wrap h4.note {
    color: #ff0000;
  font-size: 20px;
    margin-bottom: -15px;
}
.article .body-wrap h4.hint {
    color: #00a9e0;
  font-size: 20px;
    margin-bottom: -15px;
}
.article .body-wrap ol,
.article .body-wrap ul {
    font-size: 18px;
    line-height: 2em;
}
.article .body-wrap ol {
    padding-left: 1em;
}
.article .body-wrap ul {
    padding-left: 0;
    margin: 20px 0 20px 20px;
    display: block;
}
/* override */
#contents.lower.function .mainarea section.article.related .flexbox > div {
    width: 100%;
    padding-right: 0;
}


/* }}} */

/* 20210331 セクション2対応 {{{ */

.section2-list {
    margin: 2em 0;
}
.section2-list:after {
    content: "";
    display: block;
    width: 24%;
}
.section2-list:before {
    content: "";
    display: block;
    width: 24%;
    order: 1;
}
.section2-list .item {
	width: 24%;
}
.section2-list .section2-link {
	font-size: 0.85em;
	font-weight: normal;
	background: #f5f5f5;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	padding: 1em;
	box-sizing: border-box;
	text-align: center;
	margin-top: 1em;
    display: block;
}

#contents.lower .sidebar ul li.section2::after {
    left: 2em;
}
#contents.lower .sidebar ul li.section2 a {
  padding: 0.8em 0 0.8em 3em;
}
#contents.lower .sidebar ul li.section2.last a {
    padding-bottom: 1.2em;
}


/* }}} */
/*--- //common.css ---*/

/*--- sp.css ---*/
/* for SP {{{ */
@media screen and (max-width: 768px) {
body {
	font-size: 3.2vw;
}
img {
    width: 100%;
    max-width: 100%;
}

.sp-em133 {
	font-size: 1.33em !important;
}
.sp-em15 {
	font-size: 1.5em !important;
}
.sp-none {
	display: none !important;
}
.sp-mleft00 {
	margin-left: 0 !important;
}
.sp-mtop1em {
	margin-top: 1em;
}

.ttl-b,
.ttl-o {
	font-size: 1.67em;
    padding: 1.2em 0 1.4em;
    line-height: 1.2;
}
.ttl-b.line02,
.ttl-o.line02 {
	padding: 0.6em 0 0.8em;
}
.ttl-underline-blue,
.ttl-underline-green {
	font-size: 1.2em;
}
.btn-area {
	position: relative;
	z-index: 2;
	padding: 0 2.5vw;
}
.btn-area a:hover {
	opacity: 0.8;
}
.btn-area + p.btn-txt {
	margin-top: 2vw;
	padding: 0 9.46vw;
	position: relative;
	z-index: 1;
}
.btn-area + p.btn-txt02 {
	margin-top: 2vw;
	padding: 0 11.93vw;
}
.accordion.frontaccordion .open,
.accordion.frontaccordion .close {
	line-height: 2.5;
	font-size: 2.77vw;
}
#contents .adv-ttl-blue {
	font-size: 4.68vw;
	line-height: 2.8;
	color: #2a8ced;
	background: none;
}
#contents .adv-ttl-blue.ttl02 {
	font-size: 4.68vw;
	line-height: 2.8;
}

.btnbg.touchoff:hover {
	background: none !important;
	color: #333;
}
/* modal {{{ */
.mfp-bg.mfp-fade {
	min-width: 50vw;
}
.mfp-bg.mfp-fade + .mfp-wrap {
	min-width: 50vw;
}
.mfp-content div.popup-modal-detail {
    max-width: 100%;
    margin: auto;
    padding: 3em 2em;
}
.mfp-content div.popup-modal-detail .mfp-close {
	width: 2em;
	height: 2em;
	line-height: 2;
	top: 0.5em;
	right: 0.5em;
}
.mfp-content div.popup-modal-detail .btn-modal-close {
	width: 2em;
	height: 2em;
	top: 0.5em;
	right: 0.5em;
}
/* menu modal */
.mfp-content div.popup-modal-detail.menu-popup .accordion-cnt .ico {
	width: 2em;
}
.mfp-content div.popup-modal-detail.menu-popup#menu_6 .accordion-cnt table {
	font-size: 0.75em;
}
.mfp-content div.popup-modal-detail.menu-popup#menu_6 .accordion-cnt table tbody th {
	width: 5em;
	padding: 0 0.5em;
}
.mfp-content div.popup-modal-detail.menu-popup#menu_6 .accordion-cnt table tbody td {
	padding: 0 0.5em;
	word-break: break-all;
}
/* }}} */
/* #wrapper {{{ */
#wrapper {
	min-width: 100%;
	letter-spacing: 0.01em;
	line-height: 1.8;
}
/* }}} */
/* header {{{ */
header  {
	background: #fff;
	z-index: 9999;
}
header .header {
	min-width: 100%;
  padding: 1em;
  position: relative;
}
header .hlogo {
  max-width: 50%;
  width: auto;
}
/* header .icon-menu {
  font-size: 3em;
  line-height: 1;
  padding: 0;
  margin: 0;
}
header .icon-menu::before {
	content: "\2630";
} */
header .icon-menu img {
	width: 4.26vw;
	padding: 1em 0 1em 1em;
}
#wrapper.gnav-opened::before {
	content: "";
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.4);
	z-index: 99;
}
header nav {
	display: none;
	width: 100%;
	background: #f5f5f5;
	position: absolute;
	top: 100%;
	z-index: 999;
	left: 0;
	right: 0;
  box-sizing: border-box;
  padding: 2em 1.5em 3em;
	margin: auto;

}

header nav .search {
	width: 100%;
  margin: 0 auto 2em;
}
header nav .search input {
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	padding: 1em 1.4em 1em 3em;
	box-sizing: border-box;
	-webkit-appearance: none;
	width: 100%;
	border: none;
	position: relative;
	font-size: 1em;
}
::-webkit-input-placeholder {
		line-height: 1.3;
}
header nav .search:after {
	content: "";
	width: 1.5em;
	height: 1.5em;
	background: url(/hc/theming_assets/01HZKWA85RH31Y5TD2Q831F13S) left center no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	left: 1em;
	top: 50%;
	transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
header nav li {
	margin: 0;
	padding: 0;
	font-size: 1em;
  width: 100%;
}
header nav li,
header nav li + li {
	margin-left: 0;
  border-top: solid 1px #e1e1e1;
}
header nav li:last-child{
  border-bottom: solid 1px #e1e1e1;
}
header nav li a {
	color: #333;
  display: block;
  padding: 1em 1.5em 1em 0;
  position: relative;
}
header nav li a:after {
  content: ">";
  position: absolute;
  right: 0;
	top: 50%;
	transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

/* }}} */

/* .footer {{{ */
footer {
	padding: 2em 4vw;
}
footer .bnr li {
  width: 47.82%;
}
footer .bnr li + li {
	margin: 0 0 0 auto;
}
footer .bnr li a {
	width: 100%;
	padding: 1.2em 0;
}
footer .link {
	margin-top: 1.5em;
}
footer .link li {
	font-size: 3.2vw;
	margin: 0;
	padding: 0;
  width: 100%;
	text-align: left;
}
footer .link li,
footer .link li + li {
	margin-left: 0;
  border-top: solid 1px #e1e1e1;
}
footer .link li:last-child{
  border-bottom: solid 1px #e1e1e1;
}
footer .link li a {
	color: #333;
  display: block;
  padding: 1em 1.5em 1em 0;
  position: relative;
}
footer .link li a:after {
  content: ">";
  position: absolute;
  right: 0;
	top: 50%;
	transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
/* }}} */

/* top {{{ */
#contents.top .kvarea {
	height: 50vw;
}
#contents.top .kvarea .main-txt {
	font-size: 7vw;
	white-space: nowrap;
	margin-top: -4vw;
}
#contents.top .kvarea .search {
	width: 100%;
	margin-top: 9vw;
}
#contents.top .kvarea .search input {
	width: 80%;
	border: none;
	position: relative;
	font-size: 1em;
}
#contents.top .kvarea .search::before {
	left: 10%;
  margin-left: 1em;
	background-image: url(/hc/theming_assets/01HZKWA85RH31Y5TD2Q831F13S);
}
#contents.top .kvarea .search:hover::before,
#contents.top .kvarea .search.active::before {
	background-size: contain;
}
#contents.top section {
	padding: 2em 0;
}
#contents.top section .section-inner {
	max-width: 90%;
	padding: 0;
}
#contents section.news .section-inner {
	padding: 1em 0 2.5em;
	border-bottom: solid 2px #e2e2e2;
}

ul.news-list li .tag,
#contents.top section.news ul li .tag {
max-width: 100%;
}
ul.news-list li .tag + p,
#contents.top section.news ul li .tag + p {
	padding-left: 0;
	max-width: 100%;
	line-height: 1.4;
	margin-top: 0.4em;
	width: 100%;
}

#contents.top section.news ul:after {
  display: none;
}

#contents.top section.bnr {
  padding-left: 1em;
  padding-right: 1em;
}
#contents.top section.bnr a + a {
	margin-top: 1em;
}
#contents.top .bnr .bnr__top {
    margin-bottom: 1em;
}
#contents.top section.howto ul li {
	width: 48%;
}
#contents.top section.howto ul li a {
	width: 100%;
  padding: 1em;
}
#contents.top section.functionlist ul {
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
}
#contents.top section.functionlist ul li {
	width: 48%;
  box-sizing: border-box;
  margin-right: 0;
}
#contents.top section.functionlist ul li a {
	padding: 1.5em 0.5em 1.5em 7vw;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
  text-align: left;
}
#contents.top section.functionlist ul li img {
	left: 2vw;
	max-width: 4vw;
	max-height: 4vw;
	width: auto;
	height: auto;
}
#contents.top section.functionlist ul li span {
	font-size: 2vw;
}
#contents.top section.functionlist ul li:last-child {
	margin-right: 0;
}

#contents.top section.update-faq .update,
#contents.top section.update-faq .faq,
#contents.top section.update-faq .oldadmin {
	width: 100%;
  margin-bottom: 1em;

}
#contents.top section.update-faq ul li:after {
	line-height: 1.5;
  top: 0.6em;
}


/* }}} */

/* lower {{{ */
#contents.lower .container {
	max-width: 92vw;
	padding: 0;
}
#contents.lower .lowerheader {
	padding: 1.2em 0 2em;
}
#contents.lower .lowerheader .breadcrumb li:last-child:after {
	display: none;
}

#contents.lower .to-list {
  background: #f5f5f5;
  -moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
  padding: 1em 0.8em;
  position: relative;
  width: 100%;
}
#contents.lower .to-list::after {
  content: ">";
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	font-size: 1.2em;
}
#contents.lower .to-list.has-link::after {
	transform: none;
	-webkit-transform: none;
}
#contents.lower .to-list.menu-open::after {
	content: "";
	width: 1em;
	height: 1em;
	background: url(/hc/theming_assets/01HZKWA7CNT554CDXCK0NJV58H) left center no-repeat;
	background-size: contain;
}
#contents.lower .clm2 {
  flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
#contents.lower .sidebar {
	width: 100%;
	border-right: none;
	padding: 0;
	display: none;
	margin-top: 1em;
}
#contents.lower .sidebar ul li {
	border-bottom: solid 1px #e1e1e1;
}
#contents.lower .sidebar ul li::after {
	top: 1.2em;
	left: 0.5em;
}
#contents.lower .sidebar ul li a {
	padding: 0.4em 0 0.4em 1.5em;
}
#contents.lower .sidebar ul li span {
  padding-right: 0;
}
#contents.lower .mainarea {
	width: 100%;
	padding: 0 0 2em;
  margin-top: 2em;
}
#contents.lower .pager {
	margin: 2em auto 0;
}
#contents.lower .pager li {
	width: 2em;
	text-align: center;
	height: 2em;
	line-height: 2;
	margin: 0 0.3em;
}
#contents.lower .pager li.current {
	color: #fff;
	background: #00a9e0;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
}
#contents.lower .pager li.next-all {
	letter-spacing: -1em;
}
/* }}} */

/* function {{{ */
#contents.lower.function .mainarea section ul.cnt-list li {
	margin-top: 1em;
}
#contents.lower.function .mainarea section ul.cnt-list li:first-child {
	margin-top: 0;
}
#contents.lower.function .mainarea section ul.cnt-list li a {
	padding: 1em;
}
#contents.lower.function .mainarea section ul.cnt-list li h4 {
  font-size: 1.2em;
}
#contents.lower.function .mainarea section ul.cnt-list li p {
	font-size: 0.9em;
	line-height: 1.71;
}


#contents.lower.function.detail .mainarea h2 {
	font-size: 1.25em;
}
#contents.lower.function .mainarea h3 {
	font-size: 1em;
}
#contents.lower.function .mainarea section ul.about li + li {
	margin-top: 1.2em;
}
#contents.lower.function .mainarea section ul.about li p {
	margin-top: 1.2em;
}

#contents.lower.function .mainarea section.useful .box {
	padding: 1.5em;
	margin-top: 4em;
}
#contents.lower.function .mainarea section.useful .box p {
	margin: 0 auto 1em;
	text-align: center;
	width: 100%;
	font-size: 0.833em;
}
#contents.lower.function .mainarea section.useful .box .btnbg {
	min-width: 1em;
	width: 48%;
	padding: 0.5em 1em;
	box-sizing: border-box;
}
#contents.lower.function .mainarea section.useful .box .btnbg:hover {
	color: #fff;
	background: #00a9e0;
}

#contents.lower.function .mainarea section.article {
	margin-top: 3em;
}
#contents.lower.function .mainarea section.article .flexbox > div {
	width: 100%;
	padding-bottom: 1em;
}
#contents.lower.function .mainarea section.article .left {
	padding-right: 0;
}
#contents.lower.function .mainarea section.article .right {
	border-top: solid 1px #e1e1e1;
	border-left: none;
	padding: 1em 0 0;
}
#contents.lower.function .mainarea section.article h2,
#contents.lower.function .mainarea section.article h3 {
	font-size: 1.25em;
	margin: 0 0 0.5em;
}
#contents.lower.function .mainarea section.article ul li::after {
	top: 0.6em;
}
#contents.lower.function .mainarea section.article ul li + li {
	margin-top: 0;
}

#contents.lower.function .mainarea section.contact {
	margin-top: 2em;
}
#contents.lower.function .mainarea section.contact .contact-box {
	padding: 1.2em;
	font-size: 0.833em;
}
#contents.lower.function .mainarea section.contact .contact-box img {
	margin-right: 1em;
	width: auto;
	height: 1.5em;
}
/* }}} */

/* 関連コンテンツ {{{ */
#contents.lower.function .mainarea section.article .related-articles ul li + li,
#contents.lower.function .mainarea section.article .recent-articles ul li + li {
	margin-top: 1em;
}

/* }}} */

/* categoryページの functionlist {{{ */

#contents.lower.category .mainarea section ul.category-list,
#contents.lower.category .mainarea section ul.functionlist {
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
}
#contents.lower.category .mainarea section ul.category-list li,
#contents.lower.category .mainarea section ul.functionlist li {
	width: 48%;
  box-sizing: border-box;
  margin-right: 0;
}
#contents.lower.category .mainarea section ul.category-list li a,
#contents.lower.category .mainarea section ul.functionlist li a {
	padding: 1.5em 0.5em 1.5em 7vw;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
  text-align: left;
}
#contents.lower.category .mainarea section ul.category-list li img,
#contents.lower.category .mainarea section ul.functionlist li img {
	left: 2vw;
	max-width: 4vw;
	max-height: 4vw;
	width: auto;
	height: auto;
}
#contents.lower.category .mainarea section ul.functionlist li span {
	font-size: 2vw;
}
#contents.lower.category .mainarea section ul.category-list li:last-child,
#contents.lower.category .mainarea section ul.functionlist li:last-child {
	margin-right: 0;
}
/* }}} */

/* thumbnail-list {{{ */

.thumbnail-list {
    display: flex;
    display:-webkit-flex;
    display:-ms-flexbox;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;

    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;

    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;

    align-items: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
}
.thumbnail-list:after {
  content: none;
  display: block;
  width:48%;
}
.thumbnail-list .item {
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 2em;
    border: 1px solid #e1e1e1;
}
.thumbnail-list .item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.thumbnail-list .item .content {
    box-sizing: border-box;
    background: #fff;
    padding: 1.4em;
}
.thumbnail-list .item .content .ttl {
    font-weight: bold;
    font-size: 1.2em;
}
.thumbnail-list .item .content .desc {
    margin-top: 1em;
    font-size: 0.9em;
    line-height: 1.71;
}

/* }}} */

/* 旧バージョン引き継ぎ {{{ */

.horizontal_box {
    display: flex;
    display:-webkit-flex;
    display:-ms-flexbox;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
}
.horizontal_box .icon {
    width: 12vw; 
}
.horizontal_box .icon img {
    display: inline-block;
    vertical-align: middle;
}
.horizontal_box .text {
    width: calc(100% - 4em);
}

/* }}} */

/* 追加スタイル対応 {{{ */

.lower.article .mainarea iframe {
    width: 100%;
}
.lower.article .mainarea .cp_h1title {
    font-size: 8vw;
}
.lower.article .mainarea .cp_h1title:before {
    width: 15px;
    height: 15px;
}
.lower.article .mainarea .cp_h1title:after {
    width: 10px;
    height: 10px;
}
.lower.article .mainarea .cp_h1title2 {
    font-size: 4.6vw;
}
.lower.article ol:not(.breadcrumbs) {
    padding-left: 1em;
    margin: 1em 0 1em 1em;
}


/* }}} */

/* リクエストフォーム {{{ */

#main-content.request-form {
    width: 100%;
}

/* }}} */

/* 20201120 追加スタイル対応 {{{ */

.article .body-wrap p {
    font-size: 3.6vw;
}
.article .body-wrap img {
    margin-top: 2.66667vw;
    margin-bottom: 10.666667vw;
}
.article .body-wrap h4 {
    font-size: 4vw;
    margin-bottom: 4vw;
}
.article .body-wrap h4.note {
    color: #ff0000;
}
.article .body-wrap h4.hint {
    color: #00a9e0;
}
.article .body-wrap ol,
.article .body-wrap ul {
    font-size: 3.6vw;
    line-height: 2em;
}
.article .body-wrap ul {
    padding-left: 0;
    margin: 1em 0 1em 1em;
    display: block;
}



/* }}} */

/* 20210331 セクション2対応 {{{ */

.section2-list {
    margin: 1em 0 2em;
}
.section2-list:after {
    content: "";
    display: block;
    width: 49%;
}
.section2-list:before {
    content: "";
    display: block;
    width: 49%;
    order: 1;
}
.section2-list .item {
	width: 49%;
}
.section2-list .section2-link {
	font-size: 1em;
	font-weight: normal;
	background: #f5f5f5;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	padding: 1em;
	box-sizing: border-box;
	text-align: center;
	margin-top: 1em;
    display: block;
}

.info-box {
  background-color: #e0f2f7; 
  border-left: 5px solid #007bff; 
  padding: 15px 20px; 
  margin: 20px 0;
  border-radius: 4px; 
  color: #333; 
  font-size: 16px; 
  line-height: 1.6; 
}
  
/* }}} */

}
/* }}} */
/*--- //sp.css ---*/




/*　URLをコピー */
.button-articleurlcopy {
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.share-short-url-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
}

.share-short-url-status {
  margin-left: 8px;
  font-size: 12px;
  color: #667085;
}