@charset "UTF-8";
#lop_mein_title_box{background:url("/transfer/images/main_bg_transfer.jpg")no-repeat center left;background-size:cover;}
#main .text_box .top_text_box{font-size:1.6em;line-height:2;letter-spacing:0.04em;}
#main .text_box .top_text_box .message{font-size: 1.4em; font-weight: 700;}
#main .text_box .top_text_box .top_text{display:block;max-width: 630px; margin: 0 auto; text-align: left;}
#main .text_box .top_text_box .top_text .right { text-align: right; display: block;}
#main .text_box .top_text_box .top_text .center { text-align: center; display: block;}
#main .flex{ display: flex; gap: 20px; margin-top: 100px;}
#main .flex div{ width: 50%; height: auto; border-radius: 10px; overflow: hidden;}
#main .flex div img{ width: 100%; height: auto; vertical-align: bottom;}

#main .photo_box{margin-top: 20px; background: #ccc; padding: 20px; border-radius: 20px; box-sizing: border-box; }
#main .photo_box ul{ display: flex; gap: 20px; flex-wrap: wrap;}
#main .photo_box ul li { width: calc((100% - 40px) / 3);}
#main .photo_box ul li a { display: block; border-radius: 10px; overflow: hidden;}
#main .photo_box ul li a img { width: 100%; height: auto;}

#main .junbi{ font-size: 24px; font-weight: 700; color: #000; background: #ccc; padding: 30px; border-radius: 10px; box-sizing: border-box; margin: 20px auto 0;}

@media screen and (max-width: 767px) {
	#main .text_box .top_text_box{font-size:1.5em;line-height:1.6;text-align:left;}
	#main .text_box .top_text_box .message{text-align:center; display: block;}
	#main .text_box .top_text_box .top_text:last-child{margin-top:20px;}
	#main .flex{ flex-wrap: wrap; gap: 10px; margin-top: 50px;}
	#main .flex div{ width: 100%;}
    #main .photo_box { margin-top: 10px; padding: 10px;}
    #main .photo_box ul { gap: 10px;}
	#main .photo_box li { width: calc((100% - 10px) / 2);}
}