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

/*------------------------------------------------------

	common css

------------------------------------------------------*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { width: 100%; overflow: scroll; font-size: 10px; }
body { font-family: "¥Ò¥é¥®¥Î½Ç¥´ ProN", "Hiragino Kaku Gothic ProN", " ÓÎ¥´¥·¥Ã¥¯ Medium", ÓÎ¥´¥·¥Ã¥¯Ìå, "Yu Gothic Medium", YuGothic,¥á¥¤¥ê¥ª, Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif; color: #272525; line-height: 1.5; background-color: #fff; overflow: hidden; font-size: 1.5rem;}
.container { width: 100%; margin-left: auto; margin-right: auto; position: relative;}
ul { list-style: none; }
ol { list-style: decimal; }
img { vertical-align: bottom; width: auto; max-width: 100%; height: auto; }
/*a:link { color: #000; text-decoration: none; }
a:visited { color: #000; }*/
a.fade:hover { text-decoration: none; background-color: #fff; color: #333; -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); }

.pc { display:block; }
.sp { display:none; }

main { display: block; margin-bottom: 50px; }

@media (min-width: 768px) {
	body{ min-width: 1100px; }
	.container { max-width: 1100px; }

	a:hover { text-decoration: underline; }
	a img:hover { opacity: 0.8; -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); }
}

@media screen and (min-width:768px) and ( max-width:1080px) {
    .container { width: -webkit-calc(100% - 40px); width: calc(100% - 40px);}
}

@media (max-width: 767px) {
	body{ }
	.container {  margin-left: 20px; margin-right: 20px; width: auto; }
	.pc { display: none; }
	.sp { display: block; }

  /*.text { font-size: 1.6rem; line-height: 1.5; }*/
}


/*------------------------------------------------------

	flexbox

------------------------------------------------------*/
.colWrap { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: stretch; -webkit-align-items: stretch; align-content: stretch; -webkit-align-content: stretch; }

/*------------------------------------------------------

    pageTop

------------------------------------------------------*/
#page-top { position:fixed; bottom:20px; right:20px; font-size:1.4rem; z-index:999; }
#page-top a { background: #666; text-decoration: none; color:#fff; width:100px; padding:20px 0; text-align:center; display: block; border-radius: 5px; opacity:0.8;  }

@media (min-width: 768px) {
    #page-top a:hover { text-decoration:none; background:#999; }
}

@media (max-width: 767px) {

}


/*------------------------------------------------------



------------------------------------------------------*/


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


/*------------------------------------------------------

    header

------------------------------------------------------*/
header {}
header h1 {}

header .logo { text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(/special/rikakyoin/common/img/text_logo.png) no-repeat left top; background-size: 100% auto; position: absolute; z-index: 1; left: 18%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);  }

@media (min-width: 768px) {
    header { height: 550px; background: url("/special/rikakyoin/common/img/bg_main_visual.jpg") no-repeat center center; background-size: cover; margin-bottom: 80px;}
    /* SP»­Ïñ¤Ïindex.php¤ÎÖФËimg¥¿¥°¤Ç•ø¤¤¤Æ¤¢¤ê¤Þ¤¹¡£ */
    header h1 { width: 610px; height: 339px; top: 130px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url("/special/rikakyoin/common/img/text_main_visual.png") no-repeat left top; background-size: 100% auto; margin-left: auto; margin-right: auto; position: absolute; z-index: 1; left: 68%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }

    header .logo { width: 205px; height: 30px; top: 30px; left: 160px;  }
}

@media (max-width: 1100px) {
    header h1 { left:750px; }
    header .logo { left: 150px; }
}


@media (max-width: 767px) {
    header { height: auto; }
    header .mv { margin-bottom: 30px; width: 100%; }
    header h1 { display: block; position: static; width: 100%; margin: auto; margin-bottom: 40px; padding: 0px 15px; text-align: center; }
    header h1 img { margin: 0px auto; }
    header .logo { left: 65px; top:5px; width: 112px; }
}


