﻿body{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#333;background:#eee;overflow-x:hidden}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,form{margin:0;padding:0;border:0}a,a:active,a:visited{color:#444;text-decoration:none}a:hover{color:#444}*{-webkit-text-size-adjust:none}ol,ul{list-style:none;word-wrap:break-word}img{max-width:100%;height:auto}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}p{word-wrap:break-word;line-height:1.9;padding-bottom:25px}.cf:before,.cf:after{content:" ";display:table}.cf{*zoom:1}.cf:after{clear:both}::-webkit-input-placeholder{font-size:85%}.type__alert{color:red;font-size:87.5%;border:2px solid red;padding:10px 10px 10px 45px;margin:15px 13px;background:url(../../../sp/new/images/icon_alert.png) no-repeat top 50% left 10px #fed;background-size:25px}.color-lightgray{color:#888 !important}.caption-top{caption-side:top;padding:0 0 20px 0}.caption-bottom{caption-side:bottom;padding:10px 0 0 0}.spn-small{font-size:80%;line-height:1}.mart-10{margin-top:10px}.size-90{font-size:90%}.marb-10{margin-bottom:10px}.marb-20{margin-bottom:20px}.marb-30{margin-bottom:30px}.mart-30{margin-top:30px}.mart-40{margin-top:40px}.bold{font-weight:bold}.size-110{font-size:110%}.size-100{font-size:100%}.size-80{font-size:80%}.text-center{text-align:center}.text-right{text-align:right}.border_yellow{border-bottom:4px solid #f6f373;font-weight:bold}.border_lightblue{border-bottom:4px solid #beeefd;font-weight:bold}.border_lightpink{border-bottom:4px solid #ffd4d4;font-weight:bold}.background_gray{background:#c3c8c9}.background_darkgray{background:#6d6c6c;color:#fff}.text-underline{text-decoration:underline}.strong_text_blue{font-weight:bold;color:#1aa9b5}.strong_text{font-weight:bold}@media screen and (min-width: 769px){body{background:#fff}}body{background:#fff}header{background:url(/guide/images/guide_bg.png) #fed;margin-bottom:12px;box-sizing:border-box;padding-top:30px;height:275px;display:flex;flex-direction:column}header .sub-title{font-size:87.5%;font-weight:bold;text-align:center;padding-bottom:8px}header .sub-title .under-line{background:linear-gradient(to top, #febb49 0%, #febb49 60%, transparent 30%, transparent 100%);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1em;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 7px 2px}header h1{background-color:#f03a58;color:#fff;font-size:135%;text-align:center;margin:0 auto 12px auto;position:relative;box-sizing:border-box;line-height:1;padding:11px 15px;height:42px}header h1::before,header h1::after{position:absolute;top:0;width:0px;height:0px;border-color:#f03a58 rgba(0,0,0,0);border-style:solid;content:""}header h1::before{left:-15px;border-width:21px 0px 21px 15px}header h1::after{right:-15px;border-width:21px 15px 21px 0px}header h1 .small-text{font-size:85%}header p.image{max-width:242px;margin:0 auto;padding-bottom:0}main{padding-bottom:32px}main section{padding-bottom:32px}main section h2{background-color:#ff9600;color:#fff;margin-bottom:12px;font-size:100%;padding:7px;text-align:center}main section h3{font-size:90%;padding:0 10px}main section p.text{font-size:90%;margin-bottom:1em;padding:0 10px}main section p.image{max-width:275px;padding-bottom:0;line-height:0;margin:32px auto}main section p.image:has(+h3){margin-bottom:64px}main section p.image--shadow{box-shadow:0 3px 6px rgba(0,0,0,.15)}@media screen and (min-width: 769px){header{height:400px;margin-bottom:30px}header .sub-title{font-size:112.5%}header .sub-title .under-line{padding:0 7px 3px}header h1{width:500px;font-size:160%;padding:8px 15px}header p.image{max-width:484px}main{padding-bottom:40px}main section{padding-bottom:40px}main section h2{font-size:120%;text-align:left;padding:10px 15px;margin:0 50px 20px 50px}main section h3{font-size:100%;padding:0 50px}main section p.text{font-size:100%;padding:0 50px}main section p.image{max-width:550px;margin:40px auto}main section p.image:has(+h3){margin-bottom:80px}}