@charset "UTF-8";

/* ***********************************************************
    Common Style
*********************************************************** */


@media screen and (min-width: 716px) {

    .onlySP {
        display: none;
    }

}

@media screen and (max-width: 980px) {

}

@media screen and (max-width: 715px) {

    .onlyPC {
        display: none;
    }

    img {
        max-width: 100%;
        height: auto;
    }

}


/* ***********************************************************
    Basic Style
*********************************************************** */

h2 {
    margin-bottom: 20px;
}

.imgcenter{
	text-align: center;
    margin: 25px 0 20px;
}

.greenlink {
    color: #299476;
    text-decoration: underline;
}

.greenlink:hover {
    text-decoration: none;
}

.yellowbox {
    border-radius: 10px;
    background-color: #fff3d7;
    padding: 20px;
}

.yellowudl {
    text-align: center;
}

.yellowudl span {
    font-size: 20px;
    color: #4a2c1e;
    line-height: 1.2em;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffcc1b));
    background: linear-gradient(transparent 60%, #ffcc1b 60%);
    display: inline-block;
}
.note_gray{
	color: #999;
	font-size: 14px;
	line-height: 1.6;
}

.img_right {
    float: right;
    margin-left: 20px;
}

.img_left {
    float: left;
    margin-right: 20px;
}

.supervisor {
    color: #009563;
    font-size: 13px;
    margin-top: 1.0em;
}

.memo {
    background-color: #ffcc1b;
    border-radius: 10px;
    padding: 10px;
	box-sizing: border-box;
}

.memo .inner {
    background-color: #fff7e5;
    border-radius: 5px;
    color: #4a2c1e;
    padding: 10px 20px;
}

.memo h2 {
    font-size: 22px;
    text-align: center;
    border-bottom: 1px solid #c3b79f;
}

.memo h2 img {
    height: 22px;
    vertical-align: middle;
    margin-right: 10px;
}

.memo p {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

.rescolumn {
    border: 5px solid #ffcc1b;
    border-radius: 10px;
    margin-top: 60px;
    text-align: center;
}

.rescolumn .notch {
    background-color: #ffcc1b;
    display: inline-block;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    padding: 0 30px;
    border-radius: 0 0 10px 10px;
}

.rescolumn h2 {
    font-size: 26px;
    margin-top: 20px;
}

.rescolumn p {
    text-align: left;
    margin: 20px;
}

@media screen and (max-width: 715px) {

    .contentsMainImage {
        padding: 30px 10px 10px !important;
    }

    .yellowbox {
        border-radius: 5px;
        padding: 10px;
    }

    .yellowudl {
        text-align: center;
    }

    .yellowudl span {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.2em;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffcc1b));
        background: linear-gradient(transparent 60%, #ffcc1b 60%);
        display: inline-block;
    }

    .img_right {
        margin-left: 10px;
    }

    .img_left {
        margin-right: 10px;
    }

    .supervisor {
        font-size: 13px;
        margin-top: 1.0em;
    }

    .memo .inner {
            padding: 10px;
        }

    .memo h2 {
            font-size: 16px;
            padding-bottom: 5px;
        }

    .memo h2 img {
            height: 18px;
            margin-right: 8px;
        }

    .memo p {
            font-size: 18px;
            line-height: 1.7em;
        }

    .rescolumn {
            border-radius: 5px;
            margin-top: 40px;
            padding: 0 15px;
        }

    .rescolumn .notch {
            font-size: 16px;
            padding: 0 30px;
        }

    .rescolumn h2 {
            margin-top: 20px;
        }

    .rescolumn h2 span {
            font-size: 18px;
        }

    .rescolumn p {
            text-align: left;
            margin: 20px 0;
        }

}


/* ***********************************************************
    Contents Style only Vol.1
*********************************************************** */

#resolutionVol1 > div p + p {
    margin-top: 1.0em;
}

#resolutionVol1 .section02 {
    clear: both;
}

#resolutionVol1 .section02 .yellowbox {
    margin: 25px 0;
    padding: 30px 20px;
}

#resolutionVol1 .section02 dt {
    text-align: center;
    float: left;
    clear: both;
    margin-top: 20px;
}

#resolutionVol1 .section02 dt span {
    display: inline-block;
    background-color: #4a2c1e;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.0em;
    width: 150px;
    padding: 7px 0 5px;
    border-radius: 30px;
}

#resolutionVol1 .section02 dd {
    float: left;
    width: 480px;
    margin-left: 20px;
    margin-top: 20px;
}

#resolutionVol1 .section03 {
    margin: 40px 0 0;
}

