@charset "utf-8";

/* ===================================================================
css information

File Name  : top.css
Author     :
Style Info :
=================================================================== */

.layout-top .cmn-button-1-wrap-1.two-btn { padding-bottom:30px; border-bottom:1px solid #e6e6e6; }
.layout-top .cont-ttl-1 { font-weight:bold; background:url(/img/icon_course_02.svg) no-repeat left center; background-size:15px 19px; padding:0 0 0 28px; margin:15px 0 0 0; font-size:16px; }

.bnr-button { width:270px; display:inline-block; vertical-align:middle; cursor:pointer; border:1px solid #b3b3b3; outline:0; border-radius:4px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; position:relative; margin:10px 5px 0 5px;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}

@media screen and (max-width:768px){
.layout-top .cmn-button-1-wrap-1.two-btn { padding-bottom:15px; }
.layout-top .cont-ttl-1 { background-size:13px 17px; padding:0 0 0 25px; margin:10px 0 0 0; font-size:1.154rem; }

.bnr-button { margin:0 auto; display:block;}
.bnr-button:first-child{ margin-bottom: 10px; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .layout-top .cmn-button-1-wrap-1.two-btn { padding-bottom:15px; }
.web-view .layout-top .cont-ttl-1 { background-size:13px 17px; padding:0 0 0 25px; margin:10px 0 0 0; font-size:1.154rem; }


/*********************************************************************

.btmlink-1

*********************************************************************/

.layout-top .btmlink-1 { margin:20px 0 0 0; text-align:center; }
.layout-top .btmlink-1 > * { display:inline-block; font-size:0; }
.layout-top .btmlink-1 .ofclbnr-1 { display:block; width:280px; height:80px; border:1px solid #4d4d4d; padding:13px 26px; }
.layout-top .btmlink-1 .r-cont { width:373px; text-align:center; padding:20px 15px 0 15px; vertical-align:bottom; }
.layout-top .btmlink-1 .r-cont .appbnr { display:inline-block; width:auto; height:49px; margin:0 4px; }
.layout-top .btmlink-1 .r-cont .appbnr img { width:auto; height:100%; }
.layout-top .btmlink-1 .r-cont p { font-size:12px; margin:8px 0 0 0; color:#666; }
.layout-top .btmlink-1 .ofclbnr-1,
.layout-top .btmlink-1 .appbnr { opacity 0.3s ease; transition: opacity 0.3s ease; }

/* hover */
.layout-top .btmlink-1 .ofclbnr-1:hover,
.layout-top .btmlink-1 .appbnr:hover { opacity:0.75; }

/* iOS9 */
.og-ios.ov-9 .layout-top .btmlink-1 > * { font-size:1px; letter-spacing:-1px; }
.og-ios.ov-9 .layout-top .btmlink-1 .r-cont p,
.og-ios.ov-9 .layout-top .btmlink-1 .ofclbnr-1,
.og-ios.ov-9 .layout-top .btmlink-1 .appbnr { letter-spacing:normal; }

@media screen and (max-width:768px){
.layout-top .btmlink-1 { margin:10px 0 0 0; }
.layout-top .btmlink-1 > * { display:block; margin:0 auto; }
.layout-top .btmlink-1 .ofclbnr-1 { width:100%; max-width:300px; height:auto; border:1px solid #4d4d4d; padding:10px 26px; margin:0 auto; vertical-align:middle; }
.layout-top .btmlink-1 .ofclbnr-1 img { max-width:210px; }
.layout-top .btmlink-1 .r-cont { width:100%; max-width:300px; padding:0; margin:10px auto 0 auto; }
.layout-top .btmlink-1 .r-cont .appbnr { width:47.12%; max-height:46px; margin:0 0 0 0; padding:0 3px 0 0;}
.layout-top .btmlink-1 .r-cont .appbnr img { width:100%; height:auto; }
.layout-top .btmlink-1 .r-cont .appbnr.bnr2 { width:52.88%; padding:0 0 0 3px; }
.layout-top .btmlink-1 .r-cont p { font-size:1.0rem; margin:4px 0 0 0; }

/* hover */
.layout-top .btmlink-1 .ofclbnr-1:hover,
.layout-top .btmlink-1 .appbnr:hover { opacity:1; }
}

/*-----------------------------------
.web-view
-----------------------------------*/
.web-view .layout-top .btmlink-1 { margin:10px 0 0 0; }
.web-view .layout-top .btmlink-1 > * { display:block; margin:0 auto; }
.web-view .layout-top .btmlink-1 .ofclbnr-1 { width:100%; max-width:300px; height:auto; border:1px solid #4d4d4d; padding:10px 26px; margin:0 auto; vertical-align:middle; }
.web-view .layout-top .btmlink-1 .ofclbnr-1 img { max-width:210px; }
.web-view .layout-top .btmlink-1 .r-cont { width:100%; max-width:300px; padding:0; margin:10px auto 0 auto; }
.web-view .layout-top .btmlink-1 .r-cont .appbnr { width:47.12%; max-height:46px; margin:0 0 0 0; padding:0 3px 0 0;}
.web-view .layout-top .btmlink-1 .r-cont .appbnr img { width:100%; height:auto; }
.web-view .layout-top .btmlink-1 .r-cont .appbnr.bnr2 { width:52.88%; padding:0 0 0 3px; }
.web-view .layout-top .btmlink-1 .r-cont p { font-size:1.0rem; margin:4px 0 0 0; }

/* hover */
.web-view .layout-top .btmlink-1 .ofclbnr-1:hover,
.web-view .layout-top .btmlink-1 .appbnr:hover { opacity:1; }