@charset "utf-8";
/*
Theme Name: Template
Author: 3eee
Author URI: https://3eee.co.jp/
Description: Template build.
Version: 1.0
*/


/*** ページ専用 共通CSS設定 ***/

.link_01 dl {
    font-size: var(--fs_m);
    display: flex;
    flex-flow: wrap;
	margin-bottom: var(--margin_s);
	justify-content: space-between;
}

.link_01 dl dt {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 40% !important;
    border: 0 !important;
}

.link_01 dl dt img {
    margin-right: var(--margin_xs);
	width: 4vw;
}

.link_01 dl dd {
    font-size: var(--fs_s);
    display: flex;
    align-items: center;
	background: #fff;
    padding: 0 var(--margin_xs);
    border-radius: 10px;
	min-width: 30%;
	max-width:10em;
}

.link_01 dl dd a {
    color:#000;
}

.link_01 a img {
	width:100%;
}

.page_block dl {
	font-size: var(--fs_m);
}

.page_block dl dt {
	font-size: var(--fs_h5);
    border-bottom: 2px solid #666;
    width: fit-content;
    margin-bottom: var(--margin_xxs);
}

.page_block dl dt a {
	display: flex;
    align-items: center;
    color: #000;
}

a:hover {
	opacity: 0.7;
}

.page_block dl dd {
	font-size: var(--fs_s);
}


.page_block a img {
	width:100%;
}

.more a {
	margin: 0 var(--margin_xs) var(--margin_xs) auto!important;
}

.media_link {
	margin-bottom:var(--margin_m);
}

.media_link:last-child{
	margin-bottom:0;
}

.link_03 .page_block span {
    background: #000;
    color: #fff;
    width: fit-content;
    min-width: 10em;
    display: block;
    text-align: center;
    margin-bottom: var(--margin_xxs);
	font-size:var(--fs_h5);
}

.blog_list {
	margin-bottom:var(--margin_m);
}

.blog_list:last-child{
	margin-bottom:0;
}

.blog_list li {
	margin-bottom:var(--margin_xxs);
}

.blog_list li:last-child{
	margin-bottom:0;
}

.blog_list li .syo{
	font-weight:400;
	font-size:90%;
}

.blog_list li a:before {
	content: '';
	width: 0.5em;
	height: 0.5em;
	border: 0;
	border-top: solid 2px #333;
	border-right: solid 2px #333;
	transform: rotate(45deg);
	position: absolute;
	top: 0.5em;
	left: 0;
	margin: auto;
}

.blog_list li a{
	position:relative;
	color:#000;
	padding: 0 0 0 1.5em;
	margin-bottom: var(--margin_xxs);
    display: block;
	font-size:var(--fs_h5);
}

.blog_list li a:last-child{
	margin-bottom:0;
}



/*----------------------------------------*/


/*　スマホ
----------------------------------------*/
@media screen and (max-width: 768px) {
	
	.page_block_wra {
		margin: 0 auto var(--margin_m) auto!important;
	}
	
	.link_01 dl {
		padding: var(--margin_xs) var(--margin_s);
		padding-bottom: var(--margin_xs)!important;
	}
	
	.link_01 dl dt img {
	    width: 9vw;
	}
	
	.link_01 dl dd {
	    min-width: 40%;
	}
	
	.page_block_wra {
		margin: 0 auto var(--margin_m) auto!important;
	}
	
	.page_block dl {
		padding: var(--margin_xs) 0;
		padding-bottom: var(--margin_xs)!important;
	}
	
	.page_block dl dt {
	    font-weight: 700;
	}
	
	.blog_list li a {
	    font-weight: bold;
	}
	
}

/*　タブレット
----------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1280px) {

}

@media screen and (min-width: 768px) and (max-width: 900px) {

}

/*　PC
----------------------------------------*/
@media screen and (min-width: 1280px) {

}