@charset "UTF-8";
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
	--paddingPC: 7rem 12vw;
	--paddingSP: 2rem 5vw;
	--paddingTABLET: 3rem 5vw;
	--colBorder: 1px solid #ddd;
	--colPaddingPC: 15px 0;
	--colPaddingSP: 8px 0;
	--colPaddingTABLET: 15px 0;
}

img * {
	max-width:100%;
}

@media only screen and (max-width: 599px) {
	.sp_only {
		display: block;
	}
	.sp_tablet_only {
		display: block;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: none !important;
	}
	.pc_tablet_only {
		display:none !important;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.sp_only {
		display: none !important;
	}
	.sp_tablet_only {
		display: block !important;
	}
	.tablet_only {
		display: block;
	}
	.pc_only {
		display:none !important;
	}
	.pc_tablet_only {
		display:block;
	}
}
@media only screen and (min-width: 1025px) {
	.sp_only {
		display: none !important;
	}
	.sp_tablet_only {
		display: none !important;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: block;
	}
	.pc_tablet_only {
		display:block;
	}
}





/* ------------------------------------------ 
	
 - COMMON

------------------------------------------ */
@media only screen and (max-width: 599px) {
	.main_contents {
	    background: #fff;
	    padding: var(--paddingSP);
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.main_contents {
	    background: #fff;
	    padding: var(--paddingTABLET);
	}
}
@media only screen and (min-width: 1025px) {
	.main_contents {
	    background: #fff;
	    padding: var(--paddingPC);
	}
}

/* ------------------------------------------ 
	
 - main_text

------------------------------------------ */
@media only screen and (max-width: 599px) {
	.main_text {
		text-align:left;
		margin-bottom: 30px;
	}
	.main_text h1 {
		font-size: 20px;
		margin-bottom: 13px;
        border-left: 7px solid #1E73BE;
        padding-left: 7px;
	}
	.main_text p {
		font-size:14px;
		line-height: 1.5;
		
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.main_text {
		text-align:left;
		margin-bottom: 50px;
	}
	.main_text h1 {
		font-size:22px;
		margin-bottom:22px;
	}
	.main_text p {
		line-height: 1.5;
	}
}
@media only screen and (min-width: 1025px) {
	.main_text {
		text-align:left;
		margin-bottom: 50px;
	}
	.main_text h1 {
		font-size:28px;
		margin-bottom:22px;
        border-left: 10px solid #1E73BE;
        padding-left: 9px;
	}
	.main_text p {
		line-height: 1.5;
	}
}



/* ------------------------------------------ 
	
 - main_col

------------------------------------------ */
@media only screen and (max-width: 599px) {
	.main_col {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    align-items: flex-start;
	}
	.col_content {
	    width: 100%;
	}
	.col_content > ul {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    justify-content: space-evenly;
	    align-items: center;
	    padding: var(--colPaddingSP);
	    margin-bottom: 20px;
	    border: var(--colBorder);
	}
	.col_content ul .col_content_img {
	    width: 35%;
	    border-right: var(--colBorder);
	}
	.col_content ul .col_content_img >img {
	    width: 85%;
	}
	.col_content ul .col_content_text {
	    width: 65%;
        font-size: 14px;
        text-align: left;
	    font-weight: bold;
		padding-left: 15px;
	}
	.main_col .note_col {
	    display: flex;
	    flex-flow: column;
	    flex-direction: column;
	    flex-wrap: wrap;
	    align-items: flex-start;
	    font-size: 14px;
	    line-height: 1.6;
	}
	.main_col .note_col li {
		text-align: left;
		text-indent: -15px;
		padding-left: 15px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.main_col {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    align-items: flex-start;
	}
	.col_content {
	    width: 48%;
	}
	.col_content > ul {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    justify-content: space-evenly;
	    align-items: center;
		padding: var(--colPaddingTABLET);
	    margin-bottom: 28px;
	    border: var(--colBorder);
	}
	.col_content ul .col_content_img {
	    width: 35%;
	    border-right: var(--colBorder);
	}
	.col_content ul .col_content_img >img {
	    width: 75%;
	}
	.col_content ul .col_content_text {
	    width: 65%;
        font-size: clamp(0.875rem, 0.7rem + 0.3vw, 20px);
	    font-weight: bold;
		text-align: left;
        padding-left: 12px;
	}
	.main_col .note_col {
	    display: flex;
	    flex-flow: column;
	    flex-direction: column;
	    flex-wrap: wrap;
	    align-items: flex-start;
	    font-size: 12px;
	    line-height: 1.6;
	}
    .main_col .note_col li {
		text-align: left;
		text-indent: -15px;
		padding-left: 15px;
	}
}
@media only screen and (min-width: 1025px) {
	.main_col {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    align-items: flex-start;
	}
	.col_content {
	    width: 48.2%;
	}
	.col_content > ul {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    justify-content: space-evenly;
	    align-items: center;
		padding: var(--colPaddingPC);
	    margin-bottom: 50px;
	    border: var(--colBorder);
	}
	.col_content ul .col_content_img {
	    width: 35%;
	    border-right: var(--colBorder);
	}
	.col_content ul .col_content_img >img {
	    width: 75%;
	}
	.col_content ul .col_content_text {
        width: 65%;
        font-size: clamp(0.875rem, 0.9rem + 0.3vw, 22px);
        font-weight: bold;
        text-align: left;
        padding-left: 18px;
	}
	.main_col .note_col {
	    display: flex;
	    flex-flow: column;
	    flex-direction: column;
	    flex-wrap: wrap;
	    align-items: flex-start;
	    font-size: 16px;
	    line-height: 1.6;
	}
}




/* ------------------------------------------ 
	
 - SNS FOOOTER

------------------------------------------ */
.snsicon_wrap {
	padding: 1rem 0 1rem;
	text-align: center;
}
.snsicon_wrap img {
	width: 28px;
}
.snsicon_wrap ul {
	text-align: center;
	display: flex;
	flex-flow:row nowrap;
	justify-content:space-around;
	align-items: center;
	margin: 1rem auto 0;
	width: 70%;
}
.snsicon_wrap ul li {
	width: 9%;
}
footer {
	padding-bottom: 2rem;
}
footer p:first-child {
	margin-top:0;
}
footer p:last-child {
	margin-top:0.5rem;
}
footer p img {
	width:30%;
}
@media only screen and (min-width: 768px) {
	.snsicon_wrap {
		padding: 3rem 0 1.5rem;
		text-align: center;
	}
	.snsicon_wrap img {
		width: 26px;
	}
	.snsicon_wrap ul {
		text-align: center;
		display: flex;
		flex-flow:row nowrap;
		justify-content:space-around;
		align-items: center;
		margin: 1rem auto 0;
	}
	.snsicon_wrap ul {
		margin: 0.5em auto 0;
		width: 380px;	
	}
	.snsicon_wrap ul li {
		width: 7%;
	}
	footer {
		padding-bottom: 2rem;
	}
	footer p:first-child {
		margin-top:0;
	}
	footer p:last-child {
		margin-top:1rem;
	}
}


.sns_fixed {
	display:none!important;
}




/* ------------------ WRAP ---------------- */

main {
	font-family: "Noto Sana JP", sans-serif;
	font-weight: normal;
}
body {
    font-family: "Noto Sana JP", sans-serif;
}
*:focus {
	outline: none;
}
a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
	
}

@media only screen and (min-width: 1100px) {
    footer {
        width: 1100px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 1rem;
    }
}