#resolutionVol1 .section03 .yellowbox {
    margin: 30px 0 0;
    padding: 30px 0;
    text-align: center;
}

#resolutionVol1 .section03 .yellowbox h3 {
    margin-bottom: 20px;
}

#resolutionVol1 .section04 {
    background-image: url('../images/resolution/vol01/sec04-bgimg.png');
    background-position: center top;
    background-repeat: no-repeat;
}

#resolutionVol1 .section04 .sentence01 {
    width: 460px;
    padding-top: 50px;
}

#resolutionVol1 .section04 .sentence01 .spfix + p,
#resolutionVol1 .section04 .sentence02 .spfix + p {
    margin-top: 1.0em;
}

#resolutionVol1 .section04 .sentence02 {
    float: right;
    width: 460px;
    padding-top: 50px;
}

#resolutionVol1 .section04 .sentence03 {
    clear: both;
    padding-top: 50px;
}

#resolutionVol1 .section04 .sentence03 .inner {
    width: 480px;
}

#resolutionVol1 .section05 {
    margin: 50px 0;
}

@media screen and (max-width: 715px) {

    #resolutionVol1 h2 {
        margin-bottom: 20px;
    }

    #resolutionVol1 .section01 img {
        margin: 30px 0 40px;
    }

    #resolutionVol1 .section02 .yellowbox {
        margin: 20px 0;
        padding: 30px 10px;
    }

    #resolutionVol1 .section02 dt {
        float: none;
    }

    #resolutionVol1 .section02 dt span {
        width: 100%;
        padding: 10px 0 8px;
        border-radius: 30px;
    }

    #resolutionVol1 .section02 dd {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    #resolutionVol1 .section03 {
        margin: 40px 0 0;
    }

    #resolutionVol1 .section03 .yellowbox {
        margin: 30px 0 0;
        padding: 30px 15px 15px;
        text-align: center;
    }

    #resolutionVol1 .section03 .yellowbox img.onlySP {
        display: block;
    }

    #resolutionVol1 .section03 .yellowbox img:nth-of-type(2) {
        width: 65%;
        margin: 0 auto 20px;
    }

    #resolutionVol1 .section04 {
        background: none;
    }

    #resolutionVol1 .section04 .sentence01 {
        width: 100%;
    }

    #resolutionVol1 .section04 .spfix h2,
    #resolutionVol1 .section04 .spfix p {
        width: 56%;
    }

    #resolutionVol1 .section04 .spfix {
        margin-bottom: 1.0em;
    }

    #resolutionVol1 .section04 .sentence01 .spfix h2,
    #resolutionVol1 .section04 .sentence01 .spfix p {
        float: left;
    }

    #resolutionVol1 .section04 .sentence02 {
        float: none;
        width: 100%;
        padding-top: 50px;
    }

    #resolutionVol1 .section04 .sentence02 .spfix h2,
    #resolutionVol1 .section04 .sentence02 .spfix p {
        float: right;
    }

    #resolutionVol1 .section04 .sentence03 {
        clear: both;
        padding-top: 30px;
    }

    #resolutionVol1 .section04 .sentence03 .inner {
        width: 100%;
    }

    #resolutionVol1 .section04 .sentence03 h2 {
        width: 68%;
    }

    #resolutionVol1 .section04 .sentence03 .img_right {
        width: 36%;
    }

    #resolutionVol1 .section05 {
        margin: 40px 0;
    }

}

/* ***********************************************************
    Contents Style only Vol.2
*********************************************************** */

#resolutionVol2 > div p + p {
    margin-top: 1.0em;
}

#resolutionVol2 .section01 {
    margin-bottom: 50px;
}

#resolutionVol2 .section02 {
    margin-bottom: 50px;
}

#resolutionVol2 .section02 .yellowbox {
    margin-top: 40px;
    padding: 30px 40px;
}

#resolutionVol2 .section02 dl {
    clear: both;
}

#resolutionVol2 .section02 dl:nth-of-type(2) {
    margin-top: 40px;
}

#resolutionVol2 .section02 dt {
    text-align: left;
    margin-top: 20px;
    width: 100%;
}

#resolutionVol2 .section02 dt span {
    display: inline-block;
    background-color: #4a2c1e;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.0em;
    padding: 10px 0 8px;
    border-radius: 30px;
    width: 200px;
    text-align: center;
}

#resolutionVol2 .section02 dd {
    text-align: center;
    float: left;
}

#resolutionVol2 .section02 dl:nth-of-type(1) dd {
    width: 50%;
    padding-top: 15px;
}

#resolutionVol2 .section02 dl:nth-of-type(2) dd {
    width: 33%;
}