#g_nav { position: fixed; width: 100%; transition: all 0.6s; z-index: 50; }
#g_nav ul li a { display: block; font-weight: bold; text-align: center; text-decoration: none; transition: 0.3s; }
#g_nav ul li a:hover { opacity: 0.6; }


@media (min-width: 768px) {
    #g_nav { top: 150px; right: -320px; background: rgba(255,255,255,0.67); padding: 20px 60px 20px 0; max-width: 318px; position: fixed; }
    #g_nav.open { right: 0; }
    #g_nav ul { border-right: 1px solid #000; }
    #g_nav ul li a { color: #000; padding: 8px; font-size: 1.6rem; }
    #menu_pc .menu_wrap { position: fixed; top: 70px; right: 0; z-index: 100; background: rgba(154,195,206,0.59); width: 32px; text-align: center; padding: 8px 0; }
    #menu_pc .menu_wrap [class^='header_'] { display: block; padding: 4px; }
    #menu_pc .menu_wrap .header_fb { padding: 0px; padding-top: 40px; }
    #menu_pc .menu_wrap .header_insta { padding: 0px; }
    #menu_pc .menu_wrap .menu { transition: 0.3s; color: #000; font-size: 1.4rem; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin: 13px auto; line-height: 1; font-weight: bold; height: 46px; }
	#menu_pc .menu_wrap .menu:hover { opacity: 0.7; }
	#menu_pc .menu_wrap > a { transition: 0.3s; }
	#menu_pc .menu_wrap > a:hover { opacity: 0.7; }
    #menu_pc .menu { cursor: pointer; }
    #menu_pc .menu > span { opacity: 1; transition: all 0.6s; }
    #menu_pc .menu.open > span { opacity: 0; }
    #menu_pc .menu .close { width: 35px; height: 35px; position: absolute; top: 90px; right: 0; left: 0; margin: 0 auto; }
    #menu_pc .menu .close span { opacity: 0; transition: all 0.6s; display: block; background: #000; width: 20px; height: 2px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
    #menu_pc .menu.open .close span { opacity: 1; }
    #menu_pc .menu.open .close span:nth-of-type(1) { transform: rotate( 45deg); }
    #menu_pc .menu.open .close span:nth-of-type(2) { transform: rotate( -45deg); }
}

@media (max-width: 767px) {
    #g_nav { bottom: -340px; left: 0; right: 0; margin-left: auto; background: rgba(63, 60, 60, 0.55); width: 115px; }
    
    #g_nav.open { bottom: 62px; }
    #g_nav ul li:first-of-type { text-align: center; }
    #g_nav ul li:first-of-type img { max-width: 16px; }
    #g_nav ul li:not(:last-of-type) { border-bottom: 1px solid #fff; }
    #g_nav ul li a { color: #fff; padding: 5px; font-size: 1.0rem; }
    #g_nav ul li.sp a { padding: 1px 0px 7px; }
    #menu_sp_wrap { position: fixed; bottom: 0; left: 0; width: 100%; background-size: 100%; z-index: 999; background: #9ac3ce; }

    #menu_sp_wrap ul  { display: -webkit-flex; display: flex;
    -webkit-justify-content: space-between; justify-content: space-between; }
    #menu_sp_wrap ul { padding: 6px 30px; }
    #menu_sp_wrap ul li img { height: 50px; }

    #g_nav .contact { position: relative; }
    #g_nav .contact::before { content: ''; display: inline-block;background-image: url(/special/rikakyoin/common/img/icon_mail_white.svg); width: 10px; height:8px; background-size: cover; margin-right: 5px;   }
    #g_nav .document { position: relative; }
    #g_nav .document::before { content: ''; display: inline-block;background-image: url(/special/rikakyoin/common/img/icon_book_white.svg); width: 15px; height: 12px; background-size: cover; margin-right: 5px; top: 3px; position: relative;  }
    /* #menu_sp { position: absolute; top: 0; right: 0; width: 35px; height: 35px; padding: 14px 9px; z-index: 1000; } */
    #menu_sp span { display: block; background: rgba(0,0,0,1); height: 2px; }
    #menu_sp span:nth-of-type(1) { margin-bottom: 4px; }
    #menu_sp span { transition: all .4s; }
    #menu_sp.open span:nth-of-type(1) { transform: translateY(3px) rotate(-45deg); }
    #menu_sp.open span:nth-of-type(2) { transform: translateY(-3px) rotate(45deg); }
}

