@charset "UTF-8";
/* CSS Document */


body {
 margin: 0;
 background-color: rgb(249 190 0 / 100%);
}

.pc { display: block !important; }
.sp { display: none !important; }
 
@media screen and (max-width: 768px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

a,a:hover{
 text-decoration: none;
}

a:hover {
 opacity: 0.5;
}

.red_line {
 height: 32px;
 width: 100%;
 margin: 0 auto;
 background-color: rgb(215 20 24 / 100%);
}

.main_visual_bg {
 height: 742px;
 width: 100%;
 margin: 0 auto;
 text-align: center;
 background-color: rgb(242 236 227 / 100%);
}

.main_visual {
 max-width: 1120px;
 margin: 0 auto;
 text-align: center;
}

.main_visual img {
 width: 1120px;
} 
.mv_head {
 width: 1120px;
 margin: 0 auto;
 position: relative;
}

.mv_flex {
 margin: 0 auto;
 width: 730px;	
 display:flex;
 justify-content:space-between;
 align-items:center;
 background-color: rgb(65 65 65 / 0%);
 position: absolute;
 top: 68px;
 left: 63px;
}

.mv_left img{
 width: 343px;	
}

.mv_right img {
 width: 297px;
 padding-left: 30px;
}

.mv_right {
 position: relative;
}

.mv_right::before{
 content:"";
 width: 3px;
 height: 32px;
 border-radius: 1.5px;
 background: #c2c1c1;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 10;
}

.blue_line {
 width: 100%;
 height: 178px;
 margin: 0 auto;
 background-color: rgb(25 45 121 / 100%);
 display:flex;
 align-items:center;
}

.blue_line_flex {
 margin: 0 auto;
 width: 800px;	
 display:flex;
 justify-content:space-between;
 align-items:center;
 background-color: rgb(65 65 65 / 0%);
}

.flex_left {
 display: flex;
 align-items: center;
 justify-content: center;	
}

.flex_right {
 display: flex;
 align-items: center;
 justify-content: center;	
}

.blue_line_flex .flex_left img{
 width: 434px;
}

.blue_line_flex .flex_right img{
 width: 310px;
}

.yellow_line {
 width: 100%;
 height: 100%;
 margin: 0 auto;
 background-color: rgb(249 190 0 / 100%);
}

.yellow_line_flex {
 margin: 0 auto;
 width: 95%;	
 display:flex;
 justify-content:center;
 flex-direction: column;
 align-items:center;
 background-color: rgb(65 65 65 / 0%);
}

.flex_content {
 display:flex;
 justify-content:center;
 align-items:center;
}

.flex_content:nth-child(1){
 padding-top: 0px;
}
.flex_content:nth-child(2){
 padding-top: 0px;
}
.flex_content:nth-child(3){
 padding-top: 0px;
}
.flex_content:nth-child(4){
 padding-top: 30px;
}

.flex_content:nth-child(1) img{
 width: 800px;
}
.flex_content:nth-child(2) img{
 width: 800px;
}
.flex_content:nth-child(3) img{
 width: 920px;
}
.flex_content:nth-child(4) img{
 width: 640px;
}

.yellow_line_flex2 {
 margin: 0 auto;
 width: 530px;	
 display:flex;
 justify-content:space-between;
 align-items:center;
 background-color: rgb(65 65 65 / 0%);
 padding-bottom: 150px;
}
.flex_content2_left img{
 width: 256px;	
}
.flex_content2_right{
font-family: "Noto Sans Myanmar";
font-weight: bold;
font-size: 12px;
letter-spacing: 0.2em;
color: #fff;
}
.flex_content2_right a,a:hover{
 color: #fff;
 text-decoration: none;
}


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

.red_line {
 height: 22px;
}
	
.main_visual_bg {
 width: 100%;
 height: 100%;
 margin: 0 auto;
 text-align: center;
}

.main_visual {
 max-width: 100%;
 margin: 0 auto;
 padding-top:20px;
 display:flex;
 align-items:center;
 justify-content: center;
 padding-bottom:30px;
}

.main_visual img {
 width: 90%;
} 
 
.blue_line {
 height: auto;
 display:flex;
 align-items:center;
 justify-content: center;	
}
.blue_line_flex {
 display: none !important;
}
.blue_line img{
 width: 90%;
 padding-top:40px;
 padding-bottom:40px;
}
.yellow_line_flex {
}

.flex_content:nth-child(1){
 margin-top: 25px;
}
.flex_content:nth-child(2){
 margin-top: 80px;
}
.flex_content:nth-child(3){
 margin-top: 30px;
}
.flex_content:nth-child(4){
 margin-top: 10px;
 display:flex;
 align-items:center;
 justify-content: center;
 text-align: center;
}

.flex_content:nth-child(1) img{
 width: 90%;
}
.flex_content:nth-child(2) img{
 width: 70%;
}
.flex_content:nth-child(3) img{
 width: 98%;
}
.flex_content:nth-child(4) img{
 width: 90%;
}

	
.yellow_line_flex2 {
 margin: 0 auto;
 width: 90%;	
 display:flex;
 justify-content:center;
 flex-direction: column;
 align-items:center;
 padding-bottom: 50px;
}
.flex_content2_left {
 display:flex;
 align-items:center;
 justify-content: center;	
}
.flex_content2_left img{
 width: 50%;	
}
.flex_content2_right{
 margin-top:15px;	
 font-size: 8px;
}


}