#resolutionVol2 .section02 dl:nth-of-type(2) dd:nth-of-type(1) {
    padding-top: 15px;
}

#resolutionVol2 .section02 dl:nth-of-type(2) dd:nth-of-type(2) {
    padding-top: 5px;
}

#resolutionVol2 .section03 .context img {
    float: right;
    margin-left: 20px;
}

#resolutionVol2 .section03 h2:nth-of-type(2),
#resolutionVol2 .section03 h2:nth-of-type(3) {
    margin-top: 40px;
}

#resolutionVol2 .section04 {
    margin: 60px 0 50px;
}

#resolutionVol2 .section04 .rescolumn ul {
    text-align: left;
    margin: 20px;
}

#resolutionVol2 .section04 .rescolumn ul li {
    list-style-type: disc;
    margin-left: 30px;
    font-weight: bold;
}

#resolutionVol2 .section04 .rescolumn .notes {
    font-size: 1.3rem;
    line-height: 1.5;
}

@media screen and (max-width: 715px) {

    #resolutionVol2 .section01 {
        margin-bottom: 40px;
    }

    #resolutionVol2 .section02 {
        margin-bottom: 50px;
    }

    #resolutionVol2 .section02 .yellowbox {
        margin-top: 20px;
        padding: 20px 15px;
    }

    #resolutionVol2 .section02 dl {
        clear: both;
    }

    #resolutionVol2 .section02 dl:nth-of-type(2) {
        margin-top: 40px;
    }

    #resolutionVol2 .section02 dt {
        width: 100%;
    }

    #resolutionVol2 .section02 dt span {
        width: 100%;
    }

    #resolutionVol2 .section02 dd {
        float: none;
    }

    #resolutionVol2 .section02 dl:nth-of-type(1) dd {
        width: 100%;
        padding-top: 15px;
    }

    #resolutionVol2 .section02 dl:nth-of-type(2) dd {
        width: 100%;
        padding-top: 15px;
    }

    #resolutionVol2 .section02 dl:nth-of-type(2) dd:nth-of-type(1) {
        padding-top: 15px;
    }

    #resolutionVol2 .section02 dl:nth-of-type(2) dd:nth-of-type(2) {
        padding-top: 15px;
    }

    #resolutionVol2 .section03 .context img.onlySP {
        float: none;
        display: block;
        width: 80%;
        margin: 20px auto;
    }

    #resolutionVol2 .section04 {
        margin: 40px 0 30px;
    }

    #resolutionVol2 .section04 .rescolumn .notch {
        margin-bottom: 20px;
    }

    #resolutionVol2 .section04 .rescolumn h2 {
        margin: 0;
        line-height: 1.2;
    }

    #resolutionVol2 .section04 .rescolumn ul {
        text-align: left;
        margin: 20px;
    }

    #resolutionVol2 .section04 .rescolumn ul li {
        list-style-type: disc;
        margin-left: 5px;
        font-weight: bold;
    }

    #resolutionVol2 .section04 .rescolumn .notes {
        font-size: 1.3rem;
        line-height: 1.5;
    }

}

/* ***********************************************************
    Contents Style only Vol.3
*********************************************************** */

#resolutionVol3 > div p + p {
    margin-top: 1.0em;
}

#resolutionVol3 .section01 {
    margin-bottom: 50px;
}

#resolutionVol3 .section02 {
    margin-bottom: 50px;
}

#resolutionVol3 .section02 .twocolumn {
    margin: 1.0em 0;
}

#resolutionVol3 .section02 .twocolumn .left {
    width: 340px;
    float: left;
}

#resolutionVol3 .section02 .twocolumn .right {
    width: 340px;
    float: right;
}

#resolutionVol3 .section02 .twocolumn .right p {
    font-size: 1.1rem;
    line-height: 1.5em;
    width: 290px;
    margin-top: 10px;
    color: #999999;
}

#resolutionVol3 .section03 {
    margin-bottom: 50px;
}

#resolutionVol3 .section03 img.posright {
    float: right;
    margin-left: 2.0em;
}

#resolutionVol3 .section04 {
    margin-bottom: 50px;
}

#resolutionVol3 .section05 {
    margin-bottom: 50px;
}

#resolutionVol3 .section05 .rescolumn .imgpos {
    float: right;
    margin-left: 1.5em;
}

#resolutionVol3 p.note {
    font-size: 1.2rem;
    line-height: 1.5;
}

