@charset "UTF-8";

.contents1{ background: #EFEEE8; padding-top: 37px; padding-bottom: 50px;}

.guidance_title{ font-size: 28px; letter-spacing: 0.1em; color: #65317C; margin-bottom: 10px; text-align: left;}
.guidance_title .icon,
.contents_title .icon{ padding: 0 8px 0 0;}
.guidance_title .icon img,
.contents_title .icon img{ width: 30px; height: 30px; vertical-align: middle;}
.contents_wrapper{ width: 990px; margin: 0 auto;}

.info1{ background: #65317C url("../guidance/images/img1.jpg") no-repeat 0 0; width: 990px; height: 260px; margin-bottom: 40px; position: relative;}
.info2{ background: #65317C url("../guidance/images/img2.jpg") no-repeat 0 0; width: 990px; height: 260px; margin-bottom: 40px; position: relative;}
.info3{ background: #65317C url("../guidance/images/img3.jpg") no-repeat 0 0; width: 990px; height: 260px; position: relative;}

.info_title{ font-size: 50px; letter-spacing: 0.3em; color: #CEBF2A; text-align: left; position: absolute; top: 35px; left: 45px;}
.info_title_en{ font-size: 26px; letter-spacing: 0.1em; color: #FFF; text-align: left; position: absolute; top: 100px; left: 45px;}
.info_text{ font-size: 16px; letter-spacing: 0.1em; color: #FFF; text-align: left; position: absolute; top: 150px; left: 45px;}

.contents2{ background: #F0ECF3 url("../images/contents_bg.jpg") repeat 0 0; padding-top: 40px; padding-bottom: 70px;}

.contents_area{ width: 990px; margin: 0 auto; counter-reset: number;}
.contents_item{display: block; width: 495px; margin-bottom: 55px;}
.contents_title{ font-size: 26px; letter-spacing: 0.1em; color: #65317C; text-align: center; font-weight: bold;}
.contents_item:nth-of-type(odd){float: left;}
.contents_item:nth-of-type(even){ float: right;}
.wrapper{ width: 990px; margin: 0 auto;}


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

.bg img{ max-width: 100%;}
.contents1{ background: #EFEEE8; padding-top: 37px; padding-bottom: 50px; width: 90%;}

.guidance_title{ font-size: 28px; letter-spacing: 0.1em; color: #65317C; margin-bottom: 10px; text-align: left;}
.guidance_title .icon,
.contents_title .icon{ padding: 0 8px 0 0;}
.guidance_title .icon img,
.contents_title .icon img{ width: 30px; height: 30px; vertical-align: middle;}
.contents_wrapper{ width: 88%; margin: 0 auto;}


.contents1 .pc{ display:none; visibility:hidden;}
.contents1 .sp{ display:block; visibility:visible}
.info1_sp{ width: 100%; padding-bottom: 20px;}
.info2_sp{ width: 100%; padding-bottom: 20px;}
.info3_sp{ width: 100%;}


.contents2{ background: #F0ECF3 url("../images/contents_bg.jpg") repeat 0 0; padding-top: 40px; padding-bottom: 70px; width: 90%;}

.contents_area{ width: 100%; margin: 0 auto; counter-reset: number;}
.contents_item{display: block; width: 50%; margin-bottom: 55px;}
.contents_title{ font-size: 26px; letter-spacing: 0.1em; color: #65317C; text-align: center; font-weight: bold;}
.contents_item:nth-of-type(odd){float: left;}
.contents_item:nth-of-type(even){ float: right;}
.wrapper{ width: 100%; margin: 0 auto;}




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

.contents1{ padding-top: 37px; padding-bottom: 50px;}

.guidance_title{ font-size: 28px; letter-spacing: 0.1em; color: #65317C; margin-bottom: 10px; text-align: left;}
.guidance_title .icon,
.contents_title .icon{ padding: 0 8px 0 0;}
.guidance_title .icon img,
.contents_title .icon img{ width: 30px; height: 30px; vertical-align: middle;}
.contents_wrapper{ width: 90%; margin: 0 auto;}

.info1_sp{ width: 100%; padding-bottom: 20px;}
.info2_sp{ width: 100%; padding-bottom: 20px;}
.info3_sp{ width: 100%;}

.contents2{ background: #F0ECF3 url("../images/contents_bg.jpg") repeat 0 0; padding-top: 40px; padding-bottom: 70px;}

.contents_area{ width: 100%; margin: 0 auto;}
.contents_item{display: block; width: 100%; margin-bottom: 20px;}
.contents_title{ font-size: 26px; letter-spacing: 0.1em; color: #65317C; text-align: center; font-weight: bold; margin-top: 50px;}
.contents_item:nth-of-type(odd){float: none;}
.contents_item:nth-of-type(even){ float: none;}
.wrapper{ width: 100%; margin: 0 auto;}


}