@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');



/* Elements */
body {
	 font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    color: inherit;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

img {
  border: none;
  vertical-align: top;
  image-rendering: -webkit-optimize-contrast;
}


.clear:after {
 content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
 display: inline-table;
 overflow: hidden;
}

/* mac \*/
* html .clear {
 height: 1%;
}
.clear {
 display: block;
}
/* macend */


/* Header */
.navbar .nav-link img {
	height: 60px;
	width: auto;
}

.navbar-light .navbar-nav .nav-link,
.sub-nav .nav-link {
    color: rgba(0, 0, 0, 0.84);
    font-size: 1rem;
}

.navbar-light .navbar-nav .nav-link:hover,
.sub-nav .nav-link:hover {
	color: #dc3545;
}

.bi-chevron-right::before {
   font-weight: 900 !important;
}

.navbar-nav li:nth-child(5) {
   padding-top: 5px;
}

.navbar-nav li:nth-child(5) .me-1,
.navbar-nav li:nth-child(5) .text-small {
   font-size: 0.9rem !important;
}

/*.navbar-brand img {
    width: 200px;
}*/

.nav-item .circle-icon {
    min-width: 1rem;
    min-height: 1rem;
}

.nav-item .circle-icon i {
    font-size: 0.6rem
}

.btn-group-lg>.btn, .btn-lg {
	font-size: 1rem;
}

/* Sub Header */
.sub-nav .border-start {
    height: 0.8rem;
}

.sub-nav .nav-link::before {
    content: '|';
    height: 0.8rem;
    position: relative;
    left: -1.15rem;
}

.sub-nav li:nth-child(4) .nav-link::after {
    content: '|';
    height: 0.8rem;
    position: relative;
    right: -1.15rem;
}

/* Action Container */
.action-container {
    height: 300px;
    background-image: url('../image/footer/footer.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #4b718c;
}

.action-container a {
    /*height: 130px;
    width: 350px;*/
				height: 180px;
				width: 500px;
    max-width: 100%;
}

.action-container .fs-6,
.action-container .text-emphasize {
	font-size: 1.6rem !important;
}

.action-container .text-small {
	font-size: 1rem !important;
}

/* Sub Actions */
.sub-action > div,
.sub-action .btn {
    height: 50px;
}

.sub-action .btn {
    width: 60px;
    background-color: #0e65ae;
    color: #fff;
}

/* Footer */
footer img.logo {
    width: 200px;
    height: auto;
}

footer .btn-more::after {
    width: 2rem!important;
    margin-left: 0!important;
}

footer .card {
    max-width: 100%;
    width: 300px;
}

footer .maybe-mark-exist .nav-item a:not(.arrow) {
    margin-left: 1rem;
}

footer .maybe-mark-exist .arrow::before {
    content: "";
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    border-top: solid 1px var(--bs-dark);
    border-right: solid 1px var(--bs-dark);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 0.6rem;
}

footer .maybe-mark-exist {
	margin-right: 100px;
}

footer .fw-bold .nav {
	margin-top: -8px;
}

.link-items .text-small {
	font-size: 1rem;
}

/* Red-Blue Line */
.rb-line {
    position: relative;
    border-top: solid 2px #0e65ae;
    width: 36px;
}

.rb-line::after {
    content: "";
    display: block;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -2px;
    width: 50%;
    border-top: 2px solid #d03325;
}

.rb-line.rb-line-w-100 {
    width: 100%;
}

/* Common */

.w1500 {
	display: none;
}

@media screen and (min-width:1580px) {

.navbar-brand .text-small {
	position: absolute;
	top: 32px;
	left: 300px;
}

.w1500 {
	display: block;
}

}

.text-small {
    font-size: 0.8rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
}

.text-emphasize {
    font-size: 1.3rem;
    font-weight: 500;
}

.spacing-5 {
    height: 3rem;
}

.lh-07 {
    line-height: 0.7;
}

.open-tab-icon {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    background-color: #fff;
    border: solid 1px #000;
    border-radius: 2px;
    position: relative;
    top: 0.2rem;
}

.open-tab-icon::after {
    content: "";
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    border-radius: 1px;
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    position: relative;
    top: -0.4rem;
    right: -0.2rem;
}

@media screen and (min-width: 768px) {
    .sub-action .btn {
        width: 200px;
    }
				
}

@media screen and (min-width: 992px) {
    .sub-action > div,
    footer .container {
        max-width: 960px;
    }
}


@media screen and (max-width: 780px){
.pc {
	display: none;
}

.navbar {
	padding: 0 !important;
}

.navbar-brand {
	padding: 0;
}

.navbar-nav li:nth-child(5) {
	display: none;
}

.navbar-nav {
	display: block;
}

.nav {
}

.nav li{
	width: 50%;
}

.sub-nav {
	border-top: 1px dotted #CCC;
}

.sub-nav li {
	border-bottom: 1px dotted #CCC;
}

.sub-nav .nav-link::before,
.sub-nav li:nth-child(4) .nav-link::after {
	content: "";
}

.navbar-light .navbar-nav .nav-link, .sub-nav .nav-link {
	text-align: center;
}

.navbar-light .navbar-nav .nav-link, .sub-nav .nav-link {
	font-size: 0.8rem;
}

.sub-nav li:nth-child(2n-1) {
	border-right: 1px dotted #CCC;
}

.action-container .fs-6, .action-container .text-emphasize {
	font-size: 1.4rem !important;
}

.action-container a {
	height: 140px;
}

footer .nav li {
	width: 100%;
}

footer.py-5 {
	padding-bottom: 0 !important;
}




	
}