/* 
 * RainbowLink Inc.'s Official Site Design ( informations ) Vesion 2.0
 * Created by RainbowLink Inc.  And ChatGPT re-designed the site-design for RainbowLink Inc.
 *   
 */
* {
box-sizing: border-box;
}
/* aside */
aside{
margin: 0 auto;
background-color: #005599;
background-size: cover;
}
/* hero */
.hero ul.content {
margin: 0 auto;
}
.hero ul.content li{
color: #000 ! important;
}
.hero  ul.content li a{
color: #000 ! important;
text-decoration: underline;
}
.hero  ul.content li {
color: #000 ! important;
list-style: circle;
}
.hero ul.content li ul li{
font-size: 90% ! important;
}
@media screen and (max-width: 48em) {
.hero ul.content {
width: 90%;
font-size: 160%;
}
.hero ul.content li{
padding-bottom: 2.1em;
}
}
@media screen and (min-width: 48em) {
.hero ul.content {
width: 50%;
font-size: 100%;
}
.hero ul.content li{
padding-bottom: 0.6em;
}
}

/* article */
article {
margin: 0 auto;
padding-top: 5px;
padding-bottom: 5px;
}
section {
margin: 0 auto;
}
section p {
font-size: 110%;
line-height: 2.1;
}
h2.informations {
padding-top: 0.5em;
padding-left: 0;
padding-right: 0;
padding-bottom: 0.3em;
width: auto;
cursor: pointer;
color: #005599;
text-align: center;
vertical-align: middle;
font-size: 150%;
letter-spacing: 0.05em;
font-weight: bold;
border-width: 0;
text-decoration: none;
border-bottom: none;
background-color:#fff;
}
p.informations {
padding-top : 0.3em;
padding-left : 2em;
padding-right : 0;
padding-bottom : 0.3em;
width : auto;
cursor : pointer;
color : #000;
text-align : center;
vertical-align : middle;
font-size : 100%;
font-weight : bold;
border-width : 0;
text-decoration : none;
border-bottom : none;
background-color : #fbfbfb;
}
aside ul.content li a:link{
color: #fff;
text-decoration: underline;
}
aside ul.content li a:active{
color: #fff;
text-decoration: underline;
}
aside ul.content li a:hover{
color: #fff;
text-decoration: underline;
}

a.pushbtn {
width: 98%;
font-size: 80% ! important;
}
.accordion__summary {
font-size:  100%;
text-align: left;
}
#contentPR1 .accordion__summary,#contentPR3 .accordion__summary{
background-color: #fff;
}
#contentPR2 .accordion__summary{
background-color: lavendar;
}
div.waku {
margin-top: 1em;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 1em;
text-align: left;
width: 98%;
color: #fff;
line-height: 1.4;
border: 5px solid #005599;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
div.waku2 {
margin-top: 1em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-bottom: 1em;
text-align: left;
width:95%;
line-height: 1.4;
border: 5px solid #005599;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
}
p.subtitle_note{
margin:0;
padding:0.4em;
font-size:100%;
font-weight:bold;
text-align:left;
color: #fff;
line-height:1.4;
background-color: #005599;
}
ul.content li a:link,ul.content li a:visited  {
color:#005599;
}
div#index_info {
display: block;
margin: 0 auto;
text-align: center;
background-color: #005599;
background-size: cover;
}
div#index_info .index_info_inner {
margin: 0 auto;
display: block;
text-align: left;
}
#index_info .index_info_inner ul.content  {
width: 100%;
}
#index_info .index_info_inner ul.content li {
color: #fff;
font-weight: bold;
list-style: square;
}
#index_info .index_info_inner ul.content li a:link{
color: #fff;
text-decoration: underline;
}
#index_info .index_info_inner ul.content li a:visited{
color: #fff;
font-weight: normal;
text-decoration: underline;
}
#index_info .index_info_inner ul.content li a:hover{
color: #fff;
text-decoration: none;
}
#index_info .index_info_inner ul.content li li{
font-size: 90%;
font-weight: normal ! important;
list-style: circle;
}
/*
#index_info h2.title_info_top {
text-align: center;
white-space: pre-line;
margin-top :0;
padding : 0.5em;
width : auto;
cursor : pointer;
color : #000;
line-height: 2.1;
vertical-align : middle;
font-size : 130%;
font-weight : bold;
border-width : 0;
text-decoration : none;
border-bottom : none;
background-color : #fff;
border: none;
}
*/
#index_info h2.title_info_top {
text-align: left;
white-space: pre-line;
margin-top :0;
padding : 0.5em;
width : auto;
cursor : pointer;
color : #000;
line-height: 1.6;
vertical-align : middle;
font-size : 110%;
font-weight : bold;
border-width : 0;
text-decoration : none;
border-bottom : none;
background-color : #fff;
border: none;
}
#index_info h2.title_info_top a {
color : #000;
}
h2.title_info {
text-align: center;
margin-top :0.5em;
padding : 0.5em;
width : auto;
cursor : pointer;
color : #fff;
line-height: 2.1;
vertical-align : middle;
font-size : 130%;
font-weight : bold;
border-width : 0;
text-decoration : none;
border-bottom : none;
border: none;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
background-color: #005599;
/* background-image: url("/img/sky.png"); */
}
.main h2.title_info a {
color : #000;
}
section ul.content {
margin-left: 2em;
}
.RLoutline_international #sns_buttons {
margin-top: 0;
padding-top: 0;
}
.RLoutline_international #sns_buttons li{
padding: 0.5em;
line-height: 1.4;
color: #000;
list-style: square;
background-color: transparent;
}
.RLoutline_international #sns_buttons li a:link{
color: #000;
text-decoration: none;
}
.RLoutline_international #sns_buttons li a:active{
color: #000;
text-decoration: underline;
}
.RLoutline_international #sns_buttons li a:hover{
color: #000;
text-decoration: underline;
}
.RLoutline_international .mine{
display: none;
}
.rl_lan {
width: 95%;
margin: 0 auto;
padding: 0.5em;
text-align: center;
background-color: #005599;
}
.rl_lan_inner {
margin: 0 auto;
text-align: center;
}
.rl_lantitle {
margin: 0 auto;
padding: 0.3em;
text-align: center ! important;
color: #fff;
font-weight: bold;
}
.rl_lan_core {
margin: 0 auto;
padding-top: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 3%;
text-align: center;
background-color: #bed5f2;
}
.rl_lan_iprange {
margin: 0 auto;
padding: 0.3em;
font-weight: bold;
text-align: center ! important;
font-size: 90%;
color: #000;
}
.rl_lan_core hr{
color: #fff;
width: 80%;
}
.rl_lanbox{
margin: 0 auto;
text-align: center;
display: inline-block;
}
.rl_lanbox .lanbox_inner p{
padding-left: 1em;
font-size: 80%;
line-height: 1.4;
}
.rl_lanbox .lanbox_inner p a{
text-decoration: none;
}
.rlyellow {
padding-top: 0.5em;
text-align: center;
color: #000;
background-color: yellow;
}
.rlyellow a:link, .rlyellow a:visited{
color: #000 ! important;
}
.rlgreen {
padding-top: 0.5em;
margin: 0 auto;
text-align: center;
color: #333;
background-color: pink;
}
.rlgreen a:link,.rlgreen a:visited {
color: #333 ! important;
}
.rlgreen p.pwhite {
color: #333 ! important;
}
.redundderline {
border-bottom: 3px red solid;
}