/*------------------------------------------------------

#about

------------------------------------------------------*/

#about {  }

#about .caption { color: #51a098; text-align: center; border-bottom: 4px solid #9ac3ce; display: inline; margin: auto; font-weight: bold; }

#about .wrap1 > p { margin-top: 40px; }


@media (min-width: 768px) {
    #about { margin-bottom: 0px; }
    #about .wrap1 { margin-bottom: 0px; }
    #about .caption { font-size: 3.5rem; padding-bottom: 5px; line-height: 1.8; }
    #about .wrap1 > p { width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 10px; line-height: 2; font-size: 1.6rem; }
    #about .wrap1:after { bottom: -190px; right: 10px; width: 295px; height: 365px;  }

}

@media (max-width: 767px) {
    #about { margin-bottom: 0px; }
    #about .wrap1 { margin-bottom: 30px; }
    #about .caption { font-size: 2.2rem; padding-bottom: 5px; line-height: 1.8; border-width: 2px; font-weight: bold; }
    #about .wrap1 > p { width: 90%; margin: auto;  margin-top: 20px;}
    #about .wrap1:after { bottom: -50px; right: -8px; width: 120px; height: 148px;  }

}

/*------------------------------------------------------

#sciEduPrep

------------------------------------------------------*/

#sciEduPrep  { background-image: url(/special/rikakyoin/common/img/img_bg_point.jpg); background-size: 1400px 1280px; background-position: center 0px; display: block; background-repeat: no-repeat; }
#sciEduPrep h2 {  }


/* point */
#sciEduPrep .l_col-point { -webkit-justify-content: center; justify-content: center;-webkit-align-items: center; align-items: center; margin-bottom: 30px; }
#sciEduPrep .l_col-pointInner { -webkit-align-items: center; align-items: center; }

#sciEduPrep .l_col-point > div:last-child h3 { font-size: 1.6rem; font-weight: bold; }
#sciEduPrep .l_col-point > div:last-child p { font-size: 1.4rem; }

#sciEduPrep .l_col-point > div:last-child { background: #deddd6; }

@media (min-width: 768px) {
    #sciEduPrep {  padding: 50px 0px; margin-bottom: 50px; }
    #sciEduPrep h2 { width: 605px; margin: auto; display: block; }
    #sciEduPrep .l_col-point > div:first-child { width: 175px; }
    #sciEduPrep .l_col-point > div:last-child { width: 815px;  height: 135px; padding: 30px;  border-radius: 10px }

    #sciEduPrep .l_col-pointInner > div:first-child { width: 180px; }
    #sciEduPrep .l_col-pointInner > div:last-child { width: calc( 100% - 220px );  }


}

@media (max-width: 767px) {
    #sciEduPrep h2 { margin-bottom: 50px; }
    #sciEduPrep .point { margin-bottom: 0px; }
    #sciEduPrep .l_col-point { position: relative; }
    #sciEduPrep .l_col-point > div:first-child { width: 135px; position: absolute; top: -30px; left: -10px; }
    #sciEduPrep .l_col-point > div:last-child { padding: 20px; border-radius: 10px;  }
    #sciEduPrep .l_col-pointInner > div:first-child { margin-left: auto; display: block; }

}

/* futureEducator */
#sciEduPrep .futureEducator {  }
#sciEduPrep .futureEducator .caption { font-size: 1.2rem;  }
#sciEduPrep .futureEducator .bg-white { background: #fff; padding: 25px; position: relative; max-width: 920px; margin: 0px auto; box-shadow: 2px 2px 20px -5px #cacaca; margin-bottom: 5px; }

