@charset "UTF-8";
#header {
	background-color: rgba(255,255,255,1);
}
/*#page_header{background-image: url("../img/header_img_pc.webp");}*/

.content__mv .img {
    background: url(../img/header_img_pc.webp) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


.works-bk-img{
    width: 100%;
    height: 230px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	margin-bottom: 2%;
	background-color: aliceblue;
}
a.works_box:visited{color: #3e3a39;}
.tex_box{display: block; height: 130px;position: relative;margin-top: 3%; margin-bottom: 5%;color: #3e3a39;}
.date{display: inline-block;padding: 0.1em 0em;margin-right: 0.4em;margin-bottom: 0.4em;}
.year,.category{display: inline-block;color:#2ea6df;border: solid 1px #2ea6df;padding: 0.1em 0.4em;margin-right: 0.4em;margin-bottom: 0.4em;}

.other-work{width: 90%;margin: 1em auto;}
.other-work dl {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    line-height: 1.7;
}
.other-work dl dt {
    position: relative;
    box-sizing: border-box;
    width: 10em;
    flex-shrink: 0;
    border-bottom: 1.5px solid #2ea7e0;
    padding: 1em 1em;
    text-align: left;
	color: #2ea7e0;
}
.other-work dl dd {
    box-sizing: border-box;
    width: calc(100% - 10em);
    border-bottom: 1.5px solid #8b8c8c;
    padding: 1em 2em;
}

.motto_btn{display: block;width: 17%;}
.motto_btn:hover{opacity: 0.5;}


.page_title{font-size: 1.8em;margin-bottom: 1em;margin-top: 0;position: relative;
    padding-bottom: 0.2em; /* 見出しと下線の間の余白 */}
.page_title::after {
    content: "";
    position: absolute;
    bottom: 0; /* 見出しの下端に配置 */
    left: 0;
    width: 100%;
    height: 1.5px; /* 下線の太さ */
    background: linear-gradient(to right,
        #2ea5de 0%,          /* 青色の開始位置 */
        #2ea5de 13%,         /* 青色の終了位置 */
        #dadbdb 13%,         /* グレー色の開始位置 */
        #dadbdb 100%         /* グレー色の終了位置 */
    );}
/* ライトボックス（lightbox）の設定 */
.lb_wrapper {
	overflow: hidden;
}
.lb_wrapper a {
	width: calc(100% / 5);				/* 写真の枚数 */
	padding: 20px;
	text-align: center;
	float: left;
	
}
@media screen and (max-width: 760px) {
	.lb_wrapper a {
		width: calc(97% / 2);			/* 写真の枚数 */
		font-size: 0.6em;
		padding: 2.5px;
	}
}
.lb_wrapper a img {
	width: 100%;
	height: auto;
}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
.content__mv .img {
    background: url(../img/header_img_sp.webp) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.page_title{font-size: 1.4em;margin-bottom: 1em;margin-top: 0;position: relative;
    padding-bottom: 0.2em; /* 見出しと下線の間の余白 */}
.works-bk-img{
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	margin-bottom: 2%;
	background-color: aliceblue;
}
.tex_box{display: block; height: 100px;position: relative;margin-top: 3%; margin-bottom: 5%;color: #3e3a39;}
a.works_box p{font-size: 0.7em;}
.boxitem_03{width: 48%;margin-bottom: 3%;}
.other-work dl {
    font-size: 0.92em;
}
.other-work dl dt {
    width: 100%;
    border-bottom: 0;
    padding: 0.6em 1em 0;
    text-align: left;
}
.other-work dl dd {
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #333;
    padding: 0em 1em 0.6em;
	line-height: 1.4em;
}
.motto_btn{display: block;width: 40%;}
}