/* to pagetop */
span.to_top a:link,span.to_top a:visited{
text-shadow:1px 1px 3px #fff,3px 3px 6px #005599;
}
span.to_top a:hover{
color: #666;
}
.fallback-image{
background: radial-gradient( #005599 10%, transparent 70%, transparent 20%);
}
@supports not (radial-gradient( #005599 10%, transparent 70%, transparent 20%)) {
background-color:  #005599;
}

@media screen and (max-width:48em){
div#index_info .index_info_inner {
width: 90%;
}
main{
margin: 0 auto;
width: auto;
}
div#index_info {
width: auto;
}
#index_info h2.title_info_top,h2.title_info {
width: auto;
}
.info_main li{
height: auto;
}
.info_main li a{
padding-top: 1.2em;
padding-bottom: 1.2em:
}
ul.inPage li a,ul#sns_buttons li a,#contentPR1 ul.content li a,#contentPR2 ul.content li a,#contentPR3 ul.content li a,#contentPR4 ul.content li a,#content7 ul.content li a{
margin: 0;
padding-top: 0;
font-size: 210%;
letter-spacing: 0.05em;
list-style-type: none;
line-height: 3.2;
}

.widing {
width: auto;
margin: 0;
padding: 0;
}
.RLoutline_international .pushbtn, #contentdc .pushbtn {
font-size: 60%;
}
.rl_lanbox .lanbox_inner{
display: block;
width: 100%;
}
.rl_lanbox .lanbox_inner p{
text-align: left;
}
}
@media screen and (min-width: 48em) {
div#index_info .index_info_inner {
width: 30%;
}
main{
margin: 0 auto;
width: 100%;
}
div#index_info {
width: 100%;
}
#index_info h2.title_info_top,h2.title_info {
width: 100%;
}
.widing {
width: 100%;
padding-top:
}
.widing .row{
padding-top: 5em;
}
h2.index_space2,h2.index_space4 {
margin-top:3em;
padding-top: 0;
padding-left: 0.9em;
padding-right: 0;
padding-bottom: 0;
font-size: 120%;
}
h2.index_space24_en {
font-size: 160%;
}
#contentPR1 ul.inPage li{
margin-bottom: 2em;
}
article, section {
max-width: 1000px;
}
.rl_lanbox .lanbox_inner{
float: left;
display: block;
width: 50%;
text-align: left ! important;
}
footer {
padding-top: 1em;
}
#RLfooter #sns_buttons {
max-width: 700px;
}
}

#contentPR1 .accordion__summary,#contentPR2 .accordion__summary,#contentPR3 .accordion__summary,#contentPR4 .accordion__summary{
margin-top:0.8em;
margin-bottom:0.8em;
vertical-align: middle ! important;
}
#contentPR1 .accordion__summary::after,#contentPR2 .accordion__summary::after,#contentPR3 .accordion__summary::after,#contentPR4 .accordion__summary::after{
top: 20%;
}
.footer_search h2#site_search {
border: none;
}
div#RLfooter ul.sns_btns li a:hover{
text-decoration: underline;
border: none;
}


/* accordion last  */
.accordion__summary {
padding-left: 2.1em ! important;
}
.accordion__summary::before {
color: #666;
border-color: #666;
}
.accordion__summary::after {
top: 32% ! important;
}