.con_sample{margin-right:auto;margin-left:auto}@media only screen and (min-width: 1025px){.con_sample{width:calc(1260 / 1440 * 100%);max-width:calc(1260px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.con_sample{max-width:calc(1260px * ((16 + 3) / 15))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.con_sample{max-width:calc(1260px * ((16 + 2) / 15))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.con_sample{width:calc(1260 / 1440 * 100%)}}@media only screen and (max-width: 767px){.con_sample{width:calc(388 / 428 * 100%)}}.con_sample{color:var(--color-text-1)}.con_sample:first-of-type{padding-top:4em}.con_sample:not(:first-of-type){margin-top:6.67em}.con_sample:last-child{margin-bottom:6.67em}.con_sample .st_sample{line-height:1.4;color:var(--color-sub-1)}@media only screen and (min-width: 768px){.con_sample .st_sample{margin-bottom:50px}}@media only screen and (max-width: 767px){.con_sample .st_sample{margin-bottom:2em}}@media only screen and (min-width: 768px){.con_sample .st_sample{font-size:2rem}}@media only screen and (max-width: 767px){.con_sample .st_sample{font-size:.87rem}}.con_sample .st_sample .min{font-size:60%}.con_sample .box_sample{position:relative}@media only screen and (min-width: 768px){.con_sample .box_sample>*{margin-top:3.33rem}}@media only screen and (max-width: 767px){.con_sample .box_sample>*{margin-top:2em}}.syntaxhighlighter{padding:1em !important}.con_sample_w{margin-top:6.67em;color:var(--color-text-1)}.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(1260 / 1440 * 100%);max-width:calc(1260px)}}@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(1260px * ((16 + 3) / 15))}}@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(1260px * ((16 + 2) / 15))}}@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(1260 / 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(388 / 428 * 100%)}}.con_sample_w .st_sample_min pre,.con_sample_w .st_sample pre,.con_sample_w .box_code pre,.con_sample_w .box_comment pre,.con_sample_w .box_sample pre{color:var(--color-text-1)}.con_sample_w .box_wide>p{font-size:1.07rem}.con_sample_w .box_wide>ul>li{margin-top:2em}.con_sample_w .box_wide>ul>li .bg{background-color:var(--color-bg-1);padding:2em;min-height:8em}.con_sample_w .box_wide>ul>li.bw{margin-right:auto;margin-left:auto}@media only screen and (min-width: 1025px){.con_sample_w .box_wide>ul>li.bw{width:calc(1000 / 1440 * 100%);max-width:calc(1000px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.con_sample_w .box_wide>ul>li.bw{max-width:calc(1000px * ((16 + 3) / 15))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.con_sample_w .box_wide>ul>li.bw{max-width:calc(1000px * ((16 + 2) / 15))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.con_sample_w .box_wide>ul>li.bw{width:calc(1000 / 1440 * 100%)}}@media only screen and (max-width: 767px){.con_sample_w .box_wide>ul>li.bw{width:calc(348 / 428 * 100%)}}.con_sample_w .box_wide>ul>li.bw_s{margin-right:auto;margin-left:auto}@media only screen and (min-width: 1025px){.con_sample_w .box_wide>ul>li.bw_s{width:calc(990 / 1440 * 100%);max-width:calc(990px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.con_sample_w .box_wide>ul>li.bw_s{max-width:calc(990px * ((16 + 3) / 15))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.con_sample_w .box_wide>ul>li.bw_s{max-width:calc(990px * ((16 + 2) / 15))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.con_sample_w .box_wide>ul>li.bw_s{width:90%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.con_sample_w .box_wide>ul>li.bw_s{width:90%}}@media only screen and (max-width: 767px){.con_sample_w .box_wide>ul>li.bw_s{width:calc(348 / 428 * 100%)}}.con_sample_w .box_wide>ul>li.bw_m{margin-right:auto;margin-left:auto}@media only screen and (min-width: 1025px){.con_sample_w .box_wide>ul>li.bw_m{width:calc(1100 / 1440 * 100%);max-width:calc(1100px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.con_sample_w .box_wide>ul>li.bw_m{max-width:calc(1100px * ((16 + 3) / 15))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.con_sample_w .box_wide>ul>li.bw_m{max-width:calc(1100px * ((16 + 2) / 15))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.con_sample_w .box_wide>ul>li.bw_m{width:calc(1100 / 1440 * 100%)}}@media only screen and (max-width: 767px){.con_sample_w .box_wide>ul>li.bw_m{width:calc(388 / 428 * 100%)}}.con_sample_w .box_wide>ul>li.bw_l{margin-right:auto;margin-left:auto}@media only screen and (min-width: 1025px){.con_sample_w .box_wide>ul>li.bw_l{width:calc(1260 / 1440 * 100%);max-width:calc(1260px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.con_sample_w .box_wide>ul>li.bw_l{max-width:calc(1260px * ((16 + 3) / 15))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.con_sample_w .box_wide>ul>li.bw_l{max-width:calc(1260px * ((16 + 2) / 15))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.con_sample_w .box_wide>ul>li.bw_l{width:calc(1260 / 1440 * 100%)}}@media only screen and (max-width: 767px){.con_sample_w .box_wide>ul>li.bw_l{width:calc(388 / 428 * 100%)}}.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}}.con_acc ul{padding-left:1em}.con_acc ul li{list-style:none;text-indent:-.5em;padding-left:.5em;font-size:.87rem}.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}.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.2rem;width:30%}.box_font>div>p{font-size:1.33rem;width:70%}}.box_color{display:flex;flex-wrap:wrap}.box_color .st{font-size:.87rem;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:.87rem;line-height:1.2;text-align:center}.box_color ul li.txt1 .bg{background-color:var(--color-text-1)}.box_color ul li.txt2 .bg{background-color:var(--color-text-2)}.box_color ul li.txt3 .bg{background-color:var(--color-text-3)}.box_color ul li.main1 .bg{background-color:var(--color-main-1)}.box_color ul li.line1 .bg{background-color:var(--color-line-1)}.box_color ul li.sub1 .bg{background-color:var(--color-sub-1)}.box_color ul li.sub2 .bg{background-color:var(--color-sub-2)}.box_color ul li.sub3 .bg{background:var(--sub-gradient-1)}.box_color ul li.bg1 .bg{background-color:var(--color-bg-1)}.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}}.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 svg{fill:inherit}.box_comment{border:1px solid #fff}@media only screen and (min-width: 768px){.con_btn .tmp_btn_base,.con_btn .tmp_btn_cv,.con_btn .tmp_btn_blown{max-width:20.66rem}}@media only screen and (min-width: 768px){.con_btn .tmp_btn_base.size_s,.con_btn .tmp_btn_cv.size_s,.con_btn .tmp_btn_blown.size_s{max-width:18.33rem}}@media only screen and (min-width: 768px){.tmp_tab .tmp_tab_btn ul li{width:calc(100% / 5)}}@media only screen and (max-width: 767px){.tmp_tab .tmp_tab_btn ul li{width:auto}}