@charset "UTF-8";

/*guide.html専用
-----------------------------------------*/




/*一覧　左ナビはcommon（indexでも使用しているため）
-----------------------------------------*/


#info {
margin: 0 0 20px 0;
}


section > h2,
#subMenu h2 {
font-size: 16px;
margin-bottom: 10px;
padding: 5px;
color: #0991B3;
background-color: #E6ECED;
background-image: -webkit-linear-gradient(left, #E6ECED, #FFF);
background-image: -moz-linear-gradient(left, #E6ECED, #FFF);
background-image: -ms-linear-gradient(left, #E6ECED, #FFF);
background-image: linear-gradient(left, #E6ECED, #FFF);
}
section > h2:before {
content: "";
display: block;
float: left;
width: 10px;
height: 10px;
margin: 4px 5px 0 0;
background: url(../img/icon1.png) no-repeat;
background-size: contain;
}
#subMenu h2 {
color: #333;
padding: 10px;
margin-bottom: 0;
border: 1px solid #CCC;
border-left: none;
border-right: none;
}
section > h2 + p {
margin: 0 5px 25px 5px;
line-height: 1.6;
}

article {
position: relative;
min-height: 150px;
margin: 0 5px 30px 5px;
}
article h1 {
margin: 0 0 5px 0;
padding: 3px 0 3px 13px;
font-size: 16px;
color: #0991B3;
border-bottom: 3px solid #E6ECED;
background: url(../img/icon2.png) no-repeat left .2em;
background-size: 7px 15px;
}
article h1 + ul {/* 保険マーク */
min-height: 1.5em;
float: right;
}
article h1 + ul:after {
content: "";
display: block;
clear: both;
}
*+html article h1 + ul {
min-height: 1px;
}
article h1 + ul li {
background: #FB6FB8;
color: #FFF;
font-size: 12px;
float: right;
clear: both;
padding: 2px 3px 1px;
margin: 0 0 2px 2px;
line-height: 1;
}
article p {
margin: 0 0 0 0;
color: #666;
font-size: 14px;
line-height: 1.6;
clear: both;
}
article img {
float: left;
border: 1px solid #666;
margin-bottom: 5px;
}
article + p {/* ↑このページのはじめに戻る */
margin: 0 10px 50px 0;
text-align: right;
font-size: 12px;
}


/*メニュー
-----------------------------------------*/
#contents > img {
display: block;
max-width: 640px;
width: 100%;
margin: 0 auto;
}

/*メニュー
-----------------------------------------*/
#nav {
background-color: #DBE4E6;
background-image: -webkit-linear-gradient(top, #FEFEFE 35%, #DBE4E6);
background-image: -moz-linear-gradient(top, #FEFEFE 35%, #DBE4E6);
background-image: -ms-linear-gradient(top, #FEFEFE 35%, #DBE4E6);
background-image: linear-gradient(top, #FEFEFE 35%, #DBE4E6);
border: 1px solid #AFAFAF;
border-left: none;
border-right: none;
text-align: center;
padding: 15px 0;
margin: 10px 0;
font-size: 15px;
}
#nav li {
display: inline;
margin: 0 .8%;
}
#nav li a {
color: #3F3F3F;
text-decoration: none;
}


html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #255;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #255;
    border-right: 3px solid #255;
    transform: translateY(20%) rotate(-45deg);
}