@keyframes FadeIn{0%{opacity:0}40%{opacity:1}100%{opacity:1}}@keyframes HeaderFadeIn{0%{transform:translateY(-200%)}50%{transform:translateY(0)}100%{transform:translateY(0)}}@keyframes zoomUp{0%{transform:scale(1)}100%{transform:scale(1.25)}}.con_anc{background-color:black;display:flex;flex-wrap:wrap}@media only screen and (min-width: 1025px){.con_anc{padding:1em 0;z-index:1000;position:fixed;left:0;right:0;bottom:0}}@media only screen and (max-width: 1024px){.con_anc{display:none}}.con_anc li a{padding:0.25em 1em;display:block;color:#fff}@media only screen and (max-width: 1024px){.con_anc li a{padding:0.5em 1em}}.con_sample{margin-right:auto;margin-left:auto}@media only screen and (min-width: 1025px){.con_sample{width:calc(1200 / 1440 * 100%);max-width:calc(1200px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.con_sample{max-width:calc(1200px * ((16 + 3) / 13))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.con_sample{max-width:calc(1200px * ((16 + 2) / 13))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.con_sample{width:calc(1200 / 1440 * 100%)}}@media only screen and (max-width: 767px){.con_sample{width:calc(400 / 428 * 100%)}}.con_sample:not(:first-of-type){margin-top:7.69em}.con_sample:last-child{margin-bottom:7.69em}.con_sample .box_sample{position:relative}@media only screen and (min-width: 768px){.con_sample .box_sample>*{margin-top:3.84rem}}@media only screen and (max-width: 767px){.con_sample .box_sample>*{margin-top:2em}}.syntaxhighlighter{padding:1em !important}.sample_inner{display:flex;flex-wrap:wrap}@media only screen and (max-width: 767px){.sample_inner>div:nth-child(n+2),.sample_inner>ul:nth-child(n+2){margin-top:2em}}.sample_inner.col1>div{width:100%}.sample_inner.col1>div:nth-child(n+2){margin-top:60px}@media only screen and (min-width: 1025px){.sample_inner.col2>div,.sample_inner.col2>ul{width:48%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sample_inner.col2>div,.sample_inner.col2>ul{width:100%}}@media only screen and (max-width: 767px){.sample_inner.col2>div,.sample_inner.col2>ul{width:100%}}@media only screen and (min-width: 1025px){.sample_inner.col2>div:nth-child(n+3),.sample_inner.col2>ul:nth-child(n+3){margin-top:60px}.sample_inner.col2>div:nth-child(2n),.sample_inner.col2>ul:nth-child(2n){margin-left:4%}}@media only screen and (max-width: 1024px){.sample_inner.col2>div:nth-child(n+2),.sample_inner.col2>ul:nth-child(n+2){margin-top:3em}}@media only screen and (min-width: 1025px){.sample_inner.col3>div,.sample_inner.col3>ul{width:calc(1 / 3 * 100%)}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sample_inner.col3>div,.sample_inner.col3>ul{width:calc(1 / 2 * 100%)}}@media only screen and (max-width: 767px){.sample_inner.col3>div,.sample_inner.col3>ul{width:100%}}@media only screen and (min-width: 1025px){.sample_inner.col3>div:nth-child(n+4),.sample_inner.col3>ul:nth-child(n+4){margin-top:60px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sample_inner.col3>div:nth-child(n+3),.sample_inner.col3>ul:nth-child(n+3){margin-top:60px}}@media only screen and (min-width: 1025px){.sample_inner.col4>div,.sample_inner.col4>ul{width:calc(1 / 4 * 100%)}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sample_inner.col4>div,.sample_inner.col4>ul{width:calc(1 / 2 * 100%)}}@media only screen and (max-width: 767px){.sample_inner.col4>div,.sample_inner.col4>ul{width:100%}}@media only screen and (min-width: 1025px){.sample_inner.col4>div:nth-child(n+5),.sample_inner.col4>ul:nth-child(n+5){margin-top:60px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.sample_inner.col4>div:nth-child(n+3),.sample_inner.col4>ul:nth-child(n+3){margin-top:60px}}.st_sample{font-size:2.31rem;line-height:1.4;color:red}@media only screen and (min-width: 768px){.st_sample{margin-bottom:50px}}@media only screen and (max-width: 767px){.st_sample{margin-bottom:2em}}.st_sample .min{font-size:60%}.box_font>div:not(:first-child){margin-top:2em}@media only screen and (min-width: 768px){.box_font>div{display:flex}.box_font>div h4{font-size:1.38rem;width:30%}.box_font>div>p{width:70%}}.box_font>div.jp_min p{font-weight:400;font-style:normal;font-family:"Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E","ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;line-height:1.8}.box_font>div.en p{font-weight:400;font-style:normal;line-height:1.2;font-family:"Cardo", serif;font-size:2.31rem}.tmp_list.att li{font-size:1.23rem;color:red}.tmp_list.att li::before{background-color:red}@media only screen and (min-width: 1025px){.box_title .st_sample:not(:first-of-type){margin-bottom:30px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.box_title .st_sample:not(:first-of-type){margin-bottom:10px}}@media only screen and (max-width: 767px){.box_title .st_sample:not(:first-of-type){margin-bottom:2em}}@media only screen and (min-width: 1025px){.box_title .st_sample:not(:first-of-type){margin-top:140px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.box_title .st_sample:not(:first-of-type){margin-top:100px}}@media only screen and (max-width: 767px){.box_title .st_sample:not(:first-of-type){margin-top:4em}}.box_title>h3{font-size:1.54rem}.box_color{display:flex;flex-wrap:wrap}.box_color .st{font-size:1rem;line-height:1.2;margin-bottom:.5em;text-align:center;height:3.5em}.box_color ul{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%}.box_color ul li{margin-bottom:3em}@media only screen and (min-width: 768px){.box_color ul li{width:calc(120 / 1100 * 100%)}}@media only screen and (max-width: 767px){.box_color ul li{width:calc(1 / 3 * 100%)}}.box_color ul li .bg{margin-bottom:1em;width:calc(90 / 120 * 100%);padding-bottom:calc(90 / 120 * 100%);margin-right:auto;margin-left:auto}@media only screen and (max-width: 767px){.box_color ul li .bg{width:calc(150 / 180 * 100%);padding-bottom:calc(150 / 180 * 100%)}}.box_color ul li .sub{font-size:1rem;line-height:1.2;text-align:center}.con_acc ul{padding-left:1em}.con_acc ul li{list-style:none;text-indent:-.5em;padding-left:.5em;font-size:1rem}.con_acc ul li:nth-child(n+2){margin-top:.75em}.con_acc ul li::before{content:"＊";display:inline-block;margin-right:.5em}.con_acc ul li .sample_img{display:flex;margin-top:1em}.con_acc ul li .sample_img>p{width:200px;margin-right:1em}.con_sample_w{margin-top:7.69em}.con_sample_w .st_sample_min,.con_sample_w .st_sample,.con_sample_w .box_code,.con_sample_w .box_comment,.con_sample_w .box_sample{margin-right:auto;margin-left:auto}@media only screen and (min-width: 1025px){.con_sample_w .st_sample_min,.con_sample_w .st_sample,.con_sample_w .box_code,.con_sample_w .box_comment,.con_sample_w .box_sample{width:calc(1200 / 1440 * 100%);max-width:calc(1200px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.con_sample_w .st_sample_min,.con_sample_w .st_sample,.con_sample_w .box_code,.con_sample_w .box_comment,.con_sample_w .box_sample{max-width:calc(1200px * ((16 + 3) / 13))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.con_sample_w .st_sample_min,.con_sample_w .st_sample,.con_sample_w .box_code,.con_sample_w .box_comment,.con_sample_w .box_sample{max-width:calc(1200px * ((16 + 2) / 13))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.con_sample_w .st_sample_min,.con_sample_w .st_sample,.con_sample_w .box_code,.con_sample_w .box_comment,.con_sample_w .box_sample{width:calc(1200 / 1440 * 100%)}}@media only screen and (max-width: 767px){.con_sample_w .st_sample_min,.con_sample_w .st_sample,.con_sample_w .box_code,.con_sample_w .box_comment,.con_sample_w .box_sample{width:calc(370 / 428 * 100%)}}.box_wide>p{font-size:1.23rem}.box_wide>ul>li{margin-top:2em}.box_wide>ul>li .bg{background-color:var(--color-gra-purple);padding:2em;min-height:4em}.box_wide>ul>li.bw{margin-right:auto;margin-left:auto}@media only screen and (min-width: 1025px){.box_wide>ul>li.bw{width:calc(1200 / 1440 * 100%);max-width:calc(1200px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.box_wide>ul>li.bw{max-width:calc(1200px * ((16 + 3) / 13))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.box_wide>ul>li.bw{max-width:calc(1200px * ((16 + 2) / 13))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.box_wide>ul>li.bw{width:calc(1200 / 1440 * 100%)}}@media only screen and (max-width: 767px){.box_wide>ul>li.bw{width:calc(370 / 428 * 100%)}}.box_wide>ul>li.bw_s{margin-right:auto;margin-left:auto}@media only screen and (min-width: 1025px){.box_wide>ul>li.bw_s{width:calc(1000 / 1440 * 100%);max-width:calc(1000px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.box_wide>ul>li.bw_s{max-width:calc(1000px * ((16 + 3) / 13))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.box_wide>ul>li.bw_s{max-width:calc(1000px * ((16 + 2) / 13))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.box_wide>ul>li.bw_s{width:calc(1000 / 1440 * 100%)}}@media only screen and (max-width: 767px){.box_wide>ul>li.bw_s{width:calc(340 / 428 * 100%)}}.box_wide>ul>li.bw_l{margin-right:auto;margin-left:auto}@media only screen and (min-width: 1025px){.box_wide>ul>li.bw_l{width:calc(1390 / 1440 * 100%);max-width:calc(1390px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.box_wide>ul>li.bw_l{max-width:calc(1390px * ((16 + 3) / 13))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.box_wide>ul>li.bw_l{max-width:calc(1390px * ((16 + 2) / 13))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.box_wide>ul>li.bw_l{width:calc(1390 / 1440 * 100%)}}@media only screen and (max-width: 767px){.box_wide>ul>li.bw_l{width:calc(400 / 428 * 100%)}}.box_sample .box_img{max-width:400px}.box_sample .js-move-wrp{border:1px solid black;padding:2em}.box_sample .js-move-pc{padding:2em;min-height:100px;border:1px dotted black}.box_sample .js-move-ts{padding:2em;min-height:100px;border:1px dotted black}.box_sample .js-move-pt{padding:2em;min-height:100px;border:1px dotted black}.box_sample .js-move-sp{padding:2em;min-height:100px;border:1px dotted black}.con_icon{display:flex;flex-wrap:wrap}.con_icon>*{margin-right:1em}.box_color ul li.text .bg{background-color:var(--color-text)}.box_color ul li.gra-purple .bg{background-color:var(--color-gra-purple)}.box_color ul li.gra-gray .bg{background-color:var(--color-gra-gray)}.box_color ul li.gra-gold .bg{background-color:var(--color-gra-gold)}.box_color ul li.gra-silver .bg{background-color:var(--color-gra-silver)}.box_comment{border:1px solid #fff}.con_btn [class*="tmp_btn"]{max-width:15.38rem}