@media screen and (max-width: 715px) {
    #resolutionVol3 .section01 {
        margin-bottom: 40px;
    }

    #resolutionVol3 .section02 {
        margin-bottom: 40px;
    }

    #resolutionVol3 .section02 .twocolumn {
        margin: 1.0em 0 2.0em;
    }

    #resolutionVol3 .section02 .twocolumn .left {
        width: 100%;
        float: none;
    }

    #resolutionVol3 .section02 .twocolumn .right {
        width: 100%;
        float: none;
        padding: 30px 5% 0;
    }

    #resolutionVol3 .section02 .twocolumn .right p {
        width: 100%;
    }

    #resolutionVol3 .section03 {
        margin-bottom: 40px;
    }

    #resolutionVol3 .section03 img.spcenter {
        display: block;
        margin: 20px auto 30px;
    }

    #resolutionVol3 .section03 img.posright {
        float: right;
        margin-left: 2.0em;
    }

    #resolutionVol3 .section04 {
        margin-bottom: 40px;
    }

    #resolutionVol3 .section05 {
        margin-bottom: 40px;
    }

    #resolutionVol3 .section05 .rescolumn .notch {
        margin-bottom: 20px;
    }

    #resolutionVol3 .section05 .rescolumn h2 {
        margin: 0;
        line-height: 1.2;
    }

    #resolutionVol3 .section05 .rescolumn img.onlySP {
        display: block;
        margin: 30px auto 10px;
    }

    #resolutionVol3 p.note {
        font-size: 1.2rem;
        line-height: 1.8em;
    }
}


/* ***********************************************************
    Contents Style only Vol.4
*********************************************************** */

#resolutionVol4 > div p + p {
    margin-top: 1.0em;
}

#resolutionVol4 .section01 {
    margin-bottom: 50px;
}
	
#resolutionVol4 .section01 .section01_img {
	width: 520px;
	margin: 20px auto 0;
    font-size: 1.3rem;
    line-height: 1.9em;
}
	
#resolutionVol4 .section01 .section01_img p {
	margin-top: 10px;
	color: #999;
}
	

#resolutionVol4 .section02 {
    margin-bottom: 50px;
}

#resolutionVol4 .section02 .section02_img1 {
	width: 640px;
	margin: 20px auto 40px;
	position: relative;
	
}
#resolutionVol4 .section02 .section02_img1 p {
	color: #999;
	font-size: 10px;
}

/* clearfix */  
.cfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;
    }

#resolutionVol4 .twocolumn {
    margin: 1.0em 0;
}

#resolutionVol4 .twocolumn .left .note {
    font-size: 1.3rem;
    line-height: 1.7em;
	color: #999;
	margin-top: 10px;
}

#resolutionVol4 .section03 {
    margin-bottom: 50px;
}

#resolutionVol4 .posleft {
    float: left;
    margin-right: 2.0em;
}

#resolutionVol4 .posright {
    float: right;
    margin-left: 2.0em;
    margin-bottom: 1.0em;
}

#resolutionVol4 .green {
	color: #00a06e;
}

#resolutionVol4 .green a {
	color: #00a06e;
	text-decoration: underline;
}

#resolutionVol4 .memo {
    background-color: #bceaf6;
}

#resolutionVol4 .memo .inner {
    background-color: #f4fdff;
    color: #00799a;
}

#resolutionVol4 .memo h2 {
    border-bottom: 1px solid #9ed5e3;
}

#resolutionVol4 .section04 {
    margin-bottom: 50px;
}

#resolutionVol4 .section05 {
    margin-bottom: 50px;
}

#resolutionVol4 .section05 .note {
    margin-top: 30px;
    line-height: 2em;
}

#resolutionVol4 .section05 .rescolumn .imgpos {
    float: right;
    margin-left: 1.5em;
}

#resolutionVol4 .section05 .rescolumn {
    border: 5px solid #98d0df;
}
#resolutionVol4 .rescolumn .notch {
    background-color: #98d0df;
}

#resolutionVol4 .yellowudl span {
    color: #00799a;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #d7f8ff));
    background: linear-gradient(transparent 60%, #d7f8ff 60%);
}