#sciEduPrep .futureEducator .label { background: #45bbb5;  transform: translateY(-50%); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); font-size: 1.6rem; color: #fff; font-weight: bold;  }
#sciEduPrep .futureEducator .text { font-size: 1.7rem; line-height: 200%; font-weight: bold; }

@media (min-width: 768px) {
    #sciEduPrep .futureEducator { width: 970px; display: block; margin: auto; }
    #sciEduPrep .caption { margin-right: 15px; margin-bottom: 50px; text-align: right; }

    #sciEduPrep .futureEducator .label { padding: 20px 15px; position: absolute; top: 50%; left: -20px; }
    #sciEduPrep .futureEducator .text { padding-left: 100px;}

    

}

@media (max-width: 767px) {
    #sciEduPrep .futureEducator .label { margin-top: -20px; text-align: center; text-align: center; padding: 10px; }
    #sciEduPrep .futureEducator  { margin-bottom: 30px; }
    #sciEduPrep .caption {  }


}

/* tripleGet */

#sciEduPrep .tripleGet { background: #edeee9; max-width: 990px; margin: 0px auto 0px auto; ; }
@media (min-width: 768px) {
    #sciEduPrep .tripleGet{ padding: 60px 0px }
    #sciEduPrep .tripleGet img { width: 910px; /* display: block; */ margin: auto;  }

}

@media (max-width: 767px) {
    #sciEduPrep .tripleGet { margin-bottom: 50px; }
    #sciEduPrep .tripleGet img { margin: auto;  }

}



/*------------------------------------------------------

    course

------------------------------------------------------*/
#course { background-image: url(/special/rikakyoin/common/img/img_bg_course.jpg); background-size: 1100px 585px; background-position: center center; display: block; background-repeat: no-repeat; position: relative;  }

#course .container { max-width: 990px;  padding: 60px 60px 120px 60px; background: rgba( 255, 255,255,0.75 ); border: 5px solid #51a098; }
#course .textWrap {  position: relative; z-index: 5;  }

#course h2 { font-weight: bold; text-align: center; margin-bottom: 50px; position: relative;  }
#course h2::after { content: ''; position: absolute; bottom: -10px; width: 446px; height: 10px; background-image: url(/special/rikakyoin/common/img/img_course_line.png); background-size: 446px 10px; left: 0px; right: 0px; margin: auto;  }

#course .text { margin-bottom: 60px; line-height: 180%; }
#course .link { text-align: center; position: absolute; z-index: 5;     width: 100%; }
#course .link::after { content: ''; position: absolute;  left: 0; right: 0; background-image: url(/special/rikakyoin/common/img/img_bg_course_2.jpg); background-size: 1400px 100px; background-position: center center; display: block; background-repeat: no-repeat; height: 100px; max-width: 1400px; margin: 0px auto; }
#course .link a { color: #00a29a; font-weight: bold; text-align: center; text-align: center; text-decoration: none; position: relative; z-index: 2; }

@media (min-width: 768px) {
    #course { background-size: 1100px 585px; height: 585px; margin-bottom: 100px; }
    #course .container {  padding: 60px 60px 120px 60px; left: 50%;  max-height: 450px; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  position: absolute; }
    #course h2 { font-size: 3.4rem;  }
    #course h2::before { content: ''; position: absolute; bottom: -10px; width: 135px; height: 73px; background-image: url(/special/rikakyoin/common/img/img_course_1.png); background-size: 135px 73px; right: 50px;  margin: auto;  }
    #course h2::after { content: ''; position: absolute; bottom: -10px; width: 446px; height: 10px; background-image: url(/special/rikakyoin/common/img/img_course_line.png); background-size: 446px 10px; left: 0px; right: 0px; margin: auto;  }
    #course .link { bottom: 135px; }
    #course .link a { font-size: 2.6rem;  }
    #course .link a:hover { text-decoration: underline; }
    #course .link::after{ top: -30px; }
}

