@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

* {
	margin:0;
	padding:0;
	font-feature-settings: "palt";
	box-sizing: border-box;
}


html, body {
	margin:0;
	padding:0;
	font-size:62.5%;
	line-height:1.8;
	letter-spacing: 1.5px;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}


ul, ol {
	list-style:none;
}


table {
	border-collapse: collapse;
	border:none;
}


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


img {
	vertical-align: bottom;
}


.pc {display:block;}
.sp {display:none;}

@media all and (max-width:560px) {
.pc {display:none;}
.sp {display:block;}
}


/* color settings */
/* text */
.fc-navy {color:#2D3243 !important;}
.fc-red {color:#FF0024 !important;}
.fc-darkred {color:#990024 !important;}
.fc-blue {color:#1155C4 !important;}
.fc-yellow {color:#FEFE00 !important;}
.fc-white {color:#FFFFFF !important;}
.fc-black {color:#000000 !important;}
.fc-grey {color:#666666 !important;}

/* background */
.bg-navy {background-color:#2D3243 !important;}
.bg-red {background-color:#FF0024 !important;}
.bg-blue {background-color:#1155C4 !important;}
.bg-lightblue {background-color:#f6faff !important;}
.bg-yellow {background-color:#FEFE00 !important;}
.bg-lightgray {background-color:#F4F4F4 !important;}
.bg-orange {background-color:#eb6100 !important;}
.bg-lightred {background-color:#fef2f6 !important;}


/* border-color */
.bc-grey {border:1px solid #AAA !important;}


/* font weight settings */
.fw-b {font-weight:bold !important;}
.fw-n {font-weight:normal!important;}
.fw-300 {font-weight:300 !important;} /* = .fw-n */
.fw-400 {font-weight:400 !important;}
.fw-500 {font-weight:500 !important;}
.fw-600 {font-weight:600 !important;}


/* font style settings */
.fstyl-i {font-style:italic !important;}
.fstyl-n {font-style:normal !important;}


/* alignment settings */
.ta-left {text-align:left !important;}
.ta-center {text-align:center !important;}
.ta-right {text-align:right !important;}

.va-top {vertical-align: top;}
.va-middle {vertical-align: middle;}
.va-bottom {vertical-align: bottom;}


/* font size settings */
.fs-x06 {font-size:0.6rem;}
.fs-x08 {font-size:0.8rem;}
.fs-x10 {font-size:1rem;}
.fs-x11 {font-size:1.1rem;}
.fs-x12 {font-size:1.2rem;}
.fs-x14 {font-size:1.4rem;}
.fs-x16 {font-size:1.6rem;}
.fs-x18 {font-size:1.8rem;}
.fs-x20 {font-size:2rem;}
.fs-x21 {font-size:2.1rem;}
.fs-x24 {font-size:2.4rem;}
.fs-x30 {font-size:3rem;}
.fs-x36 {font-size:3.6rem;}
.fs-x40 {font-size:4rem;}
.fs-x50 {font-size:5rem;}
.fs-x60 {font-size:6rem;}


/* margin settings */
/* margin bottom */
.mb-xxsmall {margin-bottom:3px !important;}
.mb-xsmall {margin-bottom:5px !important;}
.mb-small {margin-bottom:10px !important;}
.mb-medium {margin-bottom:15px !important;}
.mb-large {margin-bottom:30px !important;}
.mb-xlarge {margin-bottom:50px !important;}
.mb-xxlarge {margin-bottom:80px !important;}
.mb-exlarge {margin-bottom:100px !important;}
.mb-ultralarge {margin-bottom:150px !important;}

@media all and (max-width:768px) {
.mb-xxsmall {margin-bottom:3px !important;}
.mb-xsmall {margin-bottom:5px !important;}
.mb-small {margin-bottom:10px !important;}
.mb-medium {margin-bottom:15px !important;}
.mb-large {margin-bottom:20px !important;}
.mb-xlarge {margin-bottom:30px !important;}
.mb-xxlarge {margin-bottom:50px !important;}
.mb-exlarge {margin-bottom:70px !important;}
.mb-ultralarge {margin-bottom:100px !important;}	
}

/* margin top */
.mt-xxsmall {margin-top:3px !important;}
.mt-xsmall {margin-top:5px !important;}
.mt-small {margin-top:10px !important;}
.mt-medium {margin-top:15px !important;}
.mt-large {margin-top:30px !important;}
.mt-xlarge {margin-top:50px !important;}
.mt-xxlarge {margin-top:80px !important;}
.mt-exlarge {margin-top:100px !important;}
.mt-ultralarge {margin-top:150px !important;}

@media all and (max-width:768px) {
.mt-xxsmall {margin-top:3px !important;}
.mt-xsmall {margin-top:5px !important;}
.mt-small {margin-top:10px !important;}
.mt-medium {margin-top:15px !important;}
.mt-large {margin-top:20px !important;}
.mt-xlarge {margin-top:30px !important;}
.mt-xxlarge {margin-top:50px !important;}
.mt-exlarge {margin-top:70px !important;}
.mt-ultralarge {margin-top:100px !important;}	
}

.m-auto {
	margin-left:auto;
	margin-right:auto;
}

.mr-medium {margin-right:30px !important;}

@media all and (max-width:768px) {
.mr-medium {margin-right:0 !important;}
}


/* padding */
.p-small {padding:15px !important;}
.p-medium {padding:30px !important;}


/* width size */
.w10 {width:10% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w33 {width:33% !important;}
.w40 {width:40% !important;}
.w48 {width:48% !important;}
.w50 {width:50% !important;}
.w60 {width:60% !important;}
.w66 {width:66% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}


/* タブレットサイズで横幅100%に変化 */
.w10tab {width:10% !important;}
.w20tab {width:20% !important;}
.w25tab {width:25% !important;}
.w30tab {width:30% !important;}
.w33tab {width:33% !important;}
.w40tab {width:40% !important;}
.w48tab {width:48% !important;}
.w50tab {width:50% !important;}
.w60tab {width:60% !important;}
.w66tab {width:66% !important;}
.w70tab {width:70% !important;}
.w75tab {width:75% !important;}
.w80tab {width:80% !important;}
.w90tab {width:90% !important;}
.w100tab {width:100% !important;}

@media all and (max-width:768px) {
.w10tab,.w20tab,.w25tab,.w30tab,.w33tab,
.w40tab,.w48tab,.w50tab,.w60tab,.w66tab,.w70tab,
.w75tab,.w80tab,.w90tab,.w100tab {
width:100% !important
}
}

/* スマホサイズで横幅100%に変化 */
.w10sp {width:10% !important;}
.w20sp {width:20% !important;}
.w25sp {width:25% !important;}
.w30sp {width:30% !important;}
.w33sp {width:33% !important;}
.w40sp {width:40% !important;}
.w48sp {width:48% !important;}
.w50sp {width:50% !important;}
.w60sp {width:60% !important;}
.w66sp {width:66% !important;}
.w70sp {width:70% !important;}
.w75sp {width:75% !important;}
.w80sp {width:80% !important;}
.w90sp {width:90% !important;}
.w100sp {width:100% !important;}

@media all and (max-width:560px) {
.w10sp,.w20sp,.w25sp,.w30sp,.w33sp,
.w40sp,.w48sp,.w50sp,.w60sp,.w66sp,.w70sp,
.w75sp,.w80sp,.w90sp,.w100sp {
width:100% !important
}
}


/* image settings */
.block_image {
    width:100%;
    position:relative;
    background:#F1F2F2;
}


.block_image::before {
    padding-top:100%;
    content:"";
    display:block;
}


.block_image img {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:contain;
}