#resolutionVol4 .section05 .bgblue {
    background: #ddf4f6;
	margin: 20px;
	padding: 20px 30px 25px 35px;
}
#resolutionVol4 p.note {
    font-size: 1.2rem;
    line-height: 1.5;
}
@media screen and (min-width: 716px) {
#resolutionVol4 .section02 .section02_img1 p {
	position: absolute;
	top: 170px;
	left: 205px;
}
#resolutionVol4 .twocolumn .left {
    width: 340px;
    float: left;
}
#resolutionVol4 .twocolumn .right {
    width: 340px;
    float: right;
}
#resolutionVol4 .twocolumn .left.im1 {
    width: 290px;
}
#resolutionVol4 .twocolumn .right {
    width: 305px;
}
}
@media screen and (max-width: 715px) {
	
    #resolutionVol4 .section01 {
        margin-bottom: 40px;
    }
	
	#resolutionVol4 .section01 .section01_img {
		width: 100%;
		margin: 20px auto 0;
		font-size: 1.3rem;
		line-height: 1.9em;
	}

    #resolutionVol4 .section02 {
        margin-bottom: 40px;
    }
	
    #resolutionVol4 .section02 h2 {
		width: 228px;
    }
	
	#resolutionVol4 .section02 .section02_img1 {
        width: 100%;
		margin: 20px auto 20px;
	}
	
	#resolutionVol4 .section02 .section02_img1 p {
		margin-top: 10px;
	}
	
    #resolutionVol4 .section02 .twocolumn {
        margin: 1.0em 0 2.0em;
    }

    #resolutionVol4 .section02 .twocolumn .left {
        width: 100%;
        float: none;
    }

    #resolutionVol4 .section02 .twocolumn .right {
        width: 100%;
        float: none;
        padding: 30px 5% 0;
    }

    #resolutionVol4 .section02 .twocolumn .right p {
        width: 100%;
    }

    #resolutionVol4 .section03 {
        margin-bottom: 40px;
    }
	
    #resolutionVol4 .section03 h2 {
		width: 208px;
    }

	#resolutionVol4 .section03 p .onlyPC {
		display: none;
	}

    #resolutionVol4 .section03 img.spcenter {
        display: block;
        margin: 20px auto 30px;
    }

    #resolutionVol4 .section03 img.posright {
        float: right;
        margin-left: 2.0em;
    }

    #resolutionVol4 .section04 {
        margin-bottom: 40px;
    }
	
    #resolutionVol4 .section04 h2 {
		width: 205px;
    }
	
	#resolutionVol4 .posleft {
		width: 25%;
		float: none;
		margin: 10px auto ;
		display: block;
	}

	#resolutionVol4 .twocolumn .right {
		width: 60%;
		float: none;
		margin: 10px auto ;
		display: block;
	}
	
	#resolutionVol4 .section05 .note {
		margin-top: 10px;
		line-height: 2em;
	}

	#resolutionVol4 .section05 {
        margin-bottom: 40px;
    }
	
	#resolutionVol4 .section05 .bgblue {
		margin: 0;
		padding: 15px;
	}
	
	#resolutionVol4 .section05 .bgblue .twocolumn .right {
		width: 100%;
		margin-top: 20px;
	}
	
    #resolutionVol4 .section05 .rescolumn .notch {
        margin-bottom: 20px;
    }

    #resolutionVol4 .section05 .rescolumn h2 {
        margin: 0;
        line-height: 1.2;
    }

    #resolutionVol4 .section05 .rescolumn img.onlySP {
        display: block;
        margin: 30px auto 10px;
    }

    #resolutionVol4 p.note {
        font-size: 1.2rem;
        line-height: 1.8em;
    }
}





/* ***********************************************************
    Contents Style only Vol.5
*********************************************************** */

#resolutionVol5 > div p + p {
    margin-top: 1.0em;
}

#resolutionVol5 .section01 {
    margin-bottom: 50px;
}
	
#resolutionVol5 .section01 .section01_img {
	width: 520px;
	margin: 20px auto 0;
    font-size: 1.3rem;
    line-height: 1.9em;
}
	
#resolutionVol5 .section01 .section01_img p {
	margin-top: 10px;
	color: #999;
}
	

#resolutionVol5 .section02 {
    margin-bottom: 50px;
}

#resolutionVol5 .section02 .sc02_img1 {
	width: 620px;
	margin: 30px auto 40px;
}
#resolutionVol5 .section02 .sc02_img1 img {
	display: block;
	padding: 0 0 15px 5px;
}
#resolutionVol5 .section02 .sc02_img1 p {
	color: #999;
	font-size: 14px;
	text-indent: -3em;
	margin-left: 3em;
	line-height: 1.6;
}

/* clearfix */  
.cfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;
    }

#resolutionVol5 .twocolumn {
    margin: 1.0em 0;
}

#resolutionVol5 .twocolumn .left .note {
    font-size: 1.3rem;
    line-height: 1.7em;
	color: #999;
	margin-top: 10px;
}

#resolutionVol5 .section03 {
    margin-bottom: 50px;
}

#resolutionVol5 .posleft {
    float: left;
    margin-right: 2.0em;
}

#resolutionVol5 .posright {
    float: right;
    margin-left: 2.0em;
    margin-bottom: 1.0em;
}

