@charset "UTF-8";
/* Browser Reset */
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
overflow-x:hidden;
}
*, :after, :before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
body,div,img,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,table,caption,td,th,input,textarea,address,select,form,figure{
margin: 0;
padding: 0;
}
img { vertical-align: bottom; }
a{ text-decoration:none; color:#181a24;}
a,a img { border: none; }
a:hover{text-decoration:underline;}
li { list-style: none; }
sup { vertical-align: top; }
sub { vertical-align: baseline; font-size:50%; }
address,em{ font-style:normal; }
input:focus{
outline:none;
}
/* 1. Module -------------------------------------------------------------------------------------*/
html {
font-size: 62.5%;
scroll-behavior:smooth;
}
body {
font-family: Noto Sans JP,ヒラギノ角ゴ ProN W3,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.57;
font-feature-settings:"halt";
}
a{
transition:color 0.2s,background 0.2s,border-color 0.2s;
}
main article img{
border-radius:8px;
max-width:100%;
}
main article p.txt_center{
text-align:center;
}
main article p.txt_right{
text-align:right;
}
/* link buttons */
a.button{
display:block;
position:relative;
width:100%;
max-width:384px;
height:56px;
line-height:56px;
text-align:center;
background:#fff;
border:1px solid #004098;
border-radius:8px;
color:#004098;
font-weight:700;
}
a.button:hover{
background:#ebeef9;
text-decoration:none;
color:#3359cc;
}
a.button.invisible{
display:none;
}
a.button.center{
margin:0 auto;
}
a.button.em{
font-weight:500;
}
a.button.strong{
font-weight:700;
}
a.button:after{
display:block;
content:"";
width:20px;
height:20px;
position:absolute;
top:calc(50% - 10px);
right:10px;
transition:background 0.2s;
}
a.button[data-icon-type="arrow"]:after{
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.35355%204.6973C8.15829%204.50204%207.84171%204.50204%207.64645%204.6973C7.45118%204.89257%207.45118%205.20915%207.64645%205.40441L12.2426%2010.0006L7.64645%2014.5968C7.45118%2014.7921%207.45118%2015.1086%207.64645%2015.3039C7.84171%2015.4992%208.15829%2015.4992%208.35355%2015.3039L13.3033%2010.3542C13.4986%2010.1589%2013.4986%209.84231%2013.3033%209.64705L8.35355%204.6973Z%22%2F%3E%3C%2Fsvg%3E');
}
a.button[data-icon-type="external"]:after{
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2011%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2%203.5C1.72386%203.5%201.5%203.72386%201.5%204V10C1.5%2010.2761%201.72386%2010.5%202%2010.5H8C8.27614%2010.5%208.5%2010.2761%208.5%2010V7C8.5%206.72386%208.72386%206.5%209%206.5C9.27614%206.5%209.5%206.72386%209.5%207V10C9.5%2010.8284%208.82843%2011.5%208%2011.5H2C1.17157%2011.5%200.5%2010.8284%200.5%2010V4C0.5%203.17157%201.17157%202.5%202%202.5H5C5.27614%202.5%205.5%202.72386%205.5%203C5.5%203.27614%205.27614%203.5%205%203.5H2Z%22%20fill%3D%22%23004098%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.5%201C5.5%200.723858%205.72386%200.5%206%200.5H10.5C10.7761%200.5%2011%200.723858%2011%201V5.5C11%205.77614%2010.7761%206%2010.5%206C10.2239%206%2010%205.77614%2010%205.5V2.2854L5.36858%207.33786C5.18198%207.54142%204.8657%207.55517%204.66214%207.36858C4.45858%207.18198%204.44483%206.8657%204.63143%206.66214L9.36339%201.5H6C5.72386%201.5%205.5%201.27614%205.5%201Z%22%20fill%3D%22%23004098%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
mask-size:11px;
}
a.button[data-icon-type="pdf"]:after{
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23004098%3B%20fill-rule%3A%20evenodd%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m4.84%2C5.52c-.04.29-.11.58-.21.86l-.08-.11c-.14-.26-.24-.55-.28-.85-.02-.31%2C0-.61.29-.65.28-.04.38.26.28.74Zm-2.32%2C3.85c.28-.24.6-.41.94-.52.1-.04.12%2C0%2C.12.05-.1.24-.24.47-.42.67-.25.31-.66.6-.81.51-.14-.1-.17-.39.16-.7Zm2.95-1.35s-.87.2-1.11.3c.18-.36.33-.74.47-1.12.07.12.64.82.64.82Zm.22.26c.38.41.85.73%2C1.37.91.1.03.21.03.32.01.1-.02.2-.06.29-.12.09-.06.16-.14.22-.23s.09-.2.11-.3c-.03-.28-.19-.65-.96-.7-.44%2C0-.88.04-1.31.13-.29-.33-.55-.69-.77-1.08.65-1.91.24-2.45-.31-2.45-.44%2C0-.68.47-.62.99.1.47.28.91.51%2C1.33-.21.59-.46%2C1.17-.74%2C1.74-.27.09-.54.2-.79.33-1.03.46-1.11%2C1.12-.9%2C1.41.41.53%2C1.28.07%2C2.15-1.53.59-.18%2C1.38-.41%2C1.45-.41Zm.31-.06c.31-.1.64-.14.97-.13h0c.4.03.49.19.49.35s-.13.32-.49.27c-.35-.11-.68-.28-.97-.5Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
mask-size:10px;
}
a.button[data-icon-type="word"]:after{
background:#2b5599;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%232b5599%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m2.53%2C5.66h1.04l.3%2C1.79c.05.4.09.79.14%2C1.2h.03c.06-.41.11-.81.19-1.2l.35-1.79h.9l.36%2C1.79c.08.4.14.79.21%2C1.2h.03c.05-.41.09-.8.15-1.2l.29-1.79h.97l-.79%2C4h-1.22l-.28-1.53c-.06-.37-.12-.74-.18-1.17h-.03c-.05.44-.1.8-.16%2C1.17l-.27%2C1.53h-1.19l-.82-4Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
mask-size:10px;
}
a.button[data-icon-type="excel"]:after{
background:#207144;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%23207144%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m4.4%2C7.61l-1.04-1.94h1.07l.32.72c.09.19.18.4.29.65h.02c.09-.26.18-.47.26-.65l.29-.72h1.01l-1.03%2C1.99%2C1.1%2C2.01h-1.07l-.37-.78c-.1-.21-.19-.42-.3-.67h-.02c-.09.25-.18.46-.27.67l-.34.78h-1.02l1.1-2.06Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
mask-size:10px;
}
a.button.more:after{
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.34435%209.64032C5.10765%209.64032%204.91577%209.8322%204.91577%2010.0689C4.91577%2010.3056%205.10765%2010.4975%205.34435%2010.4975L10.4874%2010.4975L10.4874%2015.5717C10.4874%2015.8084%2010.6793%2016.0002%2010.916%2016.0002C11.1527%2016.0002%2011.3446%2015.8084%2011.3446%2015.5717L11.3446%2010.4975L16.4874%2010.4975C16.7241%2010.4975%2016.916%2010.3056%2016.916%2010.0689C16.916%209.8322%2016.7241%209.64032%2016.4874%209.64032L11.3446%209.64032L11.3446%204.42858C11.3446%204.19188%2011.1527%204%2010.916%204C10.6793%204%2010.4874%204.19188%2010.4874%204.42858L10.4874%209.64032L5.34435%209.64032Z%22%20fill%3D%22%23004098%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
margin-left:0;
}
a.button[data-icon-type="arrow"]:hover:after,
a.button[data-icon-type="external"]:hover:after,
a.button[data-icon-type="pdf"]:hover:after,
a.button[data-icon-type="word"]:hover:after,
a.button[data-icon-type="excel"]:hover:after,
a.button.more:hover:after{
background:#3359cc;
}
a.button.cv{
color:#fff;
background:#004098;
}
a.button.cv:hover{
background:#3359cc;
}
a.button.cv[data-icon-type="arrow"]:after,
a.button.cv[data-icon-type="external"]:after,
a.button.cv[data-icon-type="pdf"]:after,
a.button.cv[data-icon-type="word"]:after,
a.button.cv[data-icon-type="excel"]:after{
background:#fff;
}
p.cv{
margin:60px 0 0;
}
p.cv a.button.cv{
margin:0 auto;
}
a.btn_txt[data-icon-type="arrow"]:after,
a.btn_txt[data-icon-type="external"]:after,
a.btn_txt[data-icon-type="pdf"]:after,
a.btn_txt[data-icon-type="word"]:after,
a.btn_txt[data-icon-type="excel"]:after,
a.btn_txt[data-icon-type="more"]:after{
display:inline-block;
content:"";
width:16px;
height:1.4em;
vertical-align:text-top;
transition:background 0.2s;
}
a.btn_txt[data-icon-type="arrow"]:after{
height:20px;
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.35355%204.6973C8.15829%204.50204%207.84171%204.50204%207.64645%204.6973C7.45118%204.89257%207.45118%205.20915%207.64645%205.40441L12.2426%2010.0006L7.64645%2014.5968C7.45118%2014.7921%207.45118%2015.1086%207.64645%2015.3039C7.84171%2015.4992%208.15829%2015.4992%208.35355%2015.3039L13.3033%2010.3542C13.4986%2010.1589%2013.4986%209.84231%2013.3033%209.64705L8.35355%204.6973Z%22%2F%3E%3C%2Fsvg%3E');
}
a.btn_txt[data-icon-type="external"]:after{
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2011%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2%203.5C1.72386%203.5%201.5%203.72386%201.5%204V10C1.5%2010.2761%201.72386%2010.5%202%2010.5H8C8.27614%2010.5%208.5%2010.2761%208.5%2010V7C8.5%206.72386%208.72386%206.5%209%206.5C9.27614%206.5%209.5%206.72386%209.5%207V10C9.5%2010.8284%208.82843%2011.5%208%2011.5H2C1.17157%2011.5%200.5%2010.8284%200.5%2010V4C0.5%203.17157%201.17157%202.5%202%202.5H5C5.27614%202.5%205.5%202.72386%205.5%203C5.5%203.27614%205.27614%203.5%205%203.5H2Z%22%20fill%3D%22%23004098%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.5%201C5.5%200.723858%205.72386%200.5%206%200.5H10.5C10.7761%200.5%2011%200.723858%2011%201V5.5C11%205.77614%2010.7761%206%2010.5%206C10.2239%206%2010%205.77614%2010%205.5V2.2854L5.36858%207.33786C5.18198%207.54142%204.8657%207.55517%204.66214%207.36858C4.45858%207.18198%204.44483%206.8657%204.63143%206.66214L9.36339%201.5H6C5.72386%201.5%205.5%201.27614%205.5%201Z%22%20fill%3D%22%23004098%22%2F%3E%3C%2Fsvg%3E') center right no-repeat;
mask-size:11px;
}
a.btn_txt[data-icon-type="pdf"]:after{
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23004098%3B%20fill-rule%3A%20evenodd%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m4.84%2C5.52c-.04.29-.11.58-.21.86l-.08-.11c-.14-.26-.24-.55-.28-.85-.02-.31%2C0-.61.29-.65.28-.04.38.26.28.74Zm-2.32%2C3.85c.28-.24.6-.41.94-.52.1-.04.12%2C0%2C.12.05-.1.24-.24.47-.42.67-.25.31-.66.6-.81.51-.14-.1-.17-.39.16-.7Zm2.95-1.35s-.87.2-1.11.3c.18-.36.33-.74.47-1.12.07.12.64.82.64.82Zm.22.26c.38.41.85.73%2C1.37.91.1.03.21.03.32.01.1-.02.2-.06.29-.12.09-.06.16-.14.22-.23s.09-.2.11-.3c-.03-.28-.19-.65-.96-.7-.44%2C0-.88.04-1.31.13-.29-.33-.55-.69-.77-1.08.65-1.91.24-2.45-.31-2.45-.44%2C0-.68.47-.62.99.1.47.28.91.51%2C1.33-.21.59-.46%2C1.17-.74%2C1.74-.27.09-.54.2-.79.33-1.03.46-1.11%2C1.12-.9%2C1.41.41.53%2C1.28.07%2C2.15-1.53.59-.18%2C1.38-.41%2C1.45-.41Zm.31-.06c.31-.1.64-.14.97-.13h0c.4.03.49.19.49.35s-.13.32-.49.27c-.35-.11-.68-.28-.97-.5Z%22%2F%3E%3C%2Fsvg%3E') center right no-repeat;
mask-size:10px;
}
a.btn_txt[data-icon-type="word"]:after{
background:#2b5599;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%232b5599%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m2.53%2C5.66h1.04l.3%2C1.79c.05.4.09.79.14%2C1.2h.03c.06-.41.11-.81.19-1.2l.35-1.79h.9l.36%2C1.79c.08.4.14.79.21%2C1.2h.03c.05-.41.09-.8.15-1.2l.29-1.79h.97l-.79%2C4h-1.22l-.28-1.53c-.06-.37-.12-.74-.18-1.17h-.03c-.05.44-.1.8-.16%2C1.17l-.27%2C1.53h-1.19l-.82-4Z%22%2F%3E%3C%2Fsvg%3E') center right no-repeat;
mask-size:10px;
}
a.btn_txt[data-icon-type="excel"]:after{
background:#207144;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%23207144%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m4.4%2C7.61l-1.04-1.94h1.07l.32.72c.09.19.18.4.29.65h.02c.09-.26.18-.47.26-.65l.29-.72h1.01l-1.03%2C1.99%2C1.1%2C2.01h-1.07l-.37-.78c-.1-.21-.19-.42-.3-.67h-.02c-.09.25-.18.46-.27.67l-.34.78h-1.02l1.1-2.06Z%22%2F%3E%3C%2Fsvg%3E') center right no-repeat;
mask-size:10px;
}
a.btn_txt[data-icon-type="more"]:after{
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.34435%209.64032C5.10765%209.64032%204.91577%209.8322%204.91577%2010.0689C4.91577%2010.3056%205.10765%2010.4975%205.34435%2010.4975L10.4874%2010.4975L10.4874%2015.5717C10.4874%2015.8084%2010.6793%2016.0002%2010.916%2016.0002C11.1527%2016.0002%2011.3446%2015.8084%2011.3446%2015.5717L11.3446%2010.4975L16.4874%2010.4975C16.7241%2010.4975%2016.916%2010.3056%2016.916%2010.0689C16.916%209.8322%2016.7241%209.64032%2016.4874%209.64032L11.3446%209.64032L11.3446%204.42858C11.3446%204.19188%2011.1527%204%2010.916%204C10.6793%204%2010.4874%204.19188%2010.4874%204.42858L10.4874%209.64032L5.34435%209.64032Z%22%20fill%3D%22%23004098%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
margin-left:0;
}
a.btn_txt[data-icon-type="arrow"]:hover:after,
a.btn_txt[data-icon-type="external"]:hover:after,
a.btn_txt[data-icon-type="pdf"]:hover:after,
a.btn_txt[data-icon-type="word"]:hover:after,
a.btn_txt[data-icon-type="excel"]:hover:after,
a.btn_txt[data-icon-type="more"]:hover:after{
background:#3359cc;
}
a.btn_txt.invisible{
display:none;
}
select{
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
font-family:inherit;
font-size:140%;
font-weight:500;
width:384px;
height:56px;
line-height:56px;
border:1px solid #e8e8e8;
border-radius:8px;
padding:0 1.75em;
margin:40px 0 10px;
background:#fff url(/common/images/icon_arrow_bottom_blk.svg) center right 15px no-repeat;
cursor:pointer;
transition:border 0.2s;
}
select:hover{
border:1px solid #004098;
}
label:has(input.pulldown){
position:relative;
display:block;
font-size:140%;
width:384px;
height:56px;
line-height:56px;
border:1px solid #e8e8e8;
border-radius:8px;
padding:0;
margin:40px 0 10px;
background:#fff;
cursor:pointer;
transition:border 0.2s;
}
label:has(input.pulldown):hover,
label:has(input.pulldown:focus){
border:1px solid #004098;
}
label:has(input.pulldown):after{
display:block;
content:"";
position:absolute;
background:#000;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.34315%205.65685L10%2011.3137L15.6569%205.65685%22%20stroke%3D%22%23004098%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E') right no-repeat;
width:20px;
height:20px;
top:calc(50% - 10px);
right:15px;
transition:background 0.2s;
}
label.open:has(input.pulldown):after{
background:#b9babd;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M%204.34315%2C11.313698%2010%2C5.6568484%2015.6569%2C11.313698%22%20stroke%3D%22%23004098%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E') right no-repeat;
}
label input.pulldown{
display:inline;
border:none;
background:none;
font-family:inherit;
font-weight:500;
font-size:100%;
cursor:pointer;
margin-left:24px;
transition:color 0.2s;
color:#000;
}
label.open input.pulldown{
color:#b9babd;
}
ul.label_selector{
border-radius:8px;
width:384px;
margin:-10px 0 0;
padding:0;
position:absolute;
z-index:6;
transition:max-height 0.3s;
overflow:hidden;
max-height:0;
background:#fff;
}
ul.label_selector li{
font-size:140%;
height:57px;
line-height:57px;
padding:0;
list-style:none;
margin:0;
}
ul.label_selector li a{
border-left:1px solid #004098;
border-right:1px solid #004098;
display:block;
width:100%;
height:100%;
padding:0 24px;
color:#000;
font-weight:500;
text-decoration:none;
background:#fff;
position:relative;
cursor:pointer;
}
ul.label_selector li a:after{
display:block;
content:"";
position:absolute;
bottom:0;
width:calc(100% - 48px);
height:1px;
background:#e8e8e8;
}
ul.label_selector li:first-child a{
border-radius:8px 8px 0 0;
border-top:1px solid #004098;
}
ul.label_selector li:last-child a{
border-radius:0 0 8px 8px;
border-bottom:1px solid #004098;
}
ul.label_selector li:last-child a:after{
display:none;
}
ul.label_selector li a.active{
background:#edeefa;
}
ul.label_selector li a:hover,
ul.label_selector li a:focus{
color:#004098;
background:#edeefa;
outline:none;
}
br.sp{
display:none;
}
/* text */
main > article h1{
margin:60px 0 20px;
font-size:260%;
font-weight:700;
line-height:1.41;
}
main > article h2,
aside h2{
margin:60px 0 20px;
font-size:220%;
font-weight:700;
line-height:1.42;
}
main > article h3{
margin:40px 0 16px;
font-size:180%;
font-weight:500;
line-height:1.4;
}
main > article h2 + h3{
margin-top:0;
}
main > article h1.border{
font-size:260%;
font-weight:400;
margin-top:60px;
padding-bottom:0.25em;
border-bottom:1px solid #e8e8e8;
}
main > article h2.border{
font-weight:400;
border-bottom:1px solid #e8e8e8;
padding-bottom:8px;
}
main > article h4{
font-size:150%;
font-weight:500;
margin-top:20px;
}
/* anker link */
main article nav.anker{
margin:30px 0 40px;
}
main article nav.anker ul li{
display:inline-block;
font-size:120%;
margin-right:2em;
}
main article nav.anker ul li a{
color:#181a24;
text-decoration:none;
transition:background: 0.2s;
}
main article nav.anker ul li a:after{
content:"";
display:inline-block;
width:1.5em;
margin-left:0.25em;
height:1em;
transition:background 0.2s;
background-color:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.34315%205.65685L10%2011.3137L15.6569%205.65685%22%20stroke%3D%22%23004098%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
main article nav.anker ul li a:hover{
color:#3359cc;
text-decoration:underline;
}
main article nav.anker ul li a:hover:after{
background-color:#3359cc;
}
main article nav.anker + h2{
margin-top:30px;
}
/* tabs */
main ul.tab{
display:flex;
position:relative;
z-index:2;
padding:0;
margin:0;
}
main ul.tab li{
font-size:180%;
text-align:center;
width:25%;
justify-content:space-between;
list-style:none;
padding:0;
margin:0;
}
main ul.tab li:before{
display:none;
}
main ul.tab li a{
display:inline-block;
position:relative;
padding:20px 0;
color:#181a24;
font-weight:400;
transition:color 0.2s;
}
main ul.tab li a:hover{
text-decoration:none;
}
main ul.tab li a.active{
font-weight:700;
}
main ul.tab li a:after{
display:block;
content:"";
height:4px;
width:0;
left:50%;
background:#004098;
position:absolute;
bottom:-4px;
transition:width 0.2s ease-out,left 0.2s ease-out;
}
main ul.tab li a.active:after,
main ul.tab li a:hover:after{
left:calc(50% - 64px);
width:128px;
}
/* Information List */
main ul.information_list{
width:100%;
margin-top:0;
padding:0;
opacity:0;
height:0;
transition:opacity 0.5s;
overflow:hidden;
}
ul.information_list.active{
opacity:1;
height:auto;
overflow:visible;
}
main ul.information_list li{
border-bottom:1px solid #e8e8e8;
display:block;
font-size:100%;
padding:0;
margin:0;
}
main ul.information_list li:before{
display:none;
}
main ul.information_list li:first-child{
border-top:1px solid #e8e8e8;
}
main ul.information_list li.invisible{
display:none;
}
main ul.information_list li a{
display:block;
padding:30px;
background:none;
color:#181a24;
}
main ul.information_list li a:after{
display:none;
}
main ul.information_list li a:hover{
text-decoration:none;
background:#f5f5f6;
}
main ul.information_list li a[data-icon-type="arrow"] p:after,
main ul.information_list li a[data-icon-type="pdf"] p:after,
main ul.information_list li a[data-icon-type="external"] p:after,
main ul.information_list li a[data-icon-type="excel"] p:after,
main ul.information_list li a[data-icon-type="word"] p:after{
display:inline-block;
content:"";
width:1em;
height:1.4em;
vertical-align:text-top;
transition:background 0.2s;
}
main ul.information_list li a[data-icon-type="arrow"] p:after{
margin-left:0;
margin-top:0.125em;
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.35355%204.6973C8.15829%204.50204%207.84171%204.50204%207.64645%204.6973C7.45118%204.89257%207.45118%205.20915%207.64645%205.40441L12.2426%2010.0006L7.64645%2014.5968C7.45118%2014.7921%207.45118%2015.1086%207.64645%2015.3039C7.84171%2015.4992%208.15829%2015.4992%208.35355%2015.3039L13.3033%2010.3542C13.4986%2010.1589%2013.4986%209.84231%2013.3033%209.64705L8.35355%204.6973Z%22%2F%3E%3C%2Fsvg%3E');
}
main ul.information_list li a[data-icon-type="external"] p:after{
width:1.25em;
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2011%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2%203.5C1.72386%203.5%201.5%203.72386%201.5%204V10C1.5%2010.2761%201.72386%2010.5%202%2010.5H8C8.27614%2010.5%208.5%2010.2761%208.5%2010V7C8.5%206.72386%208.72386%206.5%209%206.5C9.27614%206.5%209.5%206.72386%209.5%207V10C9.5%2010.8284%208.82843%2011.5%208%2011.5H2C1.17157%2011.5%200.5%2010.8284%200.5%2010V4C0.5%203.17157%201.17157%202.5%202%202.5H5C5.27614%202.5%205.5%202.72386%205.5%203C5.5%203.27614%205.27614%203.5%205%203.5H2Z%22%20fill%3D%22%23004098%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.5%201C5.5%200.723858%205.72386%200.5%206%200.5H10.5C10.7761%200.5%2011%200.723858%2011%201V5.5C11%205.77614%2010.7761%206%2010.5%206C10.2239%206%2010%205.77614%2010%205.5V2.2854L5.36858%207.33786C5.18198%207.54142%204.8657%207.55517%204.66214%207.36858C4.45858%207.18198%204.44483%206.8657%204.63143%206.66214L9.36339%201.5H6C5.72386%201.5%205.5%201.27614%205.5%201Z%22%20fill%3D%22%23004098%22%2F%3E%3C%2Fsvg%3E') no-repeat right;
mask-size:11px;
}
main ul.information_list li a[data-icon-type="pdf"] p:after{
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23004098%3B%20fill-rule%3A%20evenodd%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m4.84%2C5.52c-.04.29-.11.58-.21.86l-.08-.11c-.14-.26-.24-.55-.28-.85-.02-.31%2C0-.61.29-.65.28-.04.38.26.28.74Zm-2.32%2C3.85c.28-.24.6-.41.94-.52.1-.04.12%2C0%2C.12.05-.1.24-.24.47-.42.67-.25.31-.66.6-.81.51-.14-.1-.17-.39.16-.7Zm2.95-1.35s-.87.2-1.11.3c.18-.36.33-.74.47-1.12.07.12.64.82.64.82Zm.22.26c.38.41.85.73%2C1.37.91.1.03.21.03.32.01.1-.02.2-.06.29-.12.09-.06.16-.14.22-.23s.09-.2.11-.3c-.03-.28-.19-.65-.96-.7-.44%2C0-.88.04-1.31.13-.29-.33-.55-.69-.77-1.08.65-1.91.24-2.45-.31-2.45-.44%2C0-.68.47-.62.99.1.47.28.91.51%2C1.33-.21.59-.46%2C1.17-.74%2C1.74-.27.09-.54.2-.79.33-1.03.46-1.11%2C1.12-.9%2C1.41.41.53%2C1.28.07%2C2.15-1.53.59-.18%2C1.38-.41%2C1.45-.41Zm.31-.06c.31-.1.64-.14.97-.13h0c.4.03.49.19.49.35s-.13.32-.49.27c-.35-.11-.68-.28-.97-.5Z%22%2F%3E%3C%2Fsvg%3E') right no-repeat;
mask-size:10px;
}
main ul.information_list li a[data-icon-type="excel"] p:after{
background:#207144;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%23207144%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m4.4%2C7.61l-1.04-1.94h1.07l.32.72c.09.19.18.4.29.65h.02c.09-.26.18-.47.26-.65l.29-.72h1.01l-1.03%2C1.99%2C1.1%2C2.01h-1.07l-.37-.78c-.1-.21-.19-.42-.3-.67h-.02c-.09.25-.18.46-.27.67l-.34.78h-1.02l1.1-2.06Z%22%2F%3E%3C%2Fsvg%3E') right no-repeat;
mask-size:10px;
}
main ul.information_list li a[data-icon-type="word"] p:after{
background:#2b5599;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%232b5599%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m2.53%2C5.66h1.04l.3%2C1.79c.05.4.09.79.14%2C1.2h.03c.06-.41.11-.81.19-1.2l.35-1.79h.9l.36%2C1.79c.08.4.14.79.21%2C1.2h.03c.05-.41.09-.8.15-1.2l.29-1.79h.97l-.79%2C4h-1.22l-.28-1.53c-.06-.37-.12-.74-.18-1.17h-.03c-.05.44-.1.8-.16%2C1.17l-.27%2C1.53h-1.19l-.82-4Z%22%2F%3E%3C%2Fsvg%3E') right no-repeat;
mask-size:10px;
}
main ul.information_list li time{
font-size:140%;
}
main ul.information_list li span.category{
display:inline-block;
background:#edeefa;
font-size:120%;
padding:2px 5px;
margin-left:20px;
margin-bottom:8px;
}
main ul.information_list li span.category + span.category{
margin-left:8px;
}
main ul.information_list li h3,
main ul.information_list li p{
font-size:140%;
font-weight:400;
margin-top:4px;
}
main ul.information_list + p.more:has(a.btn_txt){
text-align:center;
margin-top:3em;
}
/* accordion element */
main > article details{
display:block;
overflow:hidden;
width:100%;
border:1px solid #e8e8e8;
border-radius:8px;
font-size:140%;
margin-top:16px;
background:#edeefa;
}
main > article details summary{
cursor:pointer;
list-style:none;
font-weight:500;
background:#fff;
padding:16px 20px;
border-radius:8px;
transition:background 0.2s;
position:relative;
}
main > article details summary::-webkit-details-marker{
display:none;
}
main > article details summary:after{
display:block;
content:"";
position:absolute;
height:2px;
width:14px;
right:20px;
top:calc(50% - 1px);
background:#004098;
transition:background 0.4s;
}
main > article details summary:before{
display:block;
content:"";
position:absolute;
height:14px;
width:2px;
right:26px;
top:calc(50% - 7px);
background:#004098;
transition:height 0.4s,top 0.4s,background 0.2s;
}
main > article details summary:hover{
background:#f8f8ff;
}
main > article details summary:hover:before,
main > article details summary:hover:after{
background:#3359cc;
}
main > article details[open] summary{
border-radius:8px 8px 0 0;
}
main > article details[open] summary:before{
top:calc(50% - 1px);
height:2px;
}
main > article details > div{
height:100%;
padding-bottom:1px;
overflow:hidden;
}
main > article details h4{
font-size:107.14%;
padding:0 40px;
}
main > article details p{
font-size:100%;
padding:0 40px;
margin-top:16px;
}
main > article details summary + p,
main > article details summary + h4{
margin-top:32px;
}
main > article details p:last-child{
padding-bottom:40px;
}
main > article details h4 + p,
main > article details p:has(a.btn_txt) + p:has(a.btn_txt),
main > article details p.links + p.links{
margin-top:0.5em;
}
main > article details ul.img_list{
display:flex;
flex-wrap:wrap;
margin-top:16px;
padding:0 8px 4px 40px;
}
main > article details ul.img_list:last-child{
padding-bottom:24px;
}
main > article details ul.img_list li{
padding:0 16px 16px 0;
max-width:426px;
}
main > article details ul.img_list li img{
max-width:100%;
}
main > article details ul.img_list li span{
display:inline-block;
font-size:85.714%;
margin-top:0.5em;
position:relative;
}
main > article details ul.img_list + h4{
margin-top:0;
}
main > article details div ul.img_list.right_img li{
width:100%;
text-align:right;
}
@media (min-width:768px){
main > article details div:has(ul.img_list.right_img){
display:flex;
}
main > article details div:has(ul.img_list.right_img) p{
min-width:50%;
flex-basis:calc(50% + 40px);
padding-right:0;
flex-grow:3;
}
main > article details div ul.img_list.right_img{
margin-top:28px;
max-width:calc(50% - 40px);
}
main > article details div ul.img_list.right_img li + li{
margin-top:16px;
}
}
/* image column element */
main article figure{
margin-top:60px;
}
main article figure figcaption{
font-size:120%;
margin-top:1em;
}
main article figure img{
max-width:100%;
}
main article div.left_img,
main article div.right_img{
margin-top:60px;
display:flex;
flex-wrap:nowrap;
justify-content:space-between;
}
main article div.right_img{
flex-direction:row-reverse;
}
main article div.left_img figure,
main article div.right_img figure{
max-width:474px;
width:calc(50% - 12.5px);
margin:0;
}
main article figure.center_img{
margin:60px auto 0;
width:fit-content;
}
main article figure.center_img img{
width:auto;
height:auto;
margin:0 auto;
display:block;
}
main article figure.center_img figcaption{
margin:1em auto 0;
}
main article div.left_img div.explanation,
main article div.right_img div.explanation{
max-width:450px;
width:calc(50% - 12.5px);
}
main article div.left_img div.explanation p:first-child,
main article div.right_img div.explanation p:first-child{
margin-top:0;
}
main article div.col2,
main article div.col3,
main article div.col4{
display:flex;
justify-content:start;
flex-wrap:wrap;
margin-top:60px;
}
main article div.col2 > * {
width:calc(50% - 12px);
margin-right:24px;
margin-top:24px;
}
main article div.col3 > * {
width:calc(33.3% - 12px);
margin-right:18px;
margin-top:18px;
}
main article div.col4 > * {
width:calc(25% - 12px);
margin-right:16px;
margin-top:16px;
}
@media (min-width:768px){
main article div.col2 > *:nth-child(-n+2),
main article div.col3 > *:nth-child(-n+3),
main article div.col4 > *:nth-child(-n+4){
margin-top:0;
}
}
main article div.col2 > *:nth-child(2n),
main article div.col3 > *:nth-child(3n),
main article div.col4 > *:nth-child(4n){
margin-right:0;
}
main article table{
width:100%;
margin-top:24px;
border-collapse:collapse;
border-spacing:0;
}
main article table:not(:has(th:first-child + td)){
table-layout:fixed;
}
main article table tbody{
}
main article table th,
main article table td{
font-size:140%;
padding:16px 24px;
border:1px solid #e8e8e8;
text-align:left;
overflow-wrap:break-word;
}
main article table th{
background:#f5f5f6;
font-weight:500;
}
main article ol li{
line-height:1.5;
font-size:140%;
list-style-type:decimal;
margin-left:1.5em;
}
main article div.video{
margin-top:60px;
padding:0 72px;
}
main article div.video iframe{
aspect-ratio:16/9;
height:100%;
width:100%;
}
/* IGNITURE block */
section.igniture{
color:#fff;
background:linear-gradient(90deg, rgba(66,77,153,1) 0%, rgba(66,77,153,1) 20%, rgba(81,133,197,1) 100%);
position:relative;
padding:80px 0;
display:flex;
justify-content:center;
align-items:center;
}
main article section.igniture{
width:100vw;
margin-left:calc(50% - 50vw);
margin-top:60px;
}
section.igniture a.button{
text-decoration:none;
}
section.igniture:before{
content:"";
display:block;
width:296px;
height:296px;
clip-path:path("M 0 0 L 296 0 A 296 296 0 0 0 0 296 L 0 0 Z");
background:linear-gradient(to right, #4c74b8 0%, #424d99 100%);
position:absolute;
left:0;
top:0;
z-index:1;
}
section.igniture:after{
content:"";
display:block;
width:148px;
height:148px;
clip-path:path("M 0 148 L 148 148 L 148 0 A 148 148 0 0 1 0 148 Z");
background:linear-gradient(to right, #424d99 0%, #4b70b5 100%);
position:absolute;
right:0;
bottom:0;
z-index:1;
}
section.igniture div.txt_set{
width:50%;
text-align:center;
padding:0 calc(5vw - 2px) 0 calc(50% - 383px - 5vw);
z-index:2;
}
section.igniture div.txt_set p{
font-size:140%;
margin-top:2.25em;
font-weight:400;
}
section.igniture div.img_set{
width:50%;
padding:0 calc(50% - 352px - 5vw) 0 calc(5vw - 2px);
border-left:1px solid rgba(255, 255, 255, 0.3);
z-index:2;
}
section.igniture div.img_set img{
max-width:100%;
}
@media (max-width:895px){
section.igniture div.txt_set{
padding-left:20px;
}
section.igniture div.img_set{
padding-right:20px;
}
}
/* 7. Solution & Service */
main section.solution_service{
}
main section.solution_service div.bg{
position:absolute;
inset:0;
width:100%;
}
main section.solution_service div.bg picture{
display:block;
overflow-x:hidden;
border-radius:8px 8px 0 0;
z-index:1;
width:100%;
height:100%;
object-fit:cover;
}
main section.solution_service div.bg picture img{
border-radius:8px 8px 0 0;
position:absolute;
object-fit:cover;
width:100%;
height:100%;
z-index:2
}
main section.solution_service:not(:has(div.recommended_keywords)) div.bg picture img{
border-radius:8px;
}
main section.solution_service div.exp{
padding:32px 0;
position:relative;
}
main article section.solution_service div.exp{
padding:32px 0;
}
main section.solution_service h2,
main section.solution_service p{
position:relative;
padding-left:30px;
color:#fff;
z-index:3;
}
main section.solution_service h2{
margin:0;
font-size:320%;
font-weight:400;
}
main section.solution_service p{
font-size:140%;
}
main section.solution_service h2 + p{
font-size:160%;
}
main section.solution_service p + p{
margin-top:32px;
}
main section.solution_service a.button{
width:320px;
}
main section.solution_service div.recommended_keywords{
background:#e3f2f9;
border-radius:0 0 8px 8px;
position:relative;
z-index:4;
padding:30px;
}
main section.solution_service div.recommended_keywords:before{
content:"";
display:block;
width:30px;
height:20px;
position:absolute;
clip-path:polygon(50% 0, 0 100%, 100% 100%);
background:#e3f2f9;
top:-19px;
left:13.833%;
}
main section.solution_service div.recommended_keywords h3{
margin:0;
padding-left:32px;
background:url(/images/icon_glass.svg) left no-repeat;
font-size:180%;
font-weight:500;
}
main section.solution_service div.recommended_keywords ul.hashtag{
}
main section.solution_service div.recommended_keywords ul.hashtag li{
font-size:140%;
display:inline-block;
margin-right:1em;
margin-top:1em;
}
main section.solution_service div.recommended_keywords ul.hashtag li a{
color:#004098;
text-decoration:none;
}
main section.solution_service div.recommended_keywords ul.hashtag li a span:first-child{
margin-right:0.2em;
text-decoration:none;
}
main section.solution_service div.recommended_keywords ul.hashtag li a:hover span:not(span:first-child){
border-bottom:1px solid #004098;
}
/* 2. Header -------------------------------------------------------------------------------------*/
header{
margin:0 auto;
position:relative;
}
header div.global{
background:#f5f5f6;
padding:12px calc((100% - 1240px)/2) 14px;
width:100%;
}
@media (max-width:1260px){
header div.global{
padding:12px 30px 14px;
}
}
header div.global p.logo_tgg{
text-align:right;
}
header div.global p.logo_tgg a{
display:inline-block;
text-align:left;
width:280px;
height:15px;
}
header div.global p.logo_tgg a img{
max-width:100%;
}
header a.logo{
display:block;
font-size:100%;
width:191px;
height:42px;
margin:20px 0 0 calc((100% - 1200px)/2);
}
@media (max-width:1260px){
header a.logo{
margin:20px 0 0 30px;
}
}
header a.logo img{
max-width:100%;
}
header label.sp_nav,
header label.sp_nav input{
display:none;
}
header nav{
margin:0 auto;
padding: 30px 0 7px;
position:relative;
}
header nav ul.skiplink{
position:absolute;
left:calc(50vw - 390px);
top:-36px;
}
@media (max-width:1260px){
header nav ul.skiplink{
left:250px;
}
}
header nav ul.skiplink li{
text-align:center;
}
header nav ul.skiplink li a{
position:absolute;
left:-1000vw;
top:0;
background:#f5f5f6;
padding:0.5em 0;
width:12em;
border-radius:4px;
opacity:0;
}
header nav ul.skiplink li a:focus{
opacity:1;
left:0;
}
header nav ul.skiplink li a:after{
display:none;
}
header nav div.language > p{
font-size:110%;
}
header nav div.language > p a{
display:inline-block;
position:absolute;
right:calc((100% - 1200px)/2 + 45px);
top:-35px;
padding:1em 0 1em 24px;
color:#181a24;
background:url(/common/images/icon_lang.svg) left no-repeat;
background-size:18px 18px;
text-decoration:none;
}
header nav div.language > p a:hover,
header nav div.language > p a.on{
background:url(/common/images/icon_lang_b.svg) left no-repeat;
background-size:18px 18px;
color:#004098;
}
header nav div.language p:has(a.on) + div ul{
visibility:visible;
opacity:1;
z-index:80;
}
header nav div.language ul{
display:block;
visibility:hidden;
opacity:0;
transition:opacity 0.2s,visibility 0.2s;
background:#fff;
border:1px solid #004098;
border-radius:4px;
position:absolute;
right:calc((100% - 1200px)/2 + 45px);
top:10px;
padding:10px;
}
header nav div.language ul li{
font-size:120%;
}
header nav div.language ul li a{
display:block;
padding:0.25em 0.5em;
text-decoration:none;
}
header nav div.language ul li a:hover{
background:#f5f5f6;
}
header nav form.search{
position:absolute;
right:calc((100% - 1200px)/2);
top:-35px;
}
@media (max-width:1260px){
header nav div.language p a{
right:75px;
}
header nav div.language ul{
right:75px;
}
header nav form.search{
right:30px;
}
}
header nav form.search a.search_btn{
position:relative;
right:0;
top:1em;
display:block;
content:"";
width:18px;
height:18px;
background:url(/common/images/icon_search.svg) no-repeat;
background-size:contain;
cursor:pointer;
}
header nav form.search a.search_btn:hover,
header nav form.search a.search_btn.on{
background:url(/common/images/icon_search_b.svg) no-repeat;
background-size:contain;
}
header nav form.search label{
position:absolute;
right:0;
top:40px;
z-index:99;
width:calc(240px + 4em);
height:0;
overflow:hidden;
transition:height 0.3s linear;
}
header nav form.search label input.search_btn,
header nav form.search label input.SS_searchSubmit{
position:absolute;
right:1px;
top:calc(50% - 19px);
text-indent:-9999px;
width:38px;
height:38px;
border-radius:4px;
padding:0;
border:none;
background:none;
cursor:pointer;
}
header nav form.search label input[type="text"]{
width:100%;
border:1px solid #004098;
border-radius:4px;
font-size:140%;
padding:1.5em 3em 1.5em 1em;
background:#fff url(/common/images/icon_search.svg) center right 10px no-repeat;
}
header nav form.search label input::placeholder{
color:#999;
}
header nav form.search a.search_btn.on + label{
height:6em;
}
header nav ul{
max-width:1200px;
margin:0 auto;
display:flex;
justify-content:space-around;
}
header nav ul li{
font-size:100%;
}
header nav > ul > li > a,
header nav > ul > li > span{
color:#181a24;
border:none;
font-size:140%;
cursor:pointer;
display:inline-block;
}
header nav > ul > li > a[data-icon-type="external"]{
display:inline-block;
background:url(/common/images/icon_external.svg) top 0.25em right no-repeat;
background-size:12px;
padding-right:20px;
}
header nav > ul > li > a:after,
header nav > ul > li > span:after{
position:relative;
content:"";
display:block;
width:100%;
height:4px;
background:#004098;
visibility:hidden;
opacity:0;
transition:opacity 0.2s,visibility 0.2s;
z-index:5;
}
header nav > ul > li > a:hover,
header nav ul li span.hold{
color:#004098;
z-index:2;
position:relative;
text-decoration:none;
}
header nav > ul > li > a:hover:after,
header nav > ul > li > a:focus:after,
header nav > ul > li > span:hover:after,
header nav > ul > li > span:focus:after,
header nav ul li a.hold:after{
visibility:visible;
opacity:1;
}
header nav ul li div.sub{
visibility:hidden;
opacity:0;
transition:opacity 0.2s,visibility 0.2s;
z-index:1;
}
header nav ul li div.sub div{
display:flex;
}
header nav ul li span.hold + div.sub{
visibility:visible;
opacity:1;
}
header nav ul li span + div.sub{
position:absolute;
width:100vw;
max-width:100%;
background:#004098;
left:0;
botom:0;
margin-top:7px;
padding:40px calc((100% - 1200px)/2) 80px;
z-index:75;
}
header nav ul li span + div.sub div{
align-items:flex-start;
}
@media (max-width:1260px){
header nav ul li span + div.sub{
padding:40px 30px 80px;
}
}
header nav ul li span + div.sub p{
display:block;
font-size:180%;
font-weight:500;
color:#fff;
flex-basis:280px;
min-width:280px;
}
header nav ul li span + div.sub a.close{
display:block;
position:absolute;
right:20px;
bottom:20px;
font-size:140%;
color:#fff;
padding-right:24px;
background:url(/common/images/icon_close.svg) right no-repeat;
}
@media (min-width:768px){
header nav ul li span + div.sub ul li a[data-icon-type="external"]{
padding-right:20px;
background:url(/common/images/icon_external_white.svg) right no-repeat;
background-size:12px;
}
}
header nav ul li ul{
display:flex;
flex-grow:5;
flex-wrap:wrap;
justify-content:start;
border-left:1px solid #fff;
}
header nav ul li ul li{
display:inline-block;
font-size:150%;
font-weight:500;
padding:0.25em 0 0.75em 25px;
min-width:305px;
text-align:left;
}7
header nav ul li ul li:first-child{
margin-top:0;
}
header nav ul li p > a,
header nav ul li p > a:hover,
header nav ul li ul li > a,
header nav ul li ul li > a:hover{
color:#fff;
border:none;
}
header nav label.menu_close,
header nav ul.sp_menu,
header nav p.logo_tgg{
display:none;
}
/* 3. Footer -------------------------------------------------------------------------------------*/
footer{
position:relative;
border-top:8px solid #fff;
}
footer nav{
background:#004098;
padding:40px calc((100% - 1200px)/2);
display:flex;
}
@media (max-width:1260px){
footer nav{
padding:40px 30px;
}
}
footer nav ul{
padding-right:60px;
}
footer nav ul li{
font-size:120%;
margin-bottom:0.5em;
}
footer nav ul li a{
color:#fff;
}
footer nav ul li a[data-icon-type="external"]{
padding-right:24px;
background:url(/common/images/icon_external_white.svg) right no-repeat;
background-size:12px;
}
footer nav ul.tokyogas{
flex-grow:3;
padding:0;
}
footer nav ul.tokyogas li{
text-align:right;
}
footer nav ul.tokyogas li a{
display:inline-block;
text-align:left;
background:#fff;
padding:18px 77px;
width:320px;
height:65px;
border-radius:8px;
}
footer nav ul.tokyogas li a img{
max-width:100%;
transition:opacity 0.2s;
}
footer nav ul.tokyogas li a:hover img{
opacity:0.7;
}
footer p.logo_tgg{
margin:15px 0 15px calc((100% - 1200px)/2);
}
@media (max-width:1260px){
footer p.logo_tgg{
margin:15px 0 15px 30px;
}
}
footer p.logo_tgg a{
display:block;
width:402px;
height:22px;
transition:opacity 0.2s;
}
footer p.logo_tgg a:hover{
opacity:0.7;
}
footer p.logo_tgg a img{
max-height:100%;
max-width:100%;
}
footer small{
display:block;
width:1200px;
font-size:120%;
color:#b9babd;
text-align:right;
margin:-32px auto 20px;
}
@media (max-width:1260px){
footer small{
width:100%;
}
}
footer a.backto_top{
display:block;
position:fixed;
right:30px;
bottom:30px;
height:45px;
width:45px;
border-radius:24px;
background:#004098 url(/common/images/icon_arrow_top_white.svg) center no-repeat;
color:#fff;
text-indent:-9999px;
opacity:1;
transition:opacity 0.3s,visibility 0.3s;
visibility:visible;
z-index:99;
}
footer a.backto_top.invisible{
opacity:0;
visibility:hidden;
}
footer a.backto_top.footer_fit{
position:absolute;
top:-75px;
}
footer a.backto_top:hover{
background:#3359cc url(/common/images/icon_arrow_top_white.svg) center no-repeat;
}
/* 4. Main Contents -------------------------------------------------------------------------------------*/
main{
}
main section{
padding:60px calc((100% - 1200px)/2);
}
@media (max-width:1260px){
main section{
padding:60px 30px;
}
}
/* for Second Layer */
main nav.breadcrumb{
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
}
main nav.breadcrumb ol{
max-width:1010px;
margin:0 auto;
padding:8px 30px;
}
main nav.breadcrumb ol li{
display:inline-block;
font-size:120%;
}
main nav.breadcrumb ol li:after{
content:"";
display:inline-block;
width:6px;
height:6px;
border-top:1px solid #181a24;
border-right:1px solid #181a24;
transform:rotate(45deg);
margin:0 0.6em;
position:relative;
top:-2px;
}
main nav.breadcrumb ol li:last-child:after{
display:none;
}
main nav.breadcrumb ol li a:hover{
color:#004098;
}
main nav.breadcrumb ol li:last-child a{
color:#000;
cursor:default;
text-decoration:none;
}
main > h1{
font-size:260%;
background:#f5f5f6;
padding:48px calc((100% - 950px)/2);
font-weight:700;
line-height:1.41;
}
@media (max-width:1030px){
main > h1{
padding:48px 30px;
}
}
main > h1:has(+ p.lead){
padding-bottom:24px;
}
main > h1 + p.lead{
font-size:140%;
background:#f5f5f6;
padding:0 calc((100% - 950px)/2) 48px;
}
@media (max-width:1030px){
main > h1 + p.lead{
padding:0 30px 48px;
}
}
main > article{
max-width:1010px;
margin:0 auto;
padding:0 30px 90px;
}
main > article p,
aside p{
font-size:140%;
}
main > article p + p,
aside p + p{
margin-top:1.5em;
}
main > article p:first-child{
margin-top:2em;
}
main article strong{
font-weight:500;
}
main > article a,
aside a{
color:#004098;
}
main > article a:hover,
aside a:hover{
color:#3359cc;
}
main > article a[data-icon-type="arrow"]:after,
main > article a[data-icon-type="external"]:after,
main > article a[data-icon-type="pdf"]:after,
main > article a[data-icon-type="word"]:after,
main > article a[data-icon-type="excel"]:after{
display:inline-block;
content:"";
width:16px;
height:1.4em;
vertical-align:text-top;
transition:background 0.2s;
}
main > article a[data-icon-type="arrow"]:after{
width:20px;
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.35355%204.6973C8.15829%204.50204%207.84171%204.50204%207.64645%204.6973C7.45118%204.89257%207.45118%205.20915%207.64645%205.40441L12.2426%2010.0006L7.64645%2014.5968C7.45118%2014.7921%207.45118%2015.1086%207.64645%2015.3039C7.84171%2015.4992%208.15829%2015.4992%208.35355%2015.3039L13.3033%2010.3542C13.4986%2010.1589%2013.4986%209.84231%2013.3033%209.64705L8.35355%204.6973Z%22%2F%3E%3C%2Fsvg%3E');
}
main > article a[data-icon-type="external"]:after{
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2011%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2%203.5C1.72386%203.5%201.5%203.72386%201.5%204V10C1.5%2010.2761%201.72386%2010.5%202%2010.5H8C8.27614%2010.5%208.5%2010.2761%208.5%2010V7C8.5%206.72386%208.72386%206.5%209%206.5C9.27614%206.5%209.5%206.72386%209.5%207V10C9.5%2010.8284%208.82843%2011.5%208%2011.5H2C1.17157%2011.5%200.5%2010.8284%200.5%2010V4C0.5%203.17157%201.17157%202.5%202%202.5H5C5.27614%202.5%205.5%202.72386%205.5%203C5.5%203.27614%205.27614%203.5%205%203.5H2Z%22%20fill%3D%22%23004098%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.5%201C5.5%200.723858%205.72386%200.5%206%200.5H10.5C10.7761%200.5%2011%200.723858%2011%201V5.5C11%205.77614%2010.7761%206%2010.5%206C10.2239%206%2010%205.77614%2010%205.5V2.2854L5.36858%207.33786C5.18198%207.54142%204.8657%207.55517%204.66214%207.36858C4.45858%207.18198%204.44483%206.8657%204.63143%206.66214L9.36339%201.5H6C5.72386%201.5%205.5%201.27614%205.5%201Z%22%20fill%3D%22%23004098%22%2F%3E%3C%2Fsvg%3E') right no-repeat;
mask-size:11px;
}
main > article a[data-icon-type="pdf"]:after{
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23004098%3B%20fill-rule%3A%20evenodd%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m4.84%2C5.52c-.04.29-.11.58-.21.86l-.08-.11c-.14-.26-.24-.55-.28-.85-.02-.31%2C0-.61.29-.65.28-.04.38.26.28.74Zm-2.32%2C3.85c.28-.24.6-.41.94-.52.1-.04.12%2C0%2C.12.05-.1.24-.24.47-.42.67-.25.31-.66.6-.81.51-.14-.1-.17-.39.16-.7Zm2.95-1.35s-.87.2-1.11.3c.18-.36.33-.74.47-1.12.07.12.64.82.64.82Zm.22.26c.38.41.85.73%2C1.37.91.1.03.21.03.32.01.1-.02.2-.06.29-.12.09-.06.16-.14.22-.23s.09-.2.11-.3c-.03-.28-.19-.65-.96-.7-.44%2C0-.88.04-1.31.13-.29-.33-.55-.69-.77-1.08.65-1.91.24-2.45-.31-2.45-.44%2C0-.68.47-.62.99.1.47.28.91.51%2C1.33-.21.59-.46%2C1.17-.74%2C1.74-.27.09-.54.2-.79.33-1.03.46-1.11%2C1.12-.9%2C1.41.41.53%2C1.28.07%2C2.15-1.53.59-.18%2C1.38-.41%2C1.45-.41Zm.31-.06c.31-.1.64-.14.97-.13h0c.4.03.49.19.49.35s-.13.32-.49.27c-.35-.11-.68-.28-.97-.5Z%22%2F%3E%3C%2Fsvg%3E') right no-repeat;
mask-size:10px;
}
main > article a[data-icon-type="word"]:after{
background:#2b5599;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%232b5599%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m2.53%2C5.66h1.04l.3%2C1.79c.05.4.09.79.14%2C1.2h.03c.06-.41.11-.81.19-1.2l.35-1.79h.9l.36%2C1.79c.08.4.14.79.21%2C1.2h.03c.05-.41.09-.8.15-1.2l.29-1.79h.97l-.79%2C4h-1.22l-.28-1.53c-.06-.37-.12-.74-.18-1.17h-.03c-.05.44-.1.8-.16%2C1.17l-.27%2C1.53h-1.19l-.82-4Z%22%2F%3E%3C%2Fsvg%3E') right no-repeat;
mask-size:10px;
}
main > article a[data-icon-type="excel"]:after{
background:#207144;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%23207144%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m4.4%2C7.61l-1.04-1.94h1.07l.32.72c.09.19.18.4.29.65h.02c.09-.26.18-.47.26-.65l.29-.72h1.01l-1.03%2C1.99%2C1.1%2C2.01h-1.07l-.37-.78c-.1-.21-.19-.42-.3-.67h-.02c-.09.25-.18.46-.27.67l-.34.78h-1.02l1.1-2.06Z%22%2F%3E%3C%2Fsvg%3E') right no-repeat;
mask-size:10px;
}
main > article a[data-icon-type="arrow"]:hover:after,
main > article a[data-icon-type="external"]:hover:after,
main > article a[data-icon-type="pdf"]:hover:after,
main > article a[data-icon-type="word"]:hover:after,
main > article a[data-icon-type="excel"]:hover:after{
background:#3359cc;
}
main article p.notes{
font-size:120%;
padding-left:1.33em;
margin-bottom:64px;
}
main article p.notes > span:first-child{
display:inline-block;
text-indent:-1.33em;
}
main article p.notes > span.num{
margin-right:0.33em;
}
main article p.notes a{
display:inline-block;
padding-top:0.25em;
padding-bottom:0.25em;
text-indent:0;
}
main article p.notes:has( + p.notes){
margin-bottom:0;
}
main article div.box{
padding:32px;
margin-top:16px;
background:#f5f5f6;
border-radius:8px;
}
main article div.box.frame{
padding:32px;
background:none;
border:1px solid #e8e8e8;
}
main article blockquote{
margin:60px 0 0;
background:#f5f5f6 url(/common/images/icon_blockquote.svg) left 32px top 32px no-repeat;
padding:72px 62px;
position:relative;
}
main article blockquote:after{
content:"";
display:block;
width:32px;
height:30px;
background:url(/common/images/icon_blockquote.svg) no-repeat;
right:32px;
bottom:32px;
position:absolute;
}
main article div.box p:first-child,
main article blockquote p:first-child{
margin-top:0;
}
/* 4. Aside Contents -------------------------------------------------------------------------------------*/
aside h2:first-child{
margin-top:0;
}
aside{
padding:60px calc((100% - 950px)/2);
}
@media (max-width:1010px){
aside{
padding:60px 30px;
}
}
aside.topics{
background:#f5f5f6;
}
aside.topics ul{
display:flex;
width:100%;
margin-top:40px;
flex-wrap:wrap;
justify-content:start;
}
aside.topics ul li{
width:calc((100% - 48px)/3);
border-radius:8px;
margin-right:24px;
margin-top:24px;
}
aside.topics ul li:nth-child(-n+3){
margin-top:0;
}
aside.topics ul li:nth-child(3n){
margin-right:0;
}
aside.topics ul li a{
display:flex;
flex-direction:column;
height:100%;
padding:0;
color:#000;
}
aside.topics ul li a picture{
display:flex;
align-items:center;
width:100%;
max-height:216px;
aspect-ratio:100 / 56.25;
overflow:hidden;
border-radius:8px 8px 0 0;
position:relative;
}
aside.topics ul li a img{
max-width:100%;
max-height:100%;
margin:0 auto;
transition:all 0.3s;
}
aside.topics ul li a:hover{
text-decoration:none;
color:#004098;
}
aside.topics ul li a:hover img{
transform:scale(1.2,1.2);
}
aside.topics ul li a p{
border-radius:0 0 8px 8px;
padding:10px 40px 10px 20px;
background:#fff no-repeat;
background-position:top 50% right 10px;
flex-grow:3;
position:relative;
}
aside.topics ul li a p:after{
display:block;
content:"";
width:20px;
height:20px;
position:absolute;
right:10px;
top:calc(50% - 10px);
}
aside.topics ul li a[data-icon-type="arrow"] p:after{
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.35355%204.6973C8.15829%204.50204%207.84171%204.50204%207.64645%204.6973C7.45118%204.89257%207.45118%205.20915%207.64645%205.40441L12.2426%2010.0006L7.64645%2014.5968C7.45118%2014.7921%207.45118%2015.1086%207.64645%2015.3039C7.84171%2015.4992%208.15829%2015.4992%208.35355%2015.3039L13.3033%2010.3542C13.4986%2010.1589%2013.4986%209.84231%2013.3033%209.64705L8.35355%204.6973Z%22%2F%3E%3C%2Fsvg%3E');
}
aside.topics ul li a[data-icon-type="external"] p:after{
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2011%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2%203.5C1.72386%203.5%201.5%203.72386%201.5%204V10C1.5%2010.2761%201.72386%2010.5%202%2010.5H8C8.27614%2010.5%208.5%2010.2761%208.5%2010V7C8.5%206.72386%208.72386%206.5%209%206.5C9.27614%206.5%209.5%206.72386%209.5%207V10C9.5%2010.8284%208.82843%2011.5%208%2011.5H2C1.17157%2011.5%200.5%2010.8284%200.5%2010V4C0.5%203.17157%201.17157%202.5%202%202.5H5C5.27614%202.5%205.5%202.72386%205.5%203C5.5%203.27614%205.27614%203.5%205%203.5H2Z%22%20fill%3D%22%23004098%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.5%201C5.5%200.723858%205.72386%200.5%206%200.5H10.5C10.7761%200.5%2011%200.723858%2011%201V5.5C11%205.77614%2010.7761%206%2010.5%206C10.2239%206%2010%205.77614%2010%205.5V2.2854L5.36858%207.33786C5.18198%207.54142%204.8657%207.55517%204.66214%207.36858C4.45858%207.18198%204.44483%206.8657%204.63143%206.66214L9.36339%201.5H6C5.72386%201.5%205.5%201.27614%205.5%201Z%22%20fill%3D%22%23004098%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
mask-size:11px;
}
aside.topics ul li a[data-icon-type="pdf"] p:after{
background:#004098;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23004098%3B%20fill-rule%3A%20evenodd%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m4.84%2C5.52c-.04.29-.11.58-.21.86l-.08-.11c-.14-.26-.24-.55-.28-.85-.02-.31%2C0-.61.29-.65.28-.04.38.26.28.74Zm-2.32%2C3.85c.28-.24.6-.41.94-.52.1-.04.12%2C0%2C.12.05-.1.24-.24.47-.42.67-.25.31-.66.6-.81.51-.14-.1-.17-.39.16-.7Zm2.95-1.35s-.87.2-1.11.3c.18-.36.33-.74.47-1.12.07.12.64.82.64.82Zm.22.26c.38.41.85.73%2C1.37.91.1.03.21.03.32.01.1-.02.2-.06.29-.12.09-.06.16-.14.22-.23s.09-.2.11-.3c-.03-.28-.19-.65-.96-.7-.44%2C0-.88.04-1.31.13-.29-.33-.55-.69-.77-1.08.65-1.91.24-2.45-.31-2.45-.44%2C0-.68.47-.62.99.1.47.28.91.51%2C1.33-.21.59-.46%2C1.17-.74%2C1.74-.27.09-.54.2-.79.33-1.03.46-1.11%2C1.12-.9%2C1.41.41.53%2C1.28.07%2C2.15-1.53.59-.18%2C1.38-.41%2C1.45-.41Zm.31-.06c.31-.1.64-.14.97-.13h0c.4.03.49.19.49.35s-.13.32-.49.27c-.35-.11-.68-.28-.97-.5Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
mask-size:10px;
}
aside.topics ul li a[data-icon-type="word"] p:after{
background:#2b5599;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%232b5599%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m2.53%2C5.66h1.04l.3%2C1.79c.05.4.09.79.14%2C1.2h.03c.06-.41.11-.81.19-1.2l.35-1.79h.9l.36%2C1.79c.08.4.14.79.21%2C1.2h.03c.05-.41.09-.8.15-1.2l.29-1.79h.97l-.79%2C4h-1.22l-.28-1.53c-.06-.37-.12-.74-.18-1.17h-.03c-.05.44-.1.8-.16%2C1.17l-.27%2C1.53h-1.19l-.82-4Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
mask-size:10px;
}
aside.topics ul li a[data-icon-type="excel"] p:after{
background:#207144;
mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%23207144%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m4.4%2C7.61l-1.04-1.94h1.07l.32.72c.09.19.18.4.29.65h.02c.09-.26.18-.47.26-.65l.29-.72h1.01l-1.03%2C1.99%2C1.1%2C2.01h-1.07l-.37-.78c-.1-.21-.19-.42-.3-.67h-.02c-.09.25-.18.46-.27.67l-.34.78h-1.02l1.1-2.06Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
mask-size:10px;
}
aside.topics ul li a[data-icon-type="arrow"]:hover p:after,
aside.topics ul li a[data-icon-type="external"]:hover p:after,
aside.topics ul li a[data-icon-type="pdf"]:hover p:after,
aside.topics ul li a[data-icon-type="word"]:hover p:after,
aside.topics ul li a[data-icon-type="excel"]:hover p:after{
background:#004098;
}