@charset "utf-8";

/*----------------------------------------------------
　SP common レスポンシブ設定767以下
----------------------------------------------------*/
@media screen and (max-width: 767px) {
	
/*----------------------------------------------------
ページリンク
----------------------------------------------------*/

.page_link li {
    width: 100%;
}
	
/*----------------------------------------------------
見出し
----------------------------------------------------*/
/*----------------------------------------------------
　MV
----------------------------------------------------*/
#main_copy {
    top: 14%;
    left: 23%;
}
/*----------------------------------------------------
　contents00
----------------------------------------------------*/
#contents00{
}
	
	
/*----------------------------------------------------
　contents01
----------------------------------------------------*/
#contents01{
}
#contents01 .collum_3 {
        display: flex;
    }
#contents01 #step {
    background-image: none;
    width: 100%;
    padding-left: 30%;
    background-image: url(../img/01_line.png);
    background-repeat: repeat-y;
    background-position: left 9% center;
}
#contents01 .step_area {
    text-align: center;
	order: 1;
    width: 100%;
}
#contents01 .step_area div {
    background-size: contain;
    width: 100%;
        padding-top: 1em;
        padding-bottom: 1em;
}
#contents01 .step_title {
    text-align: center;
    width: 20%;
}
#contents01 .img_area {
    width: 100%;
	order: 3;
}
#contents01 .txt_area {
    width: 100%;
	order: 2;
    text-align: center;
        align-items: center !important;
        margin-top: -6em;
}
.step_last {
    background-image: none;
}
#contents01 #step div:nth-child(even) .txt_area {
    align-items: center;
    text-align: center;
}
	
#contents01 .check_contents {
    padding-left: 2em;
    padding-right: 2em;
}
#contents01 .txt_area .title {
    border-radius: 5em;
    padding: 0.2em 1em;
    font-size: 140%;
    margin-bottom: 0.2em;
}
#contents01 .txt_area .copy {
    font-size: 120%;
}

#contents01 .txt_area p{
    text-align: left;
}
#contents01 .ill {
    width: 50%;
}
/*----------------------------------------------------
　contents02
----------------------------------------------------*/
#contents02{
}
	
#contents02 .merit .collum_2 .txt_area {
    width: 100%;
}
#contents02 .merit .collum_2 .img_area {
    width: 100%;
}
#contents02 .merit .collum_2 {
    margin-bottom: 2em;
}
#contents02 .merit .collum_2 .txt_area .copy {
        font-size: 190%;
        width: 10em;
	margin-bottom: 0.5em;
	}
	
.merit .collum_2>div {
    width: 100%;
    z-index: 2;
}
	
	
.merit .collum_2{
    display: flex;
    margin-bottom: 2em;
}
.merit .collum_2 .txt_area .title span {
    font-size: 180%;
}
	
.merit .img_area{
	order: 2
}
.merit .txt_area{
	order: 1
}
.merit .collum_2 .txt_area .txt {
	margin-bottom: 0;
}
.merit .collum_2 .txt_area .copy {
    font-size: 190%;
        width: 9em;
}
.merit .collum_2 .txt_area .title {
        margin-right: 0.5em;
        width: 4em;
        height: 4em;
        margin-top: 0.2em;
}
.merit .collum_2 .txt_area .title div:nth-child(2) {
    margin-bottom: 0.2em;
}
/*----------------------------------------------------
　contents03
----------------------------------------------------*/
#contents03{
}
#contents03 .collum_3 .txt_area {
    width: 100%;
    margin-bottom: 4em;
}
#contents03 .collum_3 .txt_area p {
    min-height: auto;
    margin-bottom: 1em;;
}
#contents03 .collum_3.margin_bot_4em {
    background-image:none;
    margin-top: 0;
}
#contents03 .page_link_btn {
    padding-left: 3em;
    padding-right: 3em;
    margin-bottom: 0;
}
/*----------------------------------------------------
　contents04
----------------------------------------------------*/	
#contents04{
}
#contents04 .copy {
    line-height: 1.4em;
    text-align: center;
}
	#contents04 .collum_3 {
		display: flex;
}
	#contents04 .box {
    width: 46%;
        margin-left: 2%;
        margin-right: 2%;
		margin-bottom: 1.5em;
}
	#contents04 .title_area {
    width: 100%;
		text-align: center;
}
	#contents04 .box .text_area {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
	.risk dl {
    width: 100%;
}
	.risk dt {
    padding-left: 0.5em;
    padding-right: 0.5em;
}
	#contents04 .ill01 {
        right: 2em;
        width: 5em;
        top: 6em;
}
	#contents04 .ill02 {
    top: 19em;
    left: auto;
        right: 2em;
        width: 5em;
}
	#contents04 .ill03 {
    top: 34em;
    left: auto;
        right: 2em;
        width: 5em;
}
	#contents04 .ill04 {
    top:50em;
    left: auto;
        right: 2em;
        width: 5em;
}.risk {
    margin-bottom: 2em;
}
/*----------------------------------------------------
　contents05
----------------------------------------------------*/		
	#contents05 .inspe_merit {
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
}
	
#contents05 .ill {
	display: none;
}
/*----------------------------------------------------
　まとめ
----------------------------------------------------*/
#matome{
	background-image: url(../img/matome_back_sp.png);
background-color:rgba(144,185,213,0.8);
background-blend-mode:lighten;
	background-repeat: no-repeat;
	background-size: cover;
}
	
	
}