#resolutionVol5 .green {
	color: #00a06e;
}

#resolutionVol5 .green a {
	color: #00a06e;
	text-decoration: underline;
}

#resolutionVol5 .memo {
    background-color: #baebc5;
}

#resolutionVol5 .memo .inner {
    background-color: #f3fff6;
    color: #11852b;
}

#resolutionVol5 .memo h2 {
    border-bottom: 2px solid #baebc5;
}

#resolutionVol5 .section04 {
    margin-bottom: 50px;
}

#resolutionVol5 .section05 {
    margin-bottom: 50px;
}

#resolutionVol5 .section05 .note {
    margin-top: 30px;
    line-height: 2em;
}

#resolutionVol5  .rescolumn .imgpos {
    float: right;
    margin-left: 1.5em;
}

#resolutionVol5  .rescolumn {
    border: 5px solid #baebc5;
}
#resolutionVol5 .rescolumn .notch {
    background-color: #baebc5;
}
#resolutionVol5  .rescolumn .imgcenter {
	width: 600px;
	margin: 0 auto;
	color: #999;
	line-height: 1.6;
}

#resolutionVol5 .yellowudl span {
    color: #11852b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #d7f8ff));
    background: linear-gradient(transparent 60%, #dcf4e2 60%);
	font-size: 24px;
}
#resolutionVol5 .section05 .bgblue {
    background: #ddf4f6;
	margin: 20px;
	padding: 20px 30px 25px 35px;
}
#resolutionVol5 p.note {
    font-size: 1.2rem;
    line-height: 1.5;
}
#resolutionVol5 .supervisor {
    margin-top: 5px;
}
@media screen and (min-width: 716px) {
	#resolutionVol5 .textsp {
		display: none;
    }
#resolutionVol5 .section02 .section02_img1 p {
	position: absolute;
	top: 170px;
	left: 205px;
}
#resolutionVol5 .twocolumn .left {
    width: 380px;
    float: left;
}
#resolutionVol5 .twocolumn .right {
    width: 340px;
    float: right;
}
#resolutionVol5 .twocolumn .left2 {
    float: left;
}
#resolutionVol5 .twocolumn .left2 p {
	color: #999;
	font-size: 14px;
	line-height: 1.6;
	margin-top: 15px;
}
#resolutionVol5 .twocolumn .right2 {
    width: 340px;
    float: right;
}
#resolutionVol5 .twocolumn .left.im1 {
    width: 290px;
}
#resolutionVol5 .twocolumn .right {
    width: 305px;
}
}
@media screen and (max-width: 715px) {
	#resolutionVol5 .textpc {
		display: none;
    }
	
    #resolutionVol5 .section01 {
        margin-bottom: 40px;
    }
	
	#resolutionVol5 .section01 .section01_img {
		width: 100%;
		margin: 20px auto 0;
		font-size: 1.3rem;
		line-height: 1.9em;
	}

    #resolutionVol5 .section02 {
        margin-bottom: 40px;
    }
	
    #resolutionVol5 .section02 h2 {
		width: 276px;
    }
	
	#resolutionVol5 .section02 .sc02_img1 {
        width: 100%;
		margin: 20px auto 20px;
	}
	
	#resolutionVol5 .section02 .sc02_img1 p {
		margin-top: 10px;
	}
	
    #resolutionVol5 .twocolumn {
        margin: 1.0em 0 2.0em;
    }

    #resolutionVol5 .twocolumn .left {
        width: 100%;
        float: none;
    }

    #resolutionVol5 .twocolumn .right {
        width: 100%;
        float: none;
        padding: 30px 5% 0;
    }
	
	#resolutionVol5 .twocolumn .left2 {
		float: none;
	}
	#resolutionVol5 .twocolumn .left2 p {
		color: #999;
		font-size: 12px;
		line-height: 1.6;
		margin: 15px 0 20px;
	}

    #resolutionVol5 .twocolumn .right p {
        width: 100%;
    }

    #resolutionVol5 .section03 {
        margin-bottom: 40px;
    }
	
    #resolutionVol5 .section03 h2 {
		width: 276px;
    }

	#resolutionVol5 .section03 p .onlyPC {
		display: none;
	}

    #resolutionVol5 .section03 img.spcenter {
        display: block;
        margin: 20px auto 30px;
    }

    #resolutionVol5 .section03 img.posright {
        float: right;
        margin-left: 2.0em;
    }

    #resolutionVol5 .section04 {
        margin-bottom: 40px;
    }
	
    #resolutionVol5 .section04 h2.title {
		width: 236px;
    }
	
	
	#resolutionVol5 .posleft {
		width: 25%;
		float: none;
		margin: 10px auto ;
		display: block;
	}

	#resolutionVol5 .twocolumn .right {
		width: 100%;
		float: none;
		margin: 10px auto ;
		display: block;
	}
	
	#resolutionVol5 .section05 .note {
		margin-top: 10px;
		line-height: 2em;
	}

	#resolutionVol5 {
        margin-bottom: 40px;
    }
	
	#resolutionVol5 .bgblue {
		margin: 0;
		padding: 15px;
	}
	
	#resolutionVol5 .bgblue .twocolumn .right {
		width: 100%;
		margin-top: 20px;
	}
	
    #resolutionVol5 .rescolumn {
		width: 100%;
    }

    #resolutionVol5 .rescolumn .notch {
        margin-bottom: 20px;
    }

    #resolutionVol5 .rescolumn h2 {
        margin: 0;
        line-height: 1.8;
		font-size: 18px;
    }
	
    #resolutionVol5 .rescolumn h2 span {
		font-size: 18px;
    }

    #resolutionVol5 .rescolumn img.onlySP {
        display: block;
        margin: 30px auto 10px;
    }
	#resolutionVol5 .rescolumn .imgcenter {
		width: 100%;
	}
    #resolutionVol5 p.note {
        font-size: 1.2rem;
        line-height: 1.8em;
    }
	.rescolumn .imgcenter p {
		text-indent: -3em;
		margin-left: 3em;
	}
}


