@charset "UTF-8";

/*
* common.cssを上書き
*/
#logiMain .logiInner.grid .main {
    flex: 1;
    line-height: 1.75;
    max-width: 75%;
}

@media screen and (max-width: 736px) {
    #logiMain .logiInner.grid .main {
        max-width: 100%;
    }
}

/*
* 2カラムレイアウト(2メディア)
* 2カラムレイアウト(メディア+テキスト)
*/
h3.developmentSubTitle {
border-bottom: 2px solid #ddd;
font-size: 18px;
font-weight: bold;
line-height: 1;
margin-bottom: 24px;
margin-top: 52px;
padding-bottom: 13px;
}

@media screen and (max-width: 736px) {
h3.developmentSubTitle {
margin-bottom: 16px;
margin-top: 26px;
font-size: 16px;
}
}

h2.developmentTitle + h3.developmentSubTitle {
margin-top: 30px;
}

@media screen and (max-width: 736px) {
h2.developmentTitle + h3.developmentSubTitle {
margin-top: 20px;
}
}

.developmentGrid > .column > h3.developmentSubTitle:first-child {
margin-top: 0;
}

.developmentGrid > .column > h3.developmentSubTitle:first-child {
margin-top: 0;
}
.developmentGrid {
display: -ms-flexbox;
display: flex;
margin-top: 30px;
}

@media screen and (max-width: 736px) {
.developmentGrid {
margin-top: 20px;
}
}

.developmentGrid .column {
width: 50%;
}

@media screen and (max-width: 736px) {
.developmentGrid .column {
width: auto;
}
}

.developmentGrid .column .articleImage {
margin-bottom: 20px;
}

@media screen and (max-width: 736px) {
.developmentGrid .column .articleImage {
margin-bottom: 10px;
}
}

.developmentGrid .column.shrinkable {
-ms-flex: 1;
flex: 1;
}

.developmentGrid .column:not(:last-child) {
margin-right: 36px;
}

@media screen and (max-width: 736px) {
.developmentGrid:not(.fixed) {
display: block;
}
.developmentGrid:not(.fixed) .column:not(:last-child) {
margin-right: 0;
}
}

.developmentGrid + .developmentGrid {
margin-top: 54px;
}

@media screen and (max-width: 736px) {
.developmentGrid + .developmentGrid {
margin-top: 27px;
}
}

.developmentGrid .column .developmentImage iframe {
    width: 100%;
}