@media (max-width: 767px) {
    #course { background-size: cover; padding: 30px 0px; margin-bottom: 50px;  }
    #course h2 { font-size: 2.4rem;  }
    #course h2::after { content: ''; position: absolute; bottom: -10px; width: 100%; height: 10px; background-image: url(/special/rikakyoin/common/img/img_course_line.png); background-size: 446px 10px; left: 0px; right: 0px; margin: auto; background-repeat: repeat; margin: auto; }
    #course .container {  padding: 10px 10px 80px 10px; width: 95%; margin: auto; }
    #course .link { bottom: 15%; }
    #course .link a { font-size: 2.0rem;  }
    #course .link::after{ top: -20px; }
}

/*------------------------------------------------------

    topic

------------------------------------------------------*/

#topic {  }
#topic .container {  }
#topic .l_col-topic h3 { color: #51a098; }
#topic .l_col-topic .text { font-size: 1.5rem; line-height: 160%; }
#topic .l_col-topic .text span { color: #ec008c; text-decoration: underline; }
#topic .examList { max-width: 720px; background: #edeee9; margin: 0px auto;  }
#topic .examList h4 { font-size: 1.8rem; color: #00a29a; font-weight: bold; padding-bottom: 0px; border-bottom: 1px solid #51a098; margin-bottom: 10px; }

@media (min-width: 768px) {
    
    #topic .container { padding: 50px; box-shadow: 2px 2px 20px -5px #cacaca; }
    #topic .l_col-topic { max-width: 920px; margin: 0px auto; margin-bottom: 30px;  }
    #topic .l_col-topic > div:nth-child(1) { width: 145px;  }
    #topic .l_col-topic > div:nth-child(2) { width: 515px;  }
    #topic .l_col-topic > div:nth-child(3) { width: 225px; }


    
    #topic .l_col-topic h3 { font-size: 2.7rem; margin-bottom: 20px;  }
    
    #topic .examList { padding: 10px 20px; margin-bottom: 25px; }
    #topic .examList h4  { font-size: 1.8rem; }
    
    #topic .bnrBtn { max-width: 530px; margin: 0px auto; box-shadow: 2px 2px 20px -5px #cacaca; }
}

@media (max-width: 767px) {
    #topic .container {  padding: 20px 10px;  }
    #topic .l_col-topic {  margin-bottom: 20px; }
    
    #topic .l_col-topic > div:nth-child(1) { width: 145px; margin: 0px auto 20px auto;  }
    #topic .l_col-topic > div:nth-child(2) { width: 100%; margin: 0px auto; }
    #topic .l_col-topic > div:nth-child(3) { width: 200px; margin: 0px auto; }
    
    #topic .l_col-topic h3 { font-size: 2.2rem; text-align: center; margin-bottom: 20px;  }
    
    #topic .examList { padding: 10px; margin-bottom: 25px; }
    #topic .examList h4  { font-size: 1.7rem; }
    
    
}


/*------------------------------------------------------

    support

------------------------------------------------------*/

#support {  }

#support .container { position: relative; }
#support .point {  }

#support .title3 {  color: #fff; padding: 0.5em; display: block; line-height: 0.8;background: #717cb9; border-radius: 5px; margin: auto; text-align: center; position: relative; }
#support .title3::before { content: '¡ñ'; color: white;
position: absolute; }
#support .title3::after { content: '¡ñ'; color: white;
  position: absolute; }






@media (min-width: 768px) {
    #support .point { margin-bottom: 115px; }

    #support .title3 {  width: 935px; font-size: 3rem; margin-bottom: 65px;}
    #support .title3::before { left: 25px; top: 17px; font-size: 2.5rem;}
    #support .title3::after { right:25px; top: 17px; font-size: 2.5rem;}
    #arrow_contents .bg_arrow { padding: 70px 0px 20px 0px;}
  
    #support .l_col-2 { padding: 0px 30px; }
    #support .l_col-2 > div { width: 500px;  }
    #arrow_contents .caption { font-size: 3.3rem; }
    #arrow_contents .caption::before { left: -164px; top: -136px; }

}

