.sp_m_img{
display: none;
}

.sp_h2{
display: none;
}

.sp_banner{
display: none;
}


body{
background-color: #000;
position: relative;
}

article{
position: relative;
background-color: #000;
padding-top: 113px;
width: 1100px;
margin: 0 auto;
}

.h1_wrp{
text-align: center;
margin-bottom: 53px;
}

h1{
display: inline-block;
font-size: 21px;
color: #fff;
padding-bottom: 12px;
padding-left: 15px;
padding-right: 15px;
border-bottom: #fff solid 1.3px;
letter-spacing: 0.2em;
}

.block01{
margin-bottom: 102px;
}

.m_img_wrp{
position: relative;
margin-bottom: 47px;
}

.block01 .m_img_wrp h2{
position: absolute;
top: 130px;
right: 97px;
}

.block01 .m_img_wrp h2 img{
width: 409px;
height: auto;
}

.m_img_wrp h2 + img{
width: 100%;
height: auto;
}

#yoshida_bug_pohto{
width: 100%;
height: auto;
}

.txt_theme{
width: 75px;
height: auto;
}

.sent_wrp{
position: relative;
width: 1000px;
height: 592px;
margin: 0 auto;
}

.sent_wrp dl dt::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #000 transparent currentcolor;
    border-image: none;
    border-style: none solid solid none;
    border-width: medium 20px 35px medium;
    content: " ";
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}
.sent_wrp dl dt {
width: 295px;
    background-color: #00a184;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    padding: 10px 60px 10px 24px;
    position: relative;
}

.sent_wrp dl dt img{
box-sizing: content-box;
padding-right: 20px;
}

.sent_wrp dl dd{
padding: 16px 28px 49px;
border: #00a184 2px solid;
line-height: 1.7;
color: #fff;
font-size: 14px;
height: 140px;
}

.sent_wrp dl:first-of-type{
position: absolute;
top: 0;
}

.sent_wrp dl:nth-of-type(2){
position: absolute;
top: 138px;
}

.sent_wrp dl:nth-of-type(3){
position: absolute;
top: 276px;
}

.sent_wrp dl:nth-of-type(4){
position: absolute;
top: 414px;
}

.block02{
margin-bottom: 102px;
}

.block02 .m_img_wrp h2{
position: absolute;
top: 34px;
left: 45px;
}

.block02 .m_img_wrp h2 img{
width: 505px;
height: auto;
}

.block03{
margin-bottom: 102px;
}

.block03 .m_img_wrp h2{
position: absolute;
top: 160px;
right: 78px;
}

.block03 .m_img_wrp h2 img{
width: 440px;
height: auto;
}

.block04{
    margin-bottom: 102px;
}

.block04 .m_img_wrp .yoshida_bug_logo img{
position: absolute;
width: 440px;
height: auto;
top: 300px;
left: 600px;
}

.yoshida_bug_text_1, .yoshida_bug_text_2{
position: absolute;
top: 430px;
left: 605px;
width: 400px;
font-size: 20px;
color: black;
}

.yoshida_bug_text_2{
top: 460px;
}

.sp_yoshida_bug_text_1, .sp_yoshida_bug_text_2{
margin-top: 10px;
font-size: 16px;
color: white;
}

.sp_yoshida_bug_photo{
margin-bottom: 10px;
}

.banner_wrp{
display: block;
width: 1100px;
height: 125px;
background-image: url(../img/about/collaboration/ap_banner_pc.jpg);
background-position: top left;
background-repeat: no-repeat;
background-size: contain;
}

.banner_leed{
color: #fff;
font-size: 16px;
padding-left: 40px;
padding-top: 30px;
letter-spacing: 0.2em;
}

.banner_in_l_r{
display: table;
}

.banner_in_l_r img{
display: table-cell;
vertical-align: baseline;
width: 77px;
height: auto;
padding-left: 85px;
box-sizing: content-box;
padding-top: 20px;
}

.banner_in_l_r p{
display: table-cell;
vertical-align: baseline;
color: #fff;
font-size: 25px;
padding-left: 75px;
padding-top: 15px;
}

.block04{
margin-bottom: 93px;
}

.site_map_wrp{
background-color: #000;
}

.copy_right_wrp{
background-color: #fff;
}

.anc_link_btn_wrp{
position: fixed;
top: 45%;
left: 3%;
z-index: 9998;
}

.anc_link_btn_wrp a{
display: block;
width: 11px;
height: 11px;
background-color: #fff;
margin-bottom: 18px;
border-radius: 9px;
}

.active {
    background-color: #00a184!important;
}


.in_footer_wrp{
background-color: #000;
}

.spbr{
display: none;
}

.sp_mainphoto{
display: none;
}


@media only screen and (max-width:640px){
.pc_h2{
display: none;
}

.sp_h2{
display: block;
width: 90%;
margin: 0 auto;
margin-bottom: 47px;
}

.sp_h2 img{
width: 86%;
height: auto;
}

.pc_banner{
display: none;
}

.sp_banner{
display: block;
width: 100%;
}

.sp_banner img{
width: 100%;
height: auto;
}

.spbr{
display: inline;
}

article{
width: 100%;
padding-top: 53px;
}

header {
    background-color: #000;
    height: 53px;
    position: fixed;
    width: 100%;
    z-index: 9996;
}

.h1_wrp {
    margin-top: 53px;
}

.block01 .m_img_wrp h2 {
    position: absolute;
    right: 3%;
    top: 17%;
    width: 50%;
}

.block01 .m_img_wrp h2 img {
    height: auto;
    width: 100%;
}

.sent_wrp {
    height: inherit;
    margin: 0 auto;
    position: relative;
    width: 90%;
}

.sent_wrp dl:first-of-type {
    position: static;
    top: inherit;
}

.sent_wrp dl:nth-of-type(2) {
    position: static;
    top: inherit;
	margin-top: 40px;
}

.sent_wrp dl:nth-of-type(3) {
    position: static;
    top: inherit;
	margin-top: 40px;
}

.sent_wrp dl:nth-of-type(4) {
    position: static;
    top: inherit;
	margin-top: 40px;
}

.sent_wrp dl dt {
    padding: 10px 0px 10px 15px;
    width: 270px;
}

.sent_wrp dl dd {
	border-bottom: none;
	border-left: none;
	border-right: none;
    color: #fff;
    font-size: 14px;
    height: inherit;
    line-height: 1.7;
    padding: 16px 0px 0px;
}

.block02 .m_img_wrp h2 {
    position: absolute;
    left: 3%;
    top: 6%;
    width: 50%;
}

.block02 .m_img_wrp h2 img {
    height: auto;
    width: 100%;
}

.block03 .m_img_wrp h2 {
    position: absolute;
    right: 3%;
    top: 25%;
    width: 50%;
}

.block03 .m_img_wrp h2 img {
    height: auto;
    width: 100%;
}

.block04 {
    margin-bottom: 0px;
}

.block03 .sp_h2 img{
width: 86%;
}

.pc_mainphoto{
display: none;
}

.sp_mainphoto{
display: inline-block;
width: 100%;
height: auto;
}

.anc_link_btn_wrp{
display: none;
}

footer{
background-color: #fff;
}

}