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,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;transition:0.3s;}html{line-height:1}ol,ul{list-style:none}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
input,select,option,textarea{border-radius:none;border:none;box-shadow:none;-moz-appearance:none;-webkit-appearance:none;}
body{font-size:14px;line-height:1.5;font-family:"Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;}

img{width:100%;}
p{line-height:1.7;}
.strong{font-weight:bold;font-size:130%;}
.red{color:#ff0000;}
dl.table{margin:20px 0;width: 100%;border: 1px solid #ccc;border-bottom: none;}
dl.table dt{background: #eee;padding: 5px;border-bottom: 1px solid #ccc;}
dl.table dd{background: #fff;padding: 5px;border-bottom: 1px solid #ccc;}

h3{margin-bottom:30px;text-align:center;font-size:180%;font-weight:bold;color:#005192;}
h5{font-size:22px;margin-bottom:15px;}

header{padding:10px 0;border-bottom:1px solid #333;z-index: 100;margin-bottom:20px;}
h1{text-align: center;font-size: 30px;font-weight: bold;}
h1 span{display: block;font-size: 16px;font-weight: bold;}
h1 img{width:50%;margin:0 auto;}

footer{padding:0 0 130px 0;background:#333;}
footer p{text-align:center;color:#fff;padding:20px 0;}


#navigation{position:fixed;bottom:0;left:0;width:100%;background:#fff;border:1px solid #ccc;text-align:center;}
#navigation p{line-height:1.7;padding:10px 0;}
#navigation ul{display:flex;justify-content: space-between;}
#navigation ul li {width:100%;text-align:center;}
#navigation ul li a{display:block;padding:20px 0;text-decoration:none;color:#fff;font-weight:bold;}
#navigation ul li.line a{background:#06c755;}
#navigation ul li.mail a{background:#ff1493;}
#navigation ul li.tel a{background:#ffd700;}

#main{width:90%;margin:0 auto;}
section{margin-bottom:50px;}

.top_image{margin-bottom:50px;position: relative;}
.top_image p{position: absolute;bottom:0;left:0;font-size:25px;font-weight:bold;background:rgba(220,220,220,0.5);width:100%;padding:5px 10px;}
.top_image p span{font-size:17px;}

h3.item-title{background:#ccc;}
.item{}
.item ul{}
.item li{}
.item li a{padding:10px 0;font-size:20px;border-radius:5px;color:#000;}
.item li a:after{content:"＞";}

h4{margin-bottom:15px;font-size:130%;text-align:center;}
.onayami{width:98%;margin:0 auto;}
.onayami p{font-size:120%;font-weight:bold;margin:20px 0;}
.toiawase .box{margin:10px 0;border:3px solid #000;padding:2%;}
.toiawase .box p{text-align:center;margin-bottom:10px;font-size:18px;}
.toiawase .box li{margin-bottom:10px;}
.toiawase .box li a{display:block;padding:10px 0;text-align:center;text-decoration:none;background:#eee;color:#000;font-size:18px;}

ul.point{margin:0 2%;}
ul.point li{margin-bottom:40px;}
ul.point li img{display:block;width:80%;margin:0 auto 20px auto;}

.ranking ul{}
.ranking ul li{margin-bottom:30px;}
.ranking h5{padding-bottom:5px;border-bottom:2px solid #333;}

.flow{background:#eee;padding:4% 0;}
.flow div{width:90%;margin:0 auto 50px auto;padding:4% 2%;background:#fff;border-radius:10px;position:relative;}
.flow div:last-child{margin:0 auto;}
/*矢印*/
.flow div:after {
    border-top: 25px solid #333;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    content: "";
    position: absolute;
    bottom: -30px; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
    left: 50%;/* 中央寄せに使用 */
    margin-left: -70px; /* 中央寄せに使用 */
}
.flow div:last-child:after {border: none; /* 最後のボックスだけ三角形を表示しない */}

.more{text-align:center;}


/*各ページ*/
.sub_menu{display:flex;flex-wrap: wrap;justify-content: space-between;margin:0 2% 10% 2%;}
.sub_menu li{width:48%;text-align:center;margin-bottom:10px;}
.sub_menu li a{display:block;padding:20px 0;font-size:16px;color:#fff;font-weight:bold;background:#333;text-decoration:none;}
.sub_menu li a:after{content:"▼";margin-left:3px;}
h5.inv_title{text-align:center;font-weight:bold;}