@media (max-width: 767px) {
    #support {  margin-bottom: 50px;  }
    #support .point { margin-bottom: 50px; }
    #support .title3 { font-size: 2.0rem; margin: 0px 15px 30px 15px;}
    #support .title3::before { left: 5px; top: 12px; font-size: 1.5rem;}
    #support .title3::after { right: 5px; top: 12px; font-size: 1.5rem;}
    #arrow_contents .bg_arrow { padding: 40px 0px 20px 0px;}
    #arrow_contents .caption { font-size: 2.0rem; }
    #arrow_contents .caption::before { left: -78px; top: -85px; background-size: 70%; background-repeat: no-repeat;}


}

/* -----------------------------------------------

    reason

----------------------------------------------- */
#reason { background: #edeee9; position: relative; margin-bottom: 40px; z-index: 0;  }
#reason div.container::before {  content: ''; width: 125px; height: 195px; background-size: 100%; display: block; background-image: url(/special/rikakyoin/common/img/bg_triangle.png); position: absolute; left: 0px; top: -37px;}
#reason::after { content: ''; position: absolute; bottom: 0; right: 0; background: url(/special/rikakyoin/common/img/ph_suuri.jpg) no-repeat; background-position: center; background-size: cover; z-index: -1; }
#reason h2 { font-weight: bold; ; font-size: 3.5rem;}
#reason .caption { color: #717cb9; text-align: center; border-bottom: 4px solid #ffffff; display: inline; margin: auto; padding-bottom: 0px; line-height: 1.5; margin-bottom: 45px ;}

#reason p { line-height: 1.715; margin-bottom: 21px; margin-top: 30px;}
#reason a { display: block; padding: 12px; max-width: 495px; text-decoration: none; text-align: center; color: #fff; background: linear-gradient( to right, rgba(98,164,209,0) 0, rgba(98,164,209,1) 53%, rgba(98,164,209,0) 100%); }


@media (min-width: 768px) {
    #reason div.container::before { left: 0px; top: -37px;}
    #reason p { max-width: 375px; }
    #reason div.container { padding: 50px 309px 25px 150px; }
    #reason::before { content: ''; position: absolute; bottom: 0; left: 0; background: #edeee9; width: 50.55%; height: 100%; transform: skewX(-15deg); transform-origin: bottom right; z-index: 0; }
    #reason .caption { font-size: 3.5rem; }

    #reason::after { width: 50.44%; height: 375px; }
    #reason h2 { font-size: 2.4rem; }
    #reason p { font-size: 1.4rem; }

}

@media (max-width: 767px) {
    
    #reason div.container { padding: 47px 0 180px; }
    #reason div.container::before { left: 223px; top: -37px;}
    #reason .caption { font-size: 2.5rem; padding: 0px; text-align: right; }

    #reason .wrap1 > div  { text-align: right; }

    #reason::after { width: 100%; height: 180px; }
    #reason h2 { font-size: 2.0rem; padding-left: 10px; }
    #reason p { font-size: 1.5rem;  }
    #reason a { margin: 0 auto; }
    #reason div.container::before { z-index: -2;}

}

/* -----------------------------------------------

   arrow_contents

----------------------------------------------- */
#record .container  {  }
#record .l_col-record > div:nth-child(1) { }
#record .l_col-record > div:nth-child(2) { }
#record .l_col-record > div:nth-child(3) { }


@media (min-width: 768px) {
#record .container  { padding: 40px;  box-shadow: 2px 2px 20px -5px #cacaca;  }
#record .l_col-record { max-width: 970px; margin: 0px auto; }

#record .l_col-record > div:nth-child(1) { width: 170px;  }
#record .l_col-record > div:nth-child(1) img { max-width: 145px; }
#record .l_col-record > div:nth-child(2) { width: 311px;  }
#record .l_col-record > div:nth-child(3) { width: 456px;  }

}