/* ***********************************************************
    Contents Style only Vol.6
*********************************************************** */

#resolutionVol6 > div p + p {
    margin-top: 1.0em;
}

#resolutionVol6 .section01 {
    margin-bottom: 50px;
}
#resolutionVol6 .indentlist_box{
	border: 5px solid #ffc6a6;
	border-radius: 10px;
	padding: 20px 0 20px 100px;
	box-sizing: border-box;
    margin-bottom: 15px;
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
}

#resolutionVol6 .section02 {
    margin-bottom: 50px;
}

/* clearfix */  
.cfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;
    }

#resolutionVol6 .twocolumn {
    margin: 1.0em 0;
}

#resolutionVol6 .twocolumn .left .note {
    font-size: 1.3rem;
    line-height: 1.7em;
	color: #999;
	margin-top: 10px;
}

#resolutionVol6 .section03 {
    margin-bottom: 50px;
}

#resolutionVol6 .posleft {
    float: left;
    margin-right: 2.0em;
}

#resolutionVol6 .posright {
    float: right;
    margin-left: 2.0em;
    margin-bottom: 1.0em;
}

#resolutionVol6 .green {
	color: #00a06e;
}

#resolutionVol6 .green a {
	color: #00a06e;
	text-decoration: underline;
}

#resolutionVol6 .memo {
    background-color: #ffc6a6;
    margin-bottom: 40px;
}

#resolutionVol6 .memo .inner {
    background-color: #fffaeb;
    color: #df631e;
}

#resolutionVol6 .memo h2 {
    border-bottom: 2px solid #ffc6a6;
}

#resolutionVol6 .section04 {
    margin-bottom: 50px;
}

#resolutionVol6 .section04 .imgCenter {
	text-align: center;
    margin-top: 20px;
}

#resolutionVol6 .section05 {
    margin-bottom: 50px;
}

#resolutionVol6 .section05 .note {
    margin-top: 30px;
    line-height: 2em;
}

#resolutionVol6 .section06 {
    margin-bottom: 50px;
}

#resolutionVol6 .section07 {
    margin-bottom: 50px;
}

#resolutionVol6 .section07 .note {
    line-height: 2em;
}

#resolutionVol6  .rescolumn .imgpos {
    float: right;
    margin-left: 1.5em;
}

#resolutionVol6  .rescolumn {
    border: 5px solid #ffc6a6;
}
#resolutionVol6 .rescolumn .notch {
    background-color: #ffc6a6;
}

#resolutionVol6 .yellowudl span {
    color: #df631e;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #feecd3));
    background: linear-gradient(transparent 60%, #feecd3 60%);
	font-size: 24px;
}
#resolutionVol6 .section05 .bgblue {
    background: #ddf4f6;
	margin: 20px;
	padding: 20px 30px 25px 35px;
}
#resolutionVol6 p.note {
    font-size: 1.2rem;
    line-height: 1.5;
	margin-bottom: 0;
	margin-top: 0;
}
#resolutionVol6 .supervisor {
    margin-top: 5px;
}
@media screen and (min-width: 716px) {
#resolutionVol6 .textsp {
	display: none;
   }
