@charset "UTF-8";

#content{
    width: 1200px;
    margin: 5em auto;
    padding: 5em 0;
    background: #fff;
    border-radius: 10px;
}
.content_wrap { width: 90%; margin: auto; }
.content_wrap .note{ margin: 3em 0; line-height: 1.5; }
.content_wrap .note p{ margin: 1em 0; line-height: 1.5; }
.content_wrap .photo{ margin: 1em auto; }
.content_wrap .photo_r{ width: 20%; margin: 1em auto; }
.content_wrap .clientlink{ 
    border: #e7e0d5 solid 5px;
    padding: 1.5em 2em;
    margin: 3em;
}
.content_wrap .clientlink .line{
    background-image: linear-gradient(180deg, #e7e0d5 1px, transparent 1px);
    background-size: 100% 3em;
    line-height: 3em;
    padding-bottom: 1px;
    margin-bottom: 0.5em;
}
.content_wrap ul.col2{
	flex-wrap: wrap;
    display: flex;
	justify-content: space-between;
}
.content_wrap ul.col2 li{
	width: 48%;
	margin-bottom: 3em;
}
@media only screen and (max-width: 759px) {
	
#content{
    width: 94%;
    margin: 2em auto;
    padding: 2em 0;
}
.content_wrap { }
.content_wrap .note{ margin: 2em 0; }
.content_wrap .note p{ }
.content_wrap .photo{ }
.content_wrap .photo_r{ }
.content_wrap .clientlink{ padding: 1.5em; margin: 3em 0; }
.content_wrap .clientlink .line{
    background-size: 100% 3em;
    line-height: 3em;
    padding-bottom: 1px;
    margin-bottom: 0.5em;
}
.content_wrap ul.col2{
	flex-wrap: wrap;
    display: flex;
	justify-content: space-between;
}
.content_wrap ul.col2 li{
	width: 48%;
	margin-bottom: 3em;
}
}

/*タイトル*/
#content .content_wrap h3.ttl_work{  
	margin: 0.5em 0 0.5em;
    font-size: 2rem;
    line-height: 1.1;
}
#content .content_wrap h3.ttl_work span{ 
	display: block;
    font-size: 0.9rem;
    padding: 1em 0 0 1.5em;
}
#content .content_wrap .clientlink h4.client{ 
	border-left: #755833 solid 3px;
    font-size: 1rem;
    padding-left: 0.5em;
    margin-bottom: 0.5em;
}
@media only screen and (max-width: 759px) {
	
#content .content_wrap h3.ttl_work{ font-size: 1.5rem; }
#content .content_wrap h3.ttl_work span{ padding: 1.5em 0 0 0;}
}