@media (max-width: 767px) {
    #record { margin-bottom: 50px; }

    #record .l_col-record > div:nth-child(1) { max-width: 145px; margin: 0px auto 30px auto; }
    #record .l_col-record > div:nth-child(2) { width: 80%; margin: 0px auto 30px auto;  }
    #record .l_col-record > div:nth-child(3) { width: 456px; margin: 0px auto 30px auto; }

}



/* -----------------------------------------------

   arrow_contents

----------------------------------------------- */
#arrow_contents .bg_arrow { position: relative; background: #edeee9; text-align: center; }
  
#arrow_contents .bg_arrow::after {content: ''; width: 0;height: 0;border-style: solid; border-width: 60px 700px 0 700px;border-color: #edeee9 transparent transparent transparent; margin: auto; position: absolute; bottom: -59px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: -1; text-align: center;}




#arrow_contents .caption { text-align: center; font-size: 3.3rem; font-weight: bold; color: #000; line-height: 2; border-bottom: 3px solid #00a29a; display: inline; position: relative; }
#arrow_contents .caption::before {  content: ''; width: 70px; height: 220px; background-size: 100%; display: block; background-image: url(/special/rikakyoin/common/img/bg_gizanami.png); position: absolute;  }

@media (min-width: 768px) {
    #arrow_contents .caption { font-size: 3.3rem; }
    #arrow_contents .caption::before { left: -164px; top: -136px; }

    #arrow_contents .bg_arrow::before { content: ''; width: 330px; height: 265px;position: absolute; top: -90px; right: 0px; background-image: url(/special/rikakyoin/common/img/ph_arrow_contents.png); background-size: 300px auto; background-position: center center; }
}

@media (max-width: 767px) {
    #arrow_contents .bg_arrow { padding: 40px 0px 20px 0px;}
    #arrow_contents .caption { font-size: 2.0rem; }
    #arrow_contents .caption::before { left: -78px; top: -85px; background-size: 70%; background-repeat: no-repeat;}
}




/*------------------------------------------------------

    footer

------------------------------------------------------*/

footer .copyright { text-align: center; color: #000; width: 100%; padding:20px 0px; font-size: 14px; font-weight: bold;}

#foot_navi {   }
#foot_navi ul {   }
#foot_navi ul li a { border: 1px solid #000; box-sizing: border-box; font-weight: bold; font-size: 1.6rem; position: relative; display: block; text-decoration: none;  color: #000; }
#foot_navi ul li a::before { content: ''; width: 20px; height: 22px; background-size: 100%; display: block; background-image: url(/special/rikakyoin/common/img/icon_footarrow.png); position: absolute;  right: 25px; }

#foot_cont .foot_logo {}
#foot_cont .contact_sns { font-size: 1.6rem; font-weight: bold; color: #000; }
#foot_cont .contact_sns * { display: inline-block; }
#foot_cont .contact_sns a { width: 25px; height: 25px; }

#foot_cont .l_col-2 { -webkit-align-items: center; align-items: center; }

#foot_cont .contact_sns > div:first-child { margin-right: 30px; }
#foot_cont .contact_sns > div:last-child a:not(:last-child) { margin-right: 15px; }
#foot_cont .contact_sns > div > p { margin-right: 15px; }

@media (min-width: 768px) {
    #foot_navi { margin-bottom: 60px;  }
    #foot_navi ul { padding: 0px 55px;  }
    #foot_navi ul li a { width: 290px; height: 60px; text-align: center;padding-top: 18px;  }
    #foot_cont .foot_logo { width: 240px; height: auto; display:block; }
    #foot_cont .contact_sns { text-align: right;  }
    
}


@media (max-width: 767px) {
    #foot_navi { margin-bottom: 30px;  }
    #foot_navi ul li { width: 100%; }
    #foot_navi ul li a { padding: 20px; }
    #foot_cont .contact_sns { text-align: left;  }
    #foot_cont .contact_sns > div:first-child { margin-bottom: 10px;}


}