#resolutionVol6 .section02 .section02_img1 p {
	position: absolute;
	top: 170px;
	left: 205px;
}
#resolutionVol6 .twocolumn .left {
    width: 340px;
    float: left;
}
#resolutionVol6 .twocolumn .right {
    width: 347px;
    float: right;
}
	
#resolutionVol6 .twocolumn .left2 {
    float: left;
    width: 360px;
}
#resolutionVol6 .twocolumn .left2 p.mt0 {
	margin: 0 20px 20px;
}
#resolutionVol6 .twocolumn .right2 {
    width: 261px;
	margin-right: 56px;
    float: right;
}
}
@media screen and (max-width: 715px) {
	#resolutionVol6 .textpc {
		display: none;
    }
	
    #resolutionVol6 .section01 {
        margin-bottom: 40px;
    }
	
	#resolutionVol6 .section01 .section01_img {
		width: 100%;
		margin: 20px auto 0;
		font-size: 1.3rem;
		line-height: 1.9em;
	}

    #resolutionVol6 .section02 {
        margin-bottom: 40px;
    }
	
    #resolutionVol6 .section02 h2 {
		width: 180px;
    }
	#resolutionVol6 .indentlist_box {
		border: 3px solid #ffc6a6;
		border-radius: 5px;
		padding: 15px;
		margin-bottom: 15px;
		font-size: 16px;
		line-height: 30px;
	}
	#resolutionVol6 .indentlist_box li{
		text-indent: -1em;
		margin-left: 1em;
	}
	
    #resolutionVol6 .twocolumn {
        margin: 0 0 2.0em;
    }

    #resolutionVol6 .twocolumn .left {
        width: 100%;
        float: none;
    }

    #resolutionVol6 .twocolumn .right {
        width: 100%;
        float: none;
        padding: 10px 0 0;
    }
	
	#resolutionVol6 .twocolumn .left2 {
		float: none;
	}

    #resolutionVol6 .twocolumn .right2 {
        width: 80%;
        float: none;
		margin: 0 auto;
    }


    #resolutionVol6 .section03 {
        margin-bottom: 40px;
    }
	
    #resolutionVol6 .section03 h2 {
		width: 248px;
    }

    #resolutionVol6 .section04 {
        margin-bottom: 40px;
    }
	
    #resolutionVol6 .section04 h2 {
		width: 266px;
    }
	
    #resolutionVol6 .section04 .imgCenter {
		width: 80%;
		margin: 20px auto 0;
    }
	
    #resolutionVol6 .section05 h2 {
		width: 230px;
    }
	
    #resolutionVol6 .section06 h2 {
		width: 251px;
    }
	
    #resolutionVol6 .section07 h2 {
		width: 288px;
    }
    #resolutionVol6 .section07 .memo h2,
    #resolutionVol6 .section07 .rescolumn h2 {
		width: 100%;
    }
	
	.note_gray {
		color: #999;
		font-size: 12px;
		line-height: 1.6;
	}
	
	#resolutionVol6 .posleft {
		width: 25%;
		float: none;
		margin: 10px auto ;
		display: block;
	}
	

	#resolutionVol6 .twocolumn .right {
		width: 100%;
		float: none;
		margin: 10px auto ;
		display: block;
	}
	
	#resolutionVol6 .section05 .note {
		margin-top: 10px;
		line-height: 2em;
	}

	#resolutionVol6 {
        margin-bottom: 40px;
    }
	
	#resolutionVol6 .bgblue {
		margin: 0;
		padding: 15px;
	}
	
	#resolutionVol6 .bgblue .twocolumn .right {
		width: 100%;
		margin-top: 20px;
	}
	
    #resolutionVol6 .rescolumn {
		width: 100%;
    }

    #resolutionVol6 .rescolumn .notch {
        margin-bottom: 20px;
    }

    #resolutionVol6 .rescolumn h2 {
        margin: 0;
        line-height: 1.8;
		font-size: 18px;
    }
	
    #resolutionVol6 .rescolumn h2 span {
		font-size: 18px;
    }

    #resolutionVol6 .rescolumn img.onlySP {
        display: block;
        margin: 30px auto 10px;
    }
	#resolutionVol6 .rescolumn .imgcenter {
		width: 100%;
	}
    #resolutionVol6 p.note {
        font-size: 1.2rem;
        line-height: 1.8em;
		text-indent: -1em;
		margin-left: 1em;
    }
	.rescolumn .imgcenter p {
		text-indent: -3em;
		margin-left: 3em;
	}
	#resolutionVol6 .memo {
	    margin-bottom: 10px;
		margin-top: 30px;
	}
	
	
}