@charset "utf-8";



.style_01{

	width: 40%; margin-top: 20px;

}

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

	.style_01{

        width: 100%;

		margin: 20px 0 0 0;

	}

}

.style_02{

	position: relative;

    width: 1200px;

    height: 760px;

    margin-top: 20px;

}

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

	.style_02{

		position: relative;

		width: 100%;

		height: auto;

		margin-top: 20px;

	}

}

.style_03{

	width: 450px;

}

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

	.style_03{

		width: 90%;

    }

}

.style_04{

	width: 450px; margin-left: 50px;

}

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

	.style_04{

		width: 90%; margin-top: 10px; margin-left: 0;

	}

}

.style_05{

	width: 20%;

}

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

	.style_05{

		width: 50%; float: left;

	}

}





.fukidashi_01 {

    position: relative;

    width: 350px;

    margin-top: -700px;

    padding: 12px 16px;

    border-bottom: 2px solid #333333;

    text-align: left;

}

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

    .fukidashi_01 {

        position: relative;

        width: 90%;

        margin: 2vh auto 0 auto;

        padding: 12px 16px;

        border-bottom: 2px solid #333333;

        text-align: left;

    }

}

.fukidashi_01::before {

    content: "";

    position: absolute;

    right: -24px;

    bottom: -13px;

    width: 30px;

    height: 2px;

    transform: rotate(50deg);

    box-sizing: border-box;

    background-color: #333333;

}

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

    .fukidashi_01::before {

        display: none;

    }

}

.fukidashi_01::after {

    content: "";

    position: absolute;

    bottom: -5px;

    left: -8px;

    width: 8px;

    height: 8px;

    box-sizing: border-box;

    border: 1px solid #ffffff; /* 背景色と同じ色を指定 */

    border-radius: 50%;

    background-color: #333333;

}

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

    .fukidashi_01::after {

        content: "";

        position: absolute;

        left: -9px;

        bottom: -5px;

        width: 8px;

        height: 8px;

        box-sizing: border-box;

        border: 1px solid #ffffff;

        border-radius: 50%;

        background-color: #333333;

    }

}

.fukidashi_02 {

    position: relative;

    width: 350px;

    margin-top: 40px;

    margin-left: 850px;

    padding: 12px 16px;

    border-bottom: 2px solid #333333;

    text-align: left;

}

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

    .fukidashi_02 {

        position: relative;

        width: 90%;

        margin: 2vh auto 0 auto;

        padding: 12px 16px;

        border-bottom: 2px solid #333333;

        text-align: left;

    }

}

.fukidashi_02::before {

    content: "";

    position: absolute;

    right: 345px;

    bottom: 7px;

    width: 30px;

    height: 2px;

    transform: rotate(40deg);

    box-sizing: border-box;

    background-color: #333333;

}

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

    .fukidashi_02::before {

        display: none;

    }

}

.fukidashi_02::after {

    content: "";

    position: absolute;

    right: -8px;

    bottom: -5px;

    width: 8px;

    height: 8px;

    box-sizing: border-box;

    border: 1px solid #ffffff; /* 背景色と同じ色を指定 */

    border-radius: 50%;

    background-color: #333333;

}

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

    .fukidashi_02::after {

        content: "";

        position: absolute;

        left: -8px;

        bottom: -5px;

        width: 8px;

        height: 8px;

        box-sizing: border-box;

        border: 1px solid #ffffff;

        border-radius: 50%;

        background-color: #333333;

    }

}

.fukidashi_03 {

    position: relative;

    width: 350px;

    margin-top: 0;

    padding: 12px 16px;

    border-bottom: 2px solid #333333;

    text-align: left;

}

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

    .fukidashi_03 {

        position: relative;

        width: 90%;

        margin: 2vh auto 0 auto;

        padding: 12px 16px;

        border-bottom: 2px solid #333333;

        text-align: left;

    }

}

.fukidashi_03::before {

    content: "";

    position: absolute;

    right: -26px;

    bottom: 7px;

    width: 30px;

    height: 2px;

    transform: rotate(140deg);

    box-sizing: border-box;

    background-color: #333333;

}

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

    .fukidashi_03::before {

        display: none;

    }

}

.fukidashi_03::after {

    content: "";

    position: absolute;

    left: -8px;

    bottom: -5px;

    width: 8px;

    height: 8px;

    box-sizing: border-box;

    border: 1px solid #ffffff; /* 背景色と同じ色を指定 */

    border-radius: 50%;

    background-color: #333333;

}

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

    .fukidashi_03::after {

        content: "";

        position: absolute;

        left: -8px;

        bottom: -5px;

        width: 8px;

        height: 8px;

        box-sizing: border-box;

        border: 1px solid #ffffff; /* 背景色と同じ色を指定 */

        border-radius: 50%;

        background-color: #333333;

    }

}