@charset "UTF-8"; /* ========================================================== Name: module.css Description: サイトで共通使用する汎用モジュール及びページ固有のスタイルを記述する 汎用モジュールは、アルファベット降順(A->Z)に記述する ページ固有のスタイルは、ディレクトリ名のアルファベット降順(A->Z)、 ファイル名のアルファベット降順(A->Z)にそれぞれ記述する Contents: margin hide font-color module page ========================================================== */ /* ========================================================== * * margin * ========================================================== */ /* --------------------------------------------- * margin-top --------------------------------------------- */ .mgt-pc--0 { margin-top: 0 !important; } .mgt-pc--1 { margin-top: 1px !important; } .mgt-pc--2 { margin-top: 2px !important; } .mgt-pc--3 { margin-top: 3px !important; } .mgt-pc--4 { margin-top: 4px !important; } .mgt-pc--5 { margin-top: 5px !important; } .mgt-pc--6 { margin-top: 6px !important; } .mgt-pc--7 { margin-top: 7px !important; } .mgt-pc--8 { margin-top: 8px !important; } .mgt-pc--9 { margin-top: 9px !important; } .mgt-pc--10 { margin-top: 10px !important; } .mgt-pc--11 { margin-top: 11px !important; } .mgt-pc--12 { margin-top: 12px !important; } .mgt-pc--13 { margin-top: 13px !important; } .mgt-pc--14 { margin-top: 14px !important; } .mgt-pc--15 { margin-top: 15px !important; } .mgt-pc--16 { margin-top: 16px !important; } .mgt-pc--17 { margin-top: 17px !important; } .mgt-pc--18 { margin-top: 18px !important; } .mgt-pc--19 { margin-top: 19px !important; } .mgt-pc--20 { margin-top: 20px !important; } .mgt-pc--21 { margin-top: 21px !important; } .mgt-pc--22 { margin-top: 22px !important; } .mgt-pc--23 { margin-top: 23px !important; } .mgt-pc--24 { margin-top: 24px !important; } .mgt-pc--25 { margin-top: 25px !important; } .mgt-pc--26 { margin-top: 26px !important; } .mgt-pc--27 { margin-top: 27px !important; } .mgt-pc--28 { margin-top: 28px !important; } .mgt-pc--29 { margin-top: 29px !important; } .mgt-pc--30 { margin-top: 30px !important; } .mgt-pc--31 { margin-top: 31px !important; } .mgt-pc--32 { margin-top: 32px !important; } .mgt-pc--33 { margin-top: 33px !important; } .mgt-pc--34 { margin-top: 34px !important; } .mgt-pc--35 { margin-top: 35px !important; } .mgt-pc--36 { margin-top: 36px !important; } .mgt-pc--37 { margin-top: 37px !important; } .mgt-pc--38 { margin-top: 38px !important; } .mgt-pc--39 { margin-top: 39px !important; } .mgt-pc--40 { margin-top: 40px !important; } .mgt-pc--41 { margin-top: 41px !important; } .mgt-pc--42 { margin-top: 42px !important; } .mgt-pc--43 { margin-top: 43px !important; } .mgt-pc--44 { margin-top: 44px !important; } .mgt-pc--45 { margin-top: 45px !important; } .mgt-pc--46 { margin-top: 46px !important; } .mgt-pc--47 { margin-top: 47px !important; } .mgt-pc--48 { margin-top: 48px !important; } .mgt-pc--49 { margin-top: 49px !important; } .mgt-pc--50 { margin-top: 50px !important; } .mgt-pc--51 { margin-top: 51px !important; } .mgt-pc--52 { margin-top: 52px !important; } .mgt-pc--53 { margin-top: 53px !important; } .mgt-pc--54 { margin-top: 54px !important; } .mgt-pc--55 { margin-top: 55px !important; } .mgt-pc--56 { margin-top: 56px !important; } .mgt-pc--57 { margin-top: 57px !important; } .mgt-pc--58 { margin-top: 58px !important; } .mgt-pc--59 { margin-top: 59px !important; } .mgt-pc--60 { margin-top: 60px !important; } .mgt-pc--61 { margin-top: 61px !important; } .mgt-pc--62 { margin-top: 62px !important; } .mgt-pc--63 { margin-top: 63px !important; } .mgt-pc--64 { margin-top: 64px !important; } .mgt-pc--65 { margin-top: 65px !important; } .mgt-pc--66 { margin-top: 66px !important; } .mgt-pc--67 { margin-top: 67px !important; } .mgt-pc--68 { margin-top: 68px !important; } .mgt-pc--69 { margin-top: 69px !important; } .mgt-pc--70 { margin-top: 70px !important; } .mgt-pc--71 { margin-top: 71px !important; } .mgt-pc--72 { margin-top: 72px !important; } .mgt-pc--73 { margin-top: 73px !important; } .mgt-pc--74 { margin-top: 74px !important; } .mgt-pc--75 { margin-top: 75px !important; } .mgt-pc--76 { margin-top: 76px !important; } .mgt-pc--77 { margin-top: 77px !important; } .mgt-pc--78 { margin-top: 78px !important; } .mgt-pc--79 { margin-top: 79px !important; } .mgt-pc--80 { margin-top: 80px !important; } .mgt-pc--81 { margin-top: 81px !important; } .mgt-pc--82 { margin-top: 82px !important; } .mgt-pc--83 { margin-top: 83px !important; } .mgt-pc--84 { margin-top: 84px !important; } .mgt-pc--85 { margin-top: 85px !important; } .mgt-pc--86 { margin-top: 86px !important; } .mgt-pc--87 { margin-top: 87px !important; } .mgt-pc--88 { margin-top: 88px !important; } .mgt-pc--89 { margin-top: 89px !important; } .mgt-pc--90 { margin-top: 90px !important; } .mgt-pc--91 { margin-top: 91px !important; } .mgt-pc--92 { margin-top: 92px !important; } .mgt-pc--93 { margin-top: 93px !important; } .mgt-pc--94 { margin-top: 94px !important; } .mgt-pc--95 { margin-top: 95px !important; } .mgt-pc--96 { margin-top: 96px !important; } .mgt-pc--97 { margin-top: 97px !important; } .mgt-pc--98 { margin-top: 98px !important; } .mgt-pc--99 { margin-top: 99px !important; } .mgt-pc--100 { margin-top: 100px !important; } .mgt-pc--101 { margin-top: 101px !important; } .mgt-pc--102 { margin-top: 102px !important; } .mgt-pc--103 { margin-top: 103px !important; } .mgt-pc--104 { margin-top: 104px !important; } .mgt-pc--105 { margin-top: 105px !important; } .mgt-pc--106 { margin-top: 106px !important; } .mgt-pc--107 { margin-top: 107px !important; } .mgt-pc--108 { margin-top: 108px !important; } .mgt-pc--109 { margin-top: 109px !important; } .mgt-pc--110 { margin-top: 110px !important; } .mgt-pc--111 { margin-top: 111px !important; } .mgt-pc--112 { margin-top: 112px !important; } .mgt-pc--113 { margin-top: 113px !important; } .mgt-pc--114 { margin-top: 114px !important; } .mgt-pc--115 { margin-top: 115px !important; } .mgt-pc--116 { margin-top: 116px !important; } .mgt-pc--117 { margin-top: 117px !important; } .mgt-pc--118 { margin-top: 118px !important; } .mgt-pc--119 { margin-top: 119px !important; } .mgt-pc--120 { margin-top: 120px !important; } @media screen and (max-width: 738px) { .mgt-sp--0 { margin-top: 0 !important; } .mgt-sp--1 { margin-top: 0.15625vw !important; } .mgt-sp--2 { margin-top: 0.3125vw !important; } .mgt-sp--3 { margin-top: 0.46875vw !important; } .mgt-sp--4 { margin-top: 0.625vw !important; } .mgt-sp--5 { margin-top: 0.78125vw !important; } .mgt-sp--6 { margin-top: 0.9375vw !important; } .mgt-sp--7 { margin-top: 1.09375vw !important; } .mgt-sp--8 { margin-top: 1.25vw !important; } .mgt-sp--9 { margin-top: 1.40625vw !important; } .mgt-sp--10 { margin-top: 1.5625vw !important; } .mgt-sp--11 { margin-top: 1.71875vw !important; } .mgt-sp--12 { margin-top: 1.875vw !important; } .mgt-sp--13 { margin-top: 2.03125vw !important; } .mgt-sp--14 { margin-top: 2.1875vw !important; } .mgt-sp--15 { margin-top: 2.34375vw !important; } .mgt-sp--16 { margin-top: 2.5vw !important; } .mgt-sp--17 { margin-top: 2.65625vw !important; } .mgt-sp--18 { margin-top: 2.8125vw !important; } .mgt-sp--19 { margin-top: 2.96875vw !important; } .mgt-sp--20 { margin-top: 3.125vw !important; } .mgt-sp--21 { margin-top: 3.28125vw !important; } .mgt-sp--22 { margin-top: 3.4375vw !important; } .mgt-sp--23 { margin-top: 3.59375vw !important; } .mgt-sp--24 { margin-top: 3.75vw !important; } .mgt-sp--25 { margin-top: 3.90625vw !important; } .mgt-sp--26 { margin-top: 4.0625vw !important; } .mgt-sp--27 { margin-top: 4.21875vw !important; } .mgt-sp--28 { margin-top: 4.375vw !important; } .mgt-sp--29 { margin-top: 4.53125vw !important; } .mgt-sp--30 { margin-top: 4.6875vw !important; } .mgt-sp--31 { margin-top: 4.84375vw !important; } .mgt-sp--32 { margin-top: 5vw !important; } .mgt-sp--33 { margin-top: 5.15625vw !important; } .mgt-sp--34 { margin-top: 5.3125vw !important; } .mgt-sp--35 { margin-top: 5.46875vw !important; } .mgt-sp--36 { margin-top: 5.625vw !important; } .mgt-sp--37 { margin-top: 5.78125vw !important; } .mgt-sp--38 { margin-top: 5.9375vw !important; } .mgt-sp--39 { margin-top: 6.09375vw !important; } .mgt-sp--40 { margin-top: 6.25vw !important; } .mgt-sp--41 { margin-top: 6.40625vw !important; } .mgt-sp--42 { margin-top: 6.5625vw !important; } .mgt-sp--43 { margin-top: 6.71875vw !important; } .mgt-sp--44 { margin-top: 6.875vw !important; } .mgt-sp--45 { margin-top: 7.03125vw !important; } .mgt-sp--46 { margin-top: 7.1875vw !important; } .mgt-sp--47 { margin-top: 7.34375vw !important; } .mgt-sp--48 { margin-top: 7.5vw !important; } .mgt-sp--49 { margin-top: 7.65625vw !important; } .mgt-sp--50 { margin-top: 7.8125vw !important; } .mgt-sp--51 { margin-top: 7.96875vw !important; } .mgt-sp--52 { margin-top: 8.125vw !important; } .mgt-sp--53 { margin-top: 8.28125vw !important; } .mgt-sp--54 { margin-top: 8.4375vw !important; } .mgt-sp--55 { margin-top: 8.59375vw !important; } .mgt-sp--56 { margin-top: 8.75vw !important; } .mgt-sp--57 { margin-top: 8.90625vw !important; } .mgt-sp--58 { margin-top: 9.0625vw !important; } .mgt-sp--59 { margin-top: 9.21875vw !important; } .mgt-sp--60 { margin-top: 9.375vw !important; } .mgt-sp--61 { margin-top: 9.53125vw !important; } .mgt-sp--62 { margin-top: 9.6875vw !important; } .mgt-sp--63 { margin-top: 9.84375vw !important; } .mgt-sp--64 { margin-top: 10vw !important; } .mgt-sp--65 { margin-top: 10.15625vw !important; } .mgt-sp--66 { margin-top: 10.3125vw !important; } .mgt-sp--67 { margin-top: 10.46875vw !important; } .mgt-sp--68 { margin-top: 10.625vw !important; } .mgt-sp--69 { margin-top: 10.78125vw !important; } .mgt-sp--70 { margin-top: 10.9375vw !important; } .mgt-sp--71 { margin-top: 11.09375vw !important; } .mgt-sp--72 { margin-top: 11.25vw !important; } .mgt-sp--73 { margin-top: 11.40625vw !important; } .mgt-sp--74 { margin-top: 11.5625vw !important; } .mgt-sp--75 { margin-top: 11.71875vw !important; } .mgt-sp--76 { margin-top: 11.875vw !important; } .mgt-sp--77 { margin-top: 12.03125vw !important; } .mgt-sp--78 { margin-top: 12.1875vw !important; } .mgt-sp--79 { margin-top: 12.34375vw !important; } .mgt-sp--80 { margin-top: 12.5vw !important; } .mgt-sp--81 { margin-top: 12.65625vw !important; } .mgt-sp--82 { margin-top: 12.8125vw !important; } .mgt-sp--83 { margin-top: 12.96875vw !important; } .mgt-sp--84 { margin-top: 13.125vw !important; } .mgt-sp--85 { margin-top: 13.28125vw !important; } .mgt-sp--86 { margin-top: 13.4375vw !important; } .mgt-sp--87 { margin-top: 13.59375vw !important; } .mgt-sp--88 { margin-top: 13.75vw !important; } .mgt-sp--89 { margin-top: 13.90625vw !important; } .mgt-sp--90 { margin-top: 14.0625vw !important; } .mgt-sp--91 { margin-top: 14.21875vw !important; } .mgt-sp--92 { margin-top: 14.375vw !important; } .mgt-sp--93 { margin-top: 14.53125vw !important; } .mgt-sp--94 { margin-top: 14.6875vw !important; } .mgt-sp--95 { margin-top: 14.84375vw !important; } .mgt-sp--96 { margin-top: 15vw !important; } .mgt-sp--97 { margin-top: 15.15625vw !important; } .mgt-sp--98 { margin-top: 15.3125vw !important; } .mgt-sp--99 { margin-top: 15.46875vw !important; } .mgt-sp--100 { margin-top: 15.625vw !important; } .mgt-sp--101 { margin-top: 15.78125vw !important; } .mgt-sp--102 { margin-top: 15.9375vw !important; } .mgt-sp--103 { margin-top: 16.09375vw !important; } .mgt-sp--104 { margin-top: 16.25vw !important; } .mgt-sp--105 { margin-top: 16.40625vw !important; } .mgt-sp--106 { margin-top: 16.5625vw !important; } .mgt-sp--107 { margin-top: 16.71875vw !important; } .mgt-sp--108 { margin-top: 16.875vw !important; } .mgt-sp--109 { margin-top: 17.03125vw !important; } .mgt-sp--110 { margin-top: 17.1875vw !important; } .mgt-sp--111 { margin-top: 17.34375vw !important; } .mgt-sp--112 { margin-top: 17.5vw !important; } .mgt-sp--113 { margin-top: 17.65625vw !important; } .mgt-sp--114 { margin-top: 17.8125vw !important; } .mgt-sp--115 { margin-top: 17.96875vw !important; } .mgt-sp--116 { margin-top: 18.125vw !important; } .mgt-sp--117 { margin-top: 18.28125vw !important; } .mgt-sp--118 { margin-top: 18.4375vw !important; } .mgt-sp--119 { margin-top: 18.59375vw !important; } .mgt-sp--120 { margin-top: 18.75vw !important; } } /* --------------------------------------------- * margin-bottom --------------------------------------------- */ .mgb-pc--0 { margin-bottom: 0 !important; } .mgb-pc--1 { margin-bottom: 1px !important; } .mgb-pc--2 { margin-bottom: 2px !important; } .mgb-pc--3 { margin-bottom: 3px !important; } .mgb-pc--4 { margin-bottom: 4px !important; } .mgb-pc--5 { margin-bottom: 5px !important; } .mgb-pc--6 { margin-bottom: 6px !important; } .mgb-pc--7 { margin-bottom: 7px !important; } .mgb-pc--8 { margin-bottom: 8px !important; } .mgb-pc--9 { margin-bottom: 9px !important; } .mgb-pc--10 { margin-bottom: 10px !important; } .mgb-pc--11 { margin-bottom: 11px !important; } .mgb-pc--12 { margin-bottom: 12px !important; } .mgb-pc--13 { margin-bottom: 13px !important; } .mgb-pc--14 { margin-bottom: 14px !important; } .mgb-pc--15 { margin-bottom: 15px !important; } .mgb-pc--16 { margin-bottom: 16px !important; } .mgb-pc--17 { margin-bottom: 17px !important; } .mgb-pc--18 { margin-bottom: 18px !important; } .mgb-pc--19 { margin-bottom: 19px !important; } .mgb-pc--20 { margin-bottom: 20px !important; } .mgb-pc--21 { margin-bottom: 21px !important; } .mgb-pc--22 { margin-bottom: 22px !important; } .mgb-pc--23 { margin-bottom: 23px !important; } .mgb-pc--24 { margin-bottom: 24px !important; } .mgb-pc--25 { margin-bottom: 25px !important; } .mgb-pc--26 { margin-bottom: 26px !important; } .mgb-pc--27 { margin-bottom: 27px !important; } .mgb-pc--28 { margin-bottom: 28px !important; } .mgb-pc--29 { margin-bottom: 29px !important; } .mgb-pc--30 { margin-bottom: 30px !important; } .mgb-pc--31 { margin-bottom: 31px !important; } .mgb-pc--32 { margin-bottom: 32px !important; } .mgb-pc--33 { margin-bottom: 33px !important; } .mgb-pc--34 { margin-bottom: 34px !important; } .mgb-pc--35 { margin-bottom: 35px !important; } .mgb-pc--36 { margin-bottom: 36px !important; } .mgb-pc--37 { margin-bottom: 37px !important; } .mgb-pc--38 { margin-bottom: 38px !important; } .mgb-pc--39 { margin-bottom: 39px !important; } .mgb-pc--40 { margin-bottom: 40px !important; } .mgb-pc--41 { margin-bottom: 41px !important; } .mgb-pc--42 { margin-bottom: 42px !important; } .mgb-pc--43 { margin-bottom: 43px !important; } .mgb-pc--44 { margin-bottom: 44px !important; } .mgb-pc--45 { margin-bottom: 45px !important; } .mgb-pc--46 { margin-bottom: 46px !important; } .mgb-pc--47 { margin-bottom: 47px !important; } .mgb-pc--48 { margin-bottom: 48px !important; } .mgb-pc--49 { margin-bottom: 49px !important; } .mgb-pc--50 { margin-bottom: 50px !important; } .mgb-pc--51 { margin-bottom: 51px !important; } .mgb-pc--52 { margin-bottom: 52px !important; } .mgb-pc--53 { margin-bottom: 53px !important; } .mgb-pc--54 { margin-bottom: 54px !important; } .mgb-pc--55 { margin-bottom: 55px !important; } .mgb-pc--56 { margin-bottom: 56px !important; } .mgb-pc--57 { margin-bottom: 57px !important; } .mgb-pc--58 { margin-bottom: 58px !important; } .mgb-pc--59 { margin-bottom: 59px !important; } .mgb-pc--60 { margin-bottom: 60px !important; } .mgb-pc--61 { margin-bottom: 61px !important; } .mgb-pc--62 { margin-bottom: 62px !important; } .mgb-pc--63 { margin-bottom: 63px !important; } .mgb-pc--64 { margin-bottom: 64px !important; } .mgb-pc--65 { margin-bottom: 65px !important; } .mgb-pc--66 { margin-bottom: 66px !important; } .mgb-pc--67 { margin-bottom: 67px !important; } .mgb-pc--68 { margin-bottom: 68px !important; } .mgb-pc--69 { margin-bottom: 69px !important; } .mgb-pc--70 { margin-bottom: 70px !important; } .mgb-pc--71 { margin-bottom: 71px !important; } .mgb-pc--72 { margin-bottom: 72px !important; } .mgb-pc--73 { margin-bottom: 73px !important; } .mgb-pc--74 { margin-bottom: 74px !important; } .mgb-pc--75 { margin-bottom: 75px !important; } .mgb-pc--76 { margin-bottom: 76px !important; } .mgb-pc--77 { margin-bottom: 77px !important; } .mgb-pc--78 { margin-bottom: 78px !important; } .mgb-pc--79 { margin-bottom: 79px !important; } .mgb-pc--80 { margin-bottom: 80px !important; } .mgb-pc--81 { margin-bottom: 81px !important; } .mgb-pc--82 { margin-bottom: 82px !important; } .mgb-pc--83 { margin-bottom: 83px !important; } .mgb-pc--84 { margin-bottom: 84px !important; } .mgb-pc--85 { margin-bottom: 85px !important; } .mgb-pc--86 { margin-bottom: 86px !important; } .mgb-pc--87 { margin-bottom: 87px !important; } .mgb-pc--88 { margin-bottom: 88px !important; } .mgb-pc--89 { margin-bottom: 89px !important; } .mgb-pc--90 { margin-bottom: 90px !important; } .mgb-pc--91 { margin-bottom: 91px !important; } .mgb-pc--92 { margin-bottom: 92px !important; } .mgb-pc--93 { margin-bottom: 93px !important; } .mgb-pc--94 { margin-bottom: 94px !important; } .mgb-pc--95 { margin-bottom: 95px !important; } .mgb-pc--96 { margin-bottom: 96px !important; } .mgb-pc--97 { margin-bottom: 97px !important; } .mgb-pc--98 { margin-bottom: 98px !important; } .mgb-pc--99 { margin-bottom: 99px !important; } .mgb-pc--100 { margin-bottom: 100px !important; } .mgb-pc--101 { margin-bottom: 101px !important; } .mgb-pc--102 { margin-bottom: 102px !important; } .mgb-pc--103 { margin-bottom: 103px !important; } .mgb-pc--104 { margin-bottom: 104px !important; } .mgb-pc--105 { margin-bottom: 105px !important; } .mgb-pc--106 { margin-bottom: 106px !important; } .mgb-pc--107 { margin-bottom: 107px !important; } .mgb-pc--108 { margin-bottom: 108px !important; } .mgb-pc--109 { margin-bottom: 109px !important; } .mgb-pc--110 { margin-bottom: 110px !important; } .mgb-pc--111 { margin-bottom: 111px !important; } .mgb-pc--112 { margin-bottom: 112px !important; } .mgb-pc--113 { margin-bottom: 113px !important; } .mgb-pc--114 { margin-bottom: 114px !important; } .mgb-pc--115 { margin-bottom: 115px !important; } .mgb-pc--116 { margin-bottom: 116px !important; } .mgb-pc--117 { margin-bottom: 117px !important; } .mgb-pc--118 { margin-bottom: 118px !important; } .mgb-pc--119 { margin-bottom: 119px !important; } .mgb-pc--120 { margin-bottom: 120px !important; } @media screen and (max-width: 738px) { .mgb-sp--0 { margin-bottom: 0 !important; } .mgb-sp--1 { margin-bottom: 0.15625vw !important; } .mgb-sp--2 { margin-bottom: 0.3125vw !important; } .mgb-sp--3 { margin-bottom: 0.46875vw !important; } .mgb-sp--4 { margin-bottom: 0.625vw !important; } .mgb-sp--5 { margin-bottom: 0.78125vw !important; } .mgb-sp--6 { margin-bottom: 0.9375vw !important; } .mgb-sp--7 { margin-bottom: 1.09375vw !important; } .mgb-sp--8 { margin-bottom: 1.25vw !important; } .mgb-sp--9 { margin-bottom: 1.40625vw !important; } .mgb-sp--10 { margin-bottom: 1.5625vw !important; } .mgb-sp--11 { margin-bottom: 1.71875vw !important; } .mgb-sp--12 { margin-bottom: 1.875vw !important; } .mgb-sp--13 { margin-bottom: 2.03125vw !important; } .mgb-sp--14 { margin-bottom: 2.1875vw !important; } .mgb-sp--15 { margin-bottom: 2.34375vw !important; } .mgb-sp--16 { margin-bottom: 2.5vw !important; } .mgb-sp--17 { margin-bottom: 2.65625vw !important; } .mgb-sp--18 { margin-bottom: 2.8125vw !important; } .mgb-sp--19 { margin-bottom: 2.96875vw !important; } .mgb-sp--20 { margin-bottom: 3.125vw !important; } .mgb-sp--21 { margin-bottom: 3.28125vw !important; } .mgb-sp--22 { margin-bottom: 3.4375vw !important; } .mgb-sp--23 { margin-bottom: 3.59375vw !important; } .mgb-sp--24 { margin-bottom: 3.75vw !important; } .mgb-sp--25 { margin-bottom: 3.90625vw !important; } .mgb-sp--26 { margin-bottom: 4.0625vw !important; } .mgb-sp--27 { margin-bottom: 4.21875vw !important; } .mgb-sp--28 { margin-bottom: 4.375vw !important; } .mgb-sp--29 { margin-bottom: 4.53125vw !important; } .mgb-sp--30 { margin-bottom: 4.6875vw !important; } .mgb-sp--31 { margin-bottom: 4.84375vw !important; } .mgb-sp--32 { margin-bottom: 5vw !important; } .mgb-sp--33 { margin-bottom: 5.15625vw !important; } .mgb-sp--34 { margin-bottom: 5.3125vw !important; } .mgb-sp--35 { margin-bottom: 5.46875vw !important; } .mgb-sp--36 { margin-bottom: 5.625vw !important; } .mgb-sp--37 { margin-bottom: 5.78125vw !important; } .mgb-sp--38 { margin-bottom: 5.9375vw !important; } .mgb-sp--39 { margin-bottom: 6.09375vw !important; } .mgb-sp--40 { margin-bottom: 6.25vw !important; } .mgb-sp--41 { margin-bottom: 6.40625vw !important; } .mgb-sp--42 { margin-bottom: 6.5625vw !important; } .mgb-sp--43 { margin-bottom: 6.71875vw !important; } .mgb-sp--44 { margin-bottom: 6.875vw !important; } .mgb-sp--45 { margin-bottom: 7.03125vw !important; } .mgb-sp--46 { margin-bottom: 7.1875vw !important; } .mgb-sp--47 { margin-bottom: 7.34375vw !important; } .mgb-sp--48 { margin-bottom: 7.5vw !important; } .mgb-sp--49 { margin-bottom: 7.65625vw !important; } .mgb-sp--50 { margin-bottom: 7.8125vw !important; } .mgb-sp--51 { margin-bottom: 7.96875vw !important; } .mgb-sp--52 { margin-bottom: 8.125vw !important; } .mgb-sp--53 { margin-bottom: 8.28125vw !important; } .mgb-sp--54 { margin-bottom: 8.4375vw !important; } .mgb-sp--55 { margin-bottom: 8.59375vw !important; } .mgb-sp--56 { margin-bottom: 8.75vw !important; } .mgb-sp--57 { margin-bottom: 8.90625vw !important; } .mgb-sp--58 { margin-bottom: 9.0625vw !important; } .mgb-sp--59 { margin-bottom: 9.21875vw !important; } .mgb-sp--60 { margin-bottom: 9.375vw !important; } .mgb-sp--61 { margin-bottom: 9.53125vw !important; } .mgb-sp--62 { margin-bottom: 9.6875vw !important; } .mgb-sp--63 { margin-bottom: 9.84375vw !important; } .mgb-sp--64 { margin-bottom: 10vw !important; } .mgb-sp--65 { margin-bottom: 10.15625vw !important; } .mgb-sp--66 { margin-bottom: 10.3125vw !important; } .mgb-sp--67 { margin-bottom: 10.46875vw !important; } .mgb-sp--68 { margin-bottom: 10.625vw !important; } .mgb-sp--69 { margin-bottom: 10.78125vw !important; } .mgb-sp--70 { margin-bottom: 10.9375vw !important; } .mgb-sp--71 { margin-bottom: 11.09375vw !important; } .mgb-sp--72 { margin-bottom: 11.25vw !important; } .mgb-sp--73 { margin-bottom: 11.40625vw !important; } .mgb-sp--74 { margin-bottom: 11.5625vw !important; } .mgb-sp--75 { margin-bottom: 11.71875vw !important; } .mgb-sp--76 { margin-bottom: 11.875vw !important; } .mgb-sp--77 { margin-bottom: 12.03125vw !important; } .mgb-sp--78 { margin-bottom: 12.1875vw !important; } .mgb-sp--79 { margin-bottom: 12.34375vw !important; } .mgb-sp--80 { margin-bottom: 12.5vw !important; } .mgb-sp--81 { margin-bottom: 12.65625vw !important; } .mgb-sp--82 { margin-bottom: 12.8125vw !important; } .mgb-sp--83 { margin-bottom: 12.96875vw !important; } .mgb-sp--84 { margin-bottom: 13.125vw !important; } .mgb-sp--85 { margin-bottom: 13.28125vw !important; } .mgb-sp--86 { margin-bottom: 13.4375vw !important; } .mgb-sp--87 { margin-bottom: 13.59375vw !important; } .mgb-sp--88 { margin-bottom: 13.75vw !important; } .mgb-sp--89 { margin-bottom: 13.90625vw !important; } .mgb-sp--90 { margin-bottom: 14.0625vw !important; } .mgb-sp--91 { margin-bottom: 14.21875vw !important; } .mgb-sp--92 { margin-bottom: 14.375vw !important; } .mgb-sp--93 { margin-bottom: 14.53125vw !important; } .mgb-sp--94 { margin-bottom: 14.6875vw !important; } .mgb-sp--95 { margin-bottom: 14.84375vw !important; } .mgb-sp--96 { margin-bottom: 15vw !important; } .mgb-sp--97 { margin-bottom: 15.15625vw !important; } .mgb-sp--98 { margin-bottom: 15.3125vw !important; } .mgb-sp--99 { margin-bottom: 15.46875vw !important; } .mgb-sp--100 { margin-bottom: 15.625vw !important; } .mgb-sp--101 { margin-bottom: 15.78125vw !important; } .mgb-sp--102 { margin-bottom: 15.9375vw !important; } .mgb-sp--103 { margin-bottom: 16.09375vw !important; } .mgb-sp--104 { margin-bottom: 16.25vw !important; } .mgb-sp--105 { margin-bottom: 16.40625vw !important; } .mgb-sp--106 { margin-bottom: 16.5625vw !important; } .mgb-sp--107 { margin-bottom: 16.71875vw !important; } .mgb-sp--108 { margin-bottom: 16.875vw !important; } .mgb-sp--109 { margin-bottom: 17.03125vw !important; } .mgb-sp--110 { margin-bottom: 17.1875vw !important; } .mgb-sp--111 { margin-bottom: 17.34375vw !important; } .mgb-sp--112 { margin-bottom: 17.5vw !important; } .mgb-sp--113 { margin-bottom: 17.65625vw !important; } .mgb-sp--114 { margin-bottom: 17.8125vw !important; } .mgb-sp--115 { margin-bottom: 17.96875vw !important; } .mgb-sp--116 { margin-bottom: 18.125vw !important; } .mgb-sp--117 { margin-bottom: 18.28125vw !important; } .mgb-sp--118 { margin-bottom: 18.4375vw !important; } .mgb-sp--119 { margin-bottom: 18.59375vw !important; } .mgb-sp--120 { margin-bottom: 18.75vw !important; } } /* ========================================================== * * hide * ========================================================== */ @media screen and (min-width: 739px) { .pc-hide { display: none !important; } } @media screen and (max-width: 738px) { .sp-hide { display: none !important; } } /* ========================================================== * * font-color * ========================================================== */ .fc-theme-1 { color: #ecf5f3 !important; } .fc-theme-2 { color: #10a58b !important; } .fc-theme-3 { color: #0e7c69 !important; } .fc-theme-4 { color: #11827e !important; } .fc-color-black { color: #000 !important; } .fc-color-black1 { color: #000 !important; } .fc-color-black2 { color: #333 !important; } .fc-color-gray { color: #f7f7f7 !important; } .fc-color-gray1 { color: #f7f7f7 !important; } .fc-color-gray2 { color: #555 !important; } .fc-color-gray3 { color: #bbb !important; } .fc-color-gray4 { color: #cacaca !important; } .fc-color-gray5 { color: #dcdcdc !important; } .fc-color-gray6 { color: #f0f0f0 !important; } .fc-color-gray7 { color: #e7e7e7 !important; } .fc-color-gray8 { color: #e3e3e3 !important; } .fc-color-gray9 { color: #d0d0d0 !important; } .fc-color-gray10 { color: #c1c1c1 !important; } .fc-color-gray11 { color: #dfdfdf !important; } .fc-color-gray12 { color: #e4e4e4 !important; } .fc-color-gray13 { color: #cecece !important; } .fc-color-gray14 { color: #eeeeee !important; } .fc-color-gray15 { color: #ececec !important; } .fc-color-white { color: #fff !important; } .fc-color-white1 { color: #fff !important; } .fc-color-red { color: #f00 !important; } .fc-color-red1 { color: #f00 !important; } .fc-color-red2 { color: #e3142c !important; } .fc-color-red3 { color: #fef2f2 !important; } .fc-color-red4 { color: #dc8b94 !important; } .fc-color-red5 { color: #ff0000 !important; } .fc-color-blue { color: #d2e6f5 !important; } .fc-color-blue1 { color: #d2e6f5 !important; } .fc-color-blue2 { color: #013dff !important; } .fc-color-blue3 { color: #1475e3 !important; } .fc-color-blue4 { color: #e7f1fc !important; } .fc-color-blue5 { color: #73a9e7 !important; } .fc-color-green { color: #009844 !important; } .fc-color-green1 { color: #009844 !important; } .fc-color-green2 { color: #10a58b !important; } .fc-color-green3 { color: #76c6b8 !important; } .fc-color-green4 { color: #ecf5f3 !important; } .fc-color-green5 { color: #2ba38f !important; } .fc-color-green6 { color: #e9efec !important; } /* ========================================================== * * module * ========================================================== */ /* --------------------------------------------- * mod-accordion --------------------------------------------- */ .mod-accordion { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-accordion { margin-bottom: 12.5vw; } } .mod-accordion__accordion { margin-top: 32px; } @media screen and (max-width: 738px) { .mod-accordion__accordion { margin-top: 5.17241%; } } .mod-accordion__accordion:first-child { margin-top: 0; } .mod-accordion__accordion-header { padding: 10px 45px 10px 9px; overflow: hidden; border-radius: 4px; background: #ecf5f3 url(/daigakuin/img/sp/mod-accordion/arrow_down_green.png) right 18px top 17px no-repeat; background-size: 18px auto; cursor: pointer; } @media screen and (max-width: 738px) { .mod-accordion__accordion-header { padding: 3.44828% 11.2069% 3.44828% 2.58621%; background-position: right 3.125vw top 4.6875vw; background-size: 5% auto; } } .mod-accordion__accordion--opened .mod-accordion__accordion-header { background-image: url(/daigakuin/img/sp/mod-accordion/arrow_up_green.png); } .mod-accordion__accordion-heading { position: relative; line-height: 1.25; font-size: 1.28571rem; font-weight: bold; color: #10a58b; padding-left: 15px; } @media screen and (max-width: 738px) { .mod-accordion__accordion-heading { font-size: 1rem; padding-left: 2.8125vw; } } .mod-accordion__accordion-heading:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 4px; height: 22px; background-color: #10a58b; } @media screen and (max-width: 738px) { .mod-accordion__accordion-heading:before { top: 0.3125vw; width: 0.9375vw; height: 4.6875vw; } } .mod-accordion__accordion-body { display: none; margin-top: 33px; } @media screen and (max-width: 738px) { .mod-accordion__accordion-body { margin-top: 5.17241%; } } .mod-accordion__accordion--opened .mod-accordion__accordion-body { display: block; } .mod-accordion__accordion-text { line-height: 2; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-accordion__accordion-text { line-height: 1.75; font-size: 0.92857rem; } } /* --------------------------------------------- * mod-alert-1 --------------------------------------------- */ .mod-alert-1 { padding: 32px 40px; background-color: #fef2f2; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-alert-1 { padding: 5.68966% 6.89655%; margin-bottom: 12.5vw; } } .mod-alert-1__text { line-height: 1.75; font-size: 1.14286rem; font-weight: bold; } @media screen and (max-width: 738px) { .mod-alert-1__text { font-size: 0.85714rem; } } /* --------------------------------------------- * mod-alert-2 --------------------------------------------- */ .mod-alert-2 { padding: 32px 40px; border: 4px solid #dc8b94; background-color: #fef2f2; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-alert-2 { padding: 5.68966% 6.89655%; margin-bottom: 12.5vw; } } .mod-alert-2__lead { line-height: 1.75; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-alert-2__lead { font-size: 0.92857rem; } } .mod-alert-2__list { margin-top: 20px; } @media screen and (max-width: 738px) { .mod-alert-2__list { margin-top: 3.2%; } } .mod-alert-2__list-item { line-height: 1.75; font-size: 1rem; text-indent: -1em; padding-left: 1em; } @media screen and (max-width: 738px) { .mod-alert-2__list-item { font-size: 0.92857rem; } } .mod-alert-2__list-item:before { content: "・"; } /* --------------------------------------------- * mod-alert-3 --------------------------------------------- */ .mod-alert-3 { padding: 18px 40px; border: 4px solid #dc8b94; background-color: #fef2f2; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-alert-3 { padding: 3.44828% 6.89655%; margin-bottom: 12.5vw; } } .mod-alert-3__lead { line-height: 2; font-size: 1.14286rem; font-weight: bold; } @media screen and (max-width: 738px) { .mod-alert-3__lead { line-height: 1.75; font-size: 1rem; } } .mod-alert-3__text { line-height: 2; font-size: 1rem; margin-top: 3px; } @media screen and (max-width: 738px) { .mod-alert-3__text { line-height: 1.75; font-size: 0.92857rem; } } .mod-alert-3__text-bold { font-weight: bold; } .mod-alert-3__link { display: inline-block; color: #013dff; padding-right: 24px; background: url(/daigakuin/img/sp/mod-alert-3/icon_pdf.png) right center no-repeat; background-size: 14px auto; text-decoration: underline; } .mod-alert-3__link:hover { text-decoration: none; } .iphone .mod-alert-3__link:hover, .ipad .mod-alert-3__link:hover { text-decoration: underline; } /* --------------------------------------------- * mod-alert-4 --------------------------------------------- */ .mod-alert-4 { padding: 18px 40px; border: 4px solid #dc8b94; background-color: #fef2f2; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-alert-4 { padding: 3.44828% 6.89655%; margin-bottom: 12.5vw; } } .mod-alert-4__text { line-height: 2; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-alert-4__text { line-height: 1.75; font-size: 0.92857rem; } } .mod-alert-4__link { color: #013dff; text-decoration: underline; word-break: break-all; } .mod-alert-4__link:hover { text-decoration: none; } .iphone .mod-alert-4__link:hover, .ipad .mod-alert-4__link:hover { text-decoration: underline; } /* --------------------------------------------- * mod-alert-blue-1 --------------------------------------------- */ .mod-alert-blue-1 { padding: 18px 40px; border: 4px solid #73a9e7; background-color: #e7f1fc; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-alert-blue-1 { padding: 3.44828% 6.89655%; margin-bottom: 12.5vw; } } .mod-alert-blue-1__lead { line-height: 2; font-size: 1.14286rem; font-weight: bold; } @media screen and (max-width: 738px) { .mod-alert-blue-1__lead { line-height: 1.75; font-size: 1rem; } } .mod-alert-blue-1__text { line-height: 2; font-size: 1rem; color: #013dff; margin-top: 3px; } @media screen and (max-width: 738px) { .mod-alert-blue-1__text { line-height: 1.75; font-size: 0.92857rem; } } /* --------------------------------------------- * mod-alert-blue-2 --------------------------------------------- */ .mod-alert-blue-2 { padding: 32px 40px; border: 4px solid #73a9e7; background-color: #e7f1fc; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-alert-blue-2 { padding: 5.68966% 6.89655%; margin-bottom: 12.5vw; } } .mod-alert-blue-2__lead { line-height: 1.75; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-alert-blue-2__lead { font-size: 0.92857rem; } } .mod-alert-blue-2__list { margin-top: 20px; } @media screen and (max-width: 738px) { .mod-alert-blue-2__list { margin-top: 3.2%; } } .mod-alert-blue-2__list-item { line-height: 1.75; font-size: 1rem; text-indent: -1em; padding-left: 1em; } @media screen and (max-width: 738px) { .mod-alert-blue-2__list-item { font-size: 0.92857rem; } } .mod-alert-blue-2__list-item:before { content: "・"; } /* --------------------------------------------- * mod-submenu --------------------------------------------- */ .mod-submenu { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-submenu { margin-bottom: 12.5vw; } } .mod-submenu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -13px; } @media screen and (max-width: 738px) { .mod-submenu__list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .mod-submenu__list-item { line-height: 1.25; font-size: 1.07143rem; font-weight: bold; margin: 13px 13px 0 0; } @media screen and (max-width: 738px) { .mod-submenu__list-item { width: 48.27586%; font-size: 0.85714rem; margin: 3.44828% 0 0 0; } } @media screen and (max-width: 738px) { .edge .mod-submenu__list-item { margin: 3.125vw 0 0 0; } } .mod-submenu__link { display: block; text-align: center; padding: 10px 12px; overflow: hidden; border: 1px solid #10a58b; border-radius: 4px; } @media screen and (max-width: 738px) { .mod-submenu__link { padding: 10.35714% 1.78571%; } } .mod-submenu__link:hover { background-color: #e9efec; } .iphone .mod-submenu__link:hover, .ipad .mod-submenu__link:hover { background-color: transparent; } .mod-submenu__list-item--current .mod-submenu__link, .mod-submenu__list-item--current .mod-submenu__link:hover { color: #fff; background-color: #10a58b; } /* --------------------------------------------- * mod-breadcrumb --------------------------------------------- */ .mod-breadcrumb { padding: 18px 0; } @media screen and (max-width: 738px) { .mod-breadcrumb { display: none; } } .mod-breadcrumb__list { -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: auto; margin-left: auto; width: 1070px; padding-right: 10px; padding-left: 10px; } .mod-breadcrumb__list:after { content: ""; clear: both; display: block; } .mod-breadcrumb__list-item { float: left; line-height: 1.25; font-size: 0.92857rem; padding-left: 17px; background: url(/daigakuin/img/pc/mod-breadcrumb/arrow_right_black.png) left center no-repeat; margin-left: 11px; } .mod-breadcrumb__list-item:first-child { color: #013dff; padding-left: 0; background: none; margin-left: 0; } .mod-breadcrumb__link { display: block; text-decoration: none; } .mod-breadcrumb__link:hover { text-decoration: underline; } .iphone .mod-breadcrumb__link:hover, .ipad .mod-breadcrumb__link:hover { text-decoration: none; } .mod-breadcrumb__list-item--current .mod-breadcrumb__link, .mod-breadcrumb__list-item--current .mod-breadcrumb__link:hover { text-decoration: none; } /* --------------------------------------------- * mod-contact --------------------------------------------- */ .mod-contact { padding: 35px 40px 33px; background-color: #f7f7f7; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-contact { padding: 5.86207% 6.89655% 4.48276%; margin-bottom: 12.5vw; } } .mod-contact__heading { font-size: 1.14286rem; margin-bottom: 12px; } @media screen and (max-width: 738px) { .mod-contact__heading { font-size: 0.78571rem; } } .mod-contact__name { font-size: 1.42857rem; font-weight: bold; margin-bottom: 20px; } @media screen and (max-width: 738px) { .mod-contact__name { font-size: 1rem; } } .mod-contact__info-list { margin-bottom: 18px; } .mod-contact__info-list-item { word-break: break-all; line-height: 1.75; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-contact__info-list-item { font-size: 0.85714rem; } } .mod-contact__tel-link { text-decoration: underline; } .mod-contact__tel-link:hover { text-decoration: none; } .iphone .mod-contact__tel-link:hover, .ipad .mod-contact__tel-link:hover { text-decoration: underline; } .mod-contact__tel-link.js-tel-disabled, .mod-contact__tel-link.js-tel-disabled:hover { text-decoration: none; cursor: default; } .mod-contact__annotation { line-height: 1.75; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-contact__annotation { font-size: 0.85714rem; } } /* --------------------------------------------- * mod-contents-split --------------------------------------------- */ .mod-contents-split { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: auto; margin-left: auto; width: 1070px; padding-right: 10px; padding-left: 10px; } @media screen and (max-width: 738px) { .mod-contents-split { display: flex; flex-direction: column; width: auto; padding-right: 0; padding-left: 0; margin-bottom: 12.5vw; } } .mod-contents-split__sidebar { -webkit-box-sizing: border-box; box-sizing: border-box; width: 240px; } @media screen and (max-width: 738px) { .mod-contents-split__sidebar { order: 1; width: auto; } } .mod-contents-split__main { -webkit-box-sizing: border-box; box-sizing: border-box; width: 770px; } @media screen and (max-width: 738px) { .mod-contents-split__main { order: 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 15.625vw !important; margin-right: auto; margin-left: auto; width: 100%; padding-right: 4.6875vw; padding-left: 4.6875vw; } } /* --------------------------------------------- * mod-contents-split-none --------------------------------------------- */ .mod-contents-split-none { margin-bottom: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: auto; margin-left: auto; width: 1070px; padding-right: 10px; padding-left: 10px; } .mod-contents-split-none:after { content: ""; clear: both; display: block; } @media screen and (max-width: 738px) { .mod-contents-split-none { width: auto; padding-right: 0; padding-left: 0; margin-bottom: 12.5vw; } } .mod-contents-split-none__main { -webkit-box-sizing: border-box; box-sizing: border-box; width: 770px; margin: 0 auto; } @media screen and (max-width: 738px) { .mod-contents-split-none__main { -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: auto; margin-left: auto; width: auto; padding-right: 4.6875vw; padding-left: 4.6875vw; } } /* --------------------------------------------- * mod-figure-1 --------------------------------------------- */ .mod-figure-1 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-figure-1 { margin-bottom: 12.5vw; } } .mod-figure-1__images { overflow: hidden; } .mod-figure-1__image { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 280px; text-align: center; padding: 29px; border: 1px solid #dfdfdf; margin: 30px 0 0 30px; } @media screen and (max-width: 738px) { .mod-figure-1__image { width: 48.27586%; padding: 5%; margin: 3.44828% 0 0 3.44828%; } } .mod-figure-1__image:nth-child(-n+2) { margin-top: 0; } .mod-figure-1__image:nth-child(2n+1) { clear: both; margin-left: 0; } .mod-figure-1__image-content { width: 100%; max-width: none; } /* --------------------------------------------- * mod-figure-2 --------------------------------------------- */ .mod-figure-2 { overflow: hidden; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-figure-2 { margin-bottom: 12.5vw; } } .mod-figure-2__section { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 278px; padding: 29px 29px 22px; border: 1px solid #dfdfdf; margin: 30px 0 0 30px; } @media screen and (max-width: 738px) { .mod-figure-2__section { float: none; width: auto; padding: 0; border: 0; margin: 5.17241% 0 0; } } .mod-figure-2__section-inner { overflow: hidden; } .mod-figure-2__section:nth-child(-n+2) { margin-top: 0; } @media screen and (max-width: 738px) { .mod-figure-2__section:nth-child(-n+2) { margin-top: 5.17241%; } } @media screen and (max-width: 738px) { .mod-figure-2__section:first-child { margin-top: 0; } } .mod-figure-2__section:nth-child(2n+1) { clear: both; margin-left: 0; } .mod-figure-2__section-image { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } @media screen and (max-width: 738px) { .mod-figure-2__section-image { float: left; width: 47.93103%; padding: 5%; border: 1px solid #dfdfdf; } } @media screen and (max-width: 738px) { .mod-figure-2__section-image-content { width: 100%; max-width: none; } } .mod-figure-2__section-text { -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; } @media screen and (max-width: 738px) { .mod-figure-2__section-text { float: right; width: 47.24138%; margin-top: -0.72993%; } } .mod-figure-2__section-heading { line-height: 1.75; font-size: 1rem; font-weight: bold; } @media screen and (max-width: 738px) { .mod-figure-2__section-heading { font-size: 0.92857rem; } } .mod-figure-2__section-description { line-height: 1.75; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-figure-2__section-description { font-size: 0.92857rem; } } /* --------------------------------------------- * mod-flow --------------------------------------------- */ .mod-flow { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-flow { margin-bottom: 12.5vw; } } .mod-flow__section { margin-bottom: 10px; } @media screen and (max-width: 738px) { .mod-flow__section { margin-bottom: 1.72414%; } } .mod-flow__section:last-child { margin-bottom: 0; } .mod-flow__section:after { content: ""; display: block; width: 40px; height: 0; padding-top: 30px; overflow: hidden; background: url(/daigakuin/img/pc/mod-flow/arrow_down_green.png) 0 0 no-repeat; background-size: 100% auto; margin: 10px auto; } .mod-flow__section:last-child:after { display: none; } .mod-flow__section-inner { padding: 18px 40px; border: 2px solid #10a58b; background-color: #f7f7f7; } @media screen and (max-width: 738px) { .mod-flow__section-inner { padding: 3.44828% 6.89655%; } } .mod-flow__text { line-height: 2; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-flow__text { text-align: justify; line-height: 1.75; font-size: 0.92857rem; } } .mod-flow__text-link { color: #013dff; text-decoration: underline; } .mod-flow__text-link:hover { text-decoration: none; } .iphone .mod-flow__text-link:hover, .ipad .mod-flow__text-link:hover { text-decoration: underline; } .mod-flow__account { margin-top: 27px; } @media screen and (max-width: 738px) { .mod-flow__account { margin-top: 4.36508%; } } .mod-flow__account-heading { font-size: 1.14286rem; font-weight: bold; margin-bottom: 34px; } @media screen and (max-width: 738px) { .mod-flow__account-heading { font-size: 0.92857rem; margin-bottom: 5.95238%; } } .mod-flow__account-table { width: 100%; } @media screen and (max-width: 738px) { .mod-flow__account-table { margin-top: 7.93651%; } } @media screen and (max-width: 738px) { .mod-flow__account-table:first-child { margin-top: 0; } } .mod-flow__account-table th, .mod-flow__account-table td { font-size: 1rem; padding: 9px 19px 9px; border: 1px solid #76c6b8; } @media screen and (max-width: 738px) { .mod-flow__account-table th, .mod-flow__account-table td { width: 50%; text-align: center; font-size: 0.92857rem; padding: 1.98413% 0; } } .mod-flow__account-table th { font-weight: bold; background-color: #ecf5f3; } .mod-flow__account-table td { background-color: #fff; } .mod-flow__code { margin-top: 35px; } .mod-flow__code-heading { position: relative; font-size: 1.14286rem; font-weight: bold; color: #10a58b; padding-left: 22px; border-bottom: 1px solid #10a58b; margin-bottom: 20px; } @media screen and (max-width: 738px) { .mod-flow__code-heading { font-size: 1rem; padding-left: 9.92063%; margin-bottom: 7.93651%; } } .mod-flow__code-heading:before { content: ""; position: absolute; top: 0.3em; left: 0; display: block; width: 14px; height: 0; padding-top: 14px; background-color: #10a58b; } @media screen and (max-width: 738px) { .mod-flow__code-heading:before { top: 0.225em; width: 5.55556%; padding-top: 5.55556%; } } .mod-flow__code-table { width: 100%; } .mod-flow__code-table th, .mod-flow__code-table td { font-size: 1rem; padding: 9px 19px 9px; border: 1px solid #76c6b8; } @media screen and (max-width: 738px) { .mod-flow__code-table th, .mod-flow__code-table td { text-align: center; font-size: 0.92857rem; padding: 1.5873% 0 0.79365%; } } .mod-flow__code-table th { font-weight: bold; background-color: #ecf5f3; } @media screen and (max-width: 738px) { .mod-flow__code-table th { line-height: 1.25; } } .mod-flow__code-table td { background-color: #fff; } .mod-flow__code-char { text-align: center; } @media screen and (max-width: 738px) { .mod-flow__code-char { width: 40.07937%; } } .mod-flow__code-sample { margin-top: 33px; } @media screen and (max-width: 738px) { .mod-flow__code-sample { margin-top: 5.55556%; } } .mod-flow__code-sample-heading { line-height: 1.75; font-size: 1.14286rem; font-weight: bold; } @media screen and (max-width: 738px) { .mod-flow__code-sample-heading { font-size: 0.92857rem; } } .mod-flow__code-sample-text { line-height: 1.75; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-flow__code-sample-text { font-size: 0.92857rem; } } .mod-flow__direction { padding-bottom: 7px; margin-top: 32px; } @media screen and (max-width: 738px) { .mod-flow__direction { margin-top: 6.34921%; } } .mod-flow__direction-inner { padding: 34px 40px 40px; border: 1px solid #10a58b; background-color: #fff; } @media screen and (max-width: 738px) { .mod-flow__direction-inner { padding: 3.96825% 3.57143%; } } .mod-flow__direction-list-item { line-height: 1.75; font-size: 1.14286rem; } @media screen and (max-width: 738px) { .mod-flow__direction-list-item { font-size: 0.92857rem; margin-top: 3.96825%; } } @media screen and (max-width: 738px) { .mod-flow__direction-list-item:first-child { margin-top: 0; } } .mod-flow__direction-list-item-lead { text-indent: -1.4em; padding-left: 1.4em; } @media screen and (max-width: 738px) { .mod-flow__direction-list-item-lead { text-indent: 0; padding-left: 0; } } .mod-flow__direction-list-item-destination { font-weight: bold; margin: 25px 0; } @media screen and (max-width: 738px) { .mod-flow__direction-list-item-destination { margin: 4.2735% 0; } } .mod-flow__direction-list-item-annotation { text-indent: -1em; padding-left: 1em; } /* --------------------------------------------- * mod-header-megamenu --------------------------------------------- */ .mod-header-megamenu-about { position: fixed; right: 0; left: 0; z-index: 9900; display: none; width: 100%; min-width: 1100px; padding-top: 50px; padding-bottom: 60px; background-color: rgba(255, 255, 255, 0.95); } .mod-header-megamenu-about__inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 898px; margin: 0 auto; } .mod-header-megamenu-about__container { position: relative; text-align: center; border-right: 1px solid rgba(5, 130, 227, 0.2); color: #0e7c69; } .mod-header-megamenu-about__container--left { position: relative; padding-right: 70px; } .mod-header-megamenu-about__container--center { width: 274px; } .mod-header-megamenu-about__container--right { width: 296px; } .mod-header-megamenu-about__right-container-upper { padding-bottom: 40px; } .mod-header-megamenu-about__right-container-upper:after { display: block; content: ""; height: 1px; width: 160px; position: absolute; bottom: 25%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-bottom: 1px solid rgba(5, 130, 227, 0.2); } .mod-header-megamenu-about__right-container-lower { padding-top: 20px; } .mod-header-megamenu-about__image-wrapper { position: relative; } .mod-header-megamenu-about__image { width: 256px; border-radius: 6px; overflow: hidden; } .mod-header-megamenu-about__image-header { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mod-header-megamenu-about__image-heading { color: #fff; } .mod-header-megamenu-about__image-heading--jp { padding-bottom: 11px; font-size: 1.57143rem; display: block; } .mod-header-megamenu-about__image-heading--en { font-size: 1rem; } .mod-header-megamenu-about__list-header { margin-bottom: 31px; } .mod-header-megamenu-about__list-heading { font-size: 1.14286rem; font-weight: bold; } .mod-header-megamenu-about__list-item { margin-top: 17px; } .mod-header-megamenu-about__link { display: block; font-size: 1rem; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .mod-header-megamenu-about__link:hover { opacity: 0.7; } .iphone .mod-header-megamenu-about__link:hover, .ipad .mod-header-megamenu-about__link:hover { opacity: 1; } .mod-header-megamenu-campus { position: fixed; right: 0; left: 0; z-index: 9900; display: none; width: 100%; min-width: 1100px; padding: 50px 0 50px; background: rgba(17, 130, 126, 0.85); } .mod-header-megamenu-campus__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 1160px; margin: 0 auto; } .mod-header-megamenu-campus__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 28px; text-align: center; } .mod-header-megamenu-campus__heading { color: #fff; } .mod-header-megamenu-campus__heading--jp { display: block; padding-bottom: 11px; font-size: 1.57143rem; font-weight: bold; } .mod-header-megamenu-campus__heading__en { font-size: 1rem; } .mod-header-megamenu-campus__area-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 954px; } @media screen and (max-width: 738px) { .mod-header-megamenu-campus__area-list { display: block; width: 78.125vw; margin: 0 auto; } } .mod-header-megamenu-campus__area-list-item { position: relative; overflow: hidden; border-radius: 6px; margin: 0 0 0 30px; } .mod-header-megamenu-campus__area-list-item:nth-child(3n+1) { margin-left: 0; } .mod-header-megamenu-campus__area-list-item:nth-child(-n+3) { margin-top: 0; } .mod-header-megamenu-campus__area-list-item:nth-child(n+4) { margin-top: 30px; } .mod-header-megamenu-campus__area-list-inner { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; width: 298px; height: 144px; padding: 10px; overflow: hidden; background-color: #fff; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .mod-header-megamenu-campus__area-list-inner:hover { opacity: 0.7; } .iphone .mod-header-megamenu-campus__area-list-inner:hover, .ipad .mod-header-megamenu-campus__area-list-inner:hover { opacity: 1; } @media screen and (max-width: 738px) { .mod-header-megamenu-campus__area-list-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; height: auto; padding: 3.125vw; } } .mod-header-megamenu-campus__area-list-image { width: 124px; overflow: hidden; border-radius: 6px; } @media screen and (max-width: 738px) { .mod-header-megamenu-campus__area-list-image { width: 30.46875vw; margin-bottom: 0; } } .mod-header-megamenu-campus__area-list-image-content { width: 100%; } .mod-header-megamenu-campus__text-wrapper { letter-spacing: -0.05em; margin-left: 20px; } @media screen and (max-width: 738px) { .mod-header-megamenu-campus__text-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; display: block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; letter-spacing: inherit; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 50%; height: 29.84375vw; padding-left: 3.75vw; margin-left: 0; } } .mod-header-megamenu-campus__area-list-heading { padding: 5px 0 3px; font-size: 1.28571rem; font-weight: bold; line-height: 1.3; } .mod-header-megamenu-campus__text-list-item { margin-top: 2px; font-size: 0.85714rem; letter-spacing: 0.5px; } .mod-header-megamenu-campus__area-list-footer { position: absolute; bottom: 10px; right: 10px; overflow: hidden; margin-top: 9px; } @media screen and (max-width: 738px) { .mod-header-megamenu-campus__area-list-footer { margin-top: 0; } } .mod-header-megamenu-campus__area-list-arrow { float: right; width: 39px; height: 25px; background: #009844 url(/daigakuin/img/common/arrow_right.png) center center no-repeat; border-radius: 4px; } @media screen and (max-width: 738px) { .mod-header-megamenu-campus__area-list-arrow { float: none; width: 6.71875vw; height: 4.53125vw; background-size: 1.09375vw auto; margin-left: auto; } } .mod-header-megamenu-campus__ribbon { position: absolute; top: 0; left: 6px; width: 18px; } .mod-header-megamenu-campus__ribbon-left { position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 19px 18px 0 0; } .mod-header-megamenu-campus__ribbon-right { width: 0; height: 0; border-style: solid; border-width: 0 18px 19px 0; } .mod-header-megamenu-campus__area-list-item--akasaka-campus2 .mod-header-megamenu-campus__ribbon-left { border-color: #b68ccc transparent transparent transparent; } .mod-header-megamenu-campus__area-list-item--akasaka-campus2 .mod-header-megamenu-campus__ribbon-right { border-color: transparent #b68ccc transparent transparent; } .mod-header-megamenu-campus__area-list-item--narita-campus .mod-header-megamenu-campus__ribbon-left { border-color: #669bb9 transparent transparent transparent; } .mod-header-megamenu-campus__area-list-item--narita-campus .mod-header-megamenu-campus__ribbon-right { border-color: transparent #669bb9 transparent transparent; } .mod-header-megamenu-campus__area-list-item--akasaka-campus .mod-header-megamenu-campus__ribbon-left { border-color: #f19a7f transparent transparent transparent; } .mod-header-megamenu-campus__area-list-item--akasaka-campus .mod-header-megamenu-campus__ribbon-right { border-color: transparent #f19a7f transparent transparent; } .mod-header-megamenu-campus__area-list-item--hukuoka-ookawa-campus .mod-header-megamenu-campus__ribbon-left { border-color: #b6ca10 transparent transparent transparent; } .mod-header-megamenu-campus__area-list-item--hukuoka-ookawa-campus .mod-header-megamenu-campus__ribbon-right { border-color: transparent #b6ca10 transparent transparent; } .mod-header-megamenu-campus__area-list-item--odawara-campus .mod-header-megamenu-campus__ribbon-left { border-color: #e06783 transparent transparent transparent; } .mod-header-megamenu-campus__area-list-item--odawara-campus .mod-header-megamenu-campus__ribbon-right { border-color: transparent #e06783 transparent transparent; } .mod-header-megamenu-campus__area-list-item--ohtawara-cumpus .mod-header-megamenu-campus__ribbon-left { border-color: #3cdfba transparent transparent transparent; } .mod-header-megamenu-campus__area-list-item--ohtawara-cumpus .mod-header-megamenu-campus__ribbon-right { border-color: transparent #3cdfba transparent transparent; } .mod-header-megamenu-campus__icon-star { position: absolute; top: -10px; left: 9px; } .mod-header-megamenu-admission { position: fixed; right: 0; left: 0; z-index: 9900; display: none; width: 100%; min-width: 1100px; padding: 50px 0 60px; background: rgba(17, 130, 126, 0.85); } .mod-header-megamenu-admission__inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1060px; margin: 0 auto; } .mod-header-megamenu-admission__container { border-right: 1px solid rgba(255, 255, 255, 0.2); color: #0e7c69; } .mod-header-megamenu-admission__container--left { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; } .mod-header-megamenu-admission__container--center { width: 245px; } .mod-header-megamenu-admission__container--right { width: 245px; border-right: none; } .mod-header-megamenu-admission__image-wrapper { position: relative; } .mod-header-megamenu-admission__image { width: 256px; border-radius: 6px; overflow: hidden; } .mod-header-megamenu-admission__image-header { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mod-header-megamenu-admission__image-heading { color: #fff; text-align: center; } .mod-header-megamenu-admission__image-heading--jp { padding-bottom: 11px; font-size: 1.57143rem; font-weight: bold; display: block; } .mod-header-megamenu-admission__image-heading--en { font-size: 1rem; } .mod-header-megamenu-admission__list-wrapper { width: 285px; padding-left: 20px; } .mod-header-megamenu-admission__list-header { margin-bottom: 31px; padding-left: 40px; } .mod-header-megamenu-admission__list-heading { font-size: 1.14286rem; color: #fff; } .mod-header-megamenu-admission__list-item { margin-top: 17px; } .mod-header-megamenu-admission__link { display: block; padding-left: 40px; font-size: 1rem; font-weight: bold; color: #fff; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .mod-header-megamenu-admission__link:hover { opacity: 0.7; } .iphone .mod-header-megamenu-admission__link:hover, .ipad .mod-header-megamenu-admission__link:hover { opacity: 1; } .mod-header-megamenu-career { position: fixed; right: 0; left: 0; z-index: 9900; display: none; width: 100%; min-width: 1100px; padding: 50px 0 60px; background: rgba(17, 130, 126, 0.85); } .mod-header-megamenu-career__inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1000px; margin: 0 auto; } .mod-header-megamenu-career__container { border-right: 1px solid rgba(255, 255, 255, 0.2); color: #0e7c69; } .mod-header-megamenu-career__container--left { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; } .mod-header-megamenu-career__container--right { width: 390px; border-right: none; } .mod-header-megamenu-career__image-wrapper { position: relative; } .mod-header-megamenu-career__image { width: 256px; border-radius: 6px; overflow: hidden; } .mod-header-megamenu-career__image-header { width: 180px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mod-header-megamenu-career__image-heading { color: #fff; text-align: center; } .mod-header-megamenu-career__image-heading--jp { padding-bottom: 11px; font-size: 1.57143rem; font-weight: bold; display: block; } .mod-header-megamenu-career__image-heading--en { font-size: 1rem; } .mod-header-megamenu-career__list-wrapper { width: 285px; padding-left: 20px; } .mod-header-megamenu-career__list-header { margin-bottom: 31px; padding-left: 40px; } .mod-header-megamenu-career__list-heading { font-size: 1.14286rem; } .mod-header-megamenu-career__list-item { margin-top: 17px; } .mod-header-megamenu-career__link { display: block; padding-left: 40px; font-size: 1rem; font-weight: bold; color: #fff; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .mod-header-megamenu-career__link:hover { opacity: 0.7; } .iphone .mod-header-megamenu-career__link:hover, .ipad .mod-header-megamenu-career__link:hover { opacity: 1; } .mod-header-megamenu--active { border-top: 1px solid #eaeaea; z-index: 9999; } /* --------------------------------------------- * mod-heading-2 --------------------------------------------- */ .mod-heading-2 { margin-bottom: 35px; } @media screen and (max-width: 738px) { .mod-heading-2 { margin-bottom: 6.2069%; } } .mod-heading-2__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.25; font-size: 1.71429rem; font-weight: bold; color: #10a58b; padding: 9px 8px 8px; background-color: #ecf5f3; } @media screen and (max-width: 738px) { .mod-heading-2__heading { font-size: 1rem; padding: 2.41379% 2.06897% 2.06897%; } } .mod-heading-2__heading:before, .mod-heading-2__heading:after { content: ""; display: block; min-width: 25px; width: 25px; height: 1px; background-color: #10a58b; } @media screen and (max-width: 738px) { .mod-heading-2__heading:before, .mod-heading-2__heading:after { width: 4.31034%; min-width: 4.31034%; } } .mod-heading-2__heading:before { margin-right: 20px; } @media screen and (max-width: 738px) { .mod-heading-2__heading:before { margin-right: 2.75862%; } } .mod-heading-2__heading:after { margin-left: 20px; } @media screen and (max-width: 738px) { .mod-heading-2__heading:after { margin-left: 2.75862%; } } .mod-heading-2__heading-text { display: block; } /* --------------------------------------------- * mod-heading-3 --------------------------------------------- */ .mod-heading-3 { margin-bottom: 20px; } @media screen and (max-width: 738px) { .mod-heading-3 { margin-bottom: 6.89655%; } } .mod-heading-3__heading { position: relative; font-size: 1.42857rem; font-weight: bold; color: #10a58b; padding-left: 15px; } @media screen and (max-width: 738px) { .mod-heading-3__heading { font-size: 1rem; padding-left: 3.96552%; } } .mod-heading-3__heading:before { content: ""; position: absolute; top: 0.15em; left: 0; display: block; width: 5px; height: calc(100% - 0.25em); background-color: #10a58b; } @media screen and (max-width: 738px) { .mod-heading-3__heading:before { width: 0.78125vw; } } /* --------------------------------------------- * mod-heading-3-2 --------------------------------------------- */ .mod-heading-3-2 { margin-bottom: 35px; } @media screen and (max-width: 738px) { .mod-heading-3-2 { margin-bottom: 6.2069%; } } .mod-heading-3-2__heading { position: relative; line-height: 1.25; font-size: 2rem; font-weight: bold; color: #10a58b; padding-left: 19px; } @media screen and (max-width: 738px) { .mod-heading-3-2__heading { font-size: 1.07143rem; padding-left: 3.27586%; } } .mod-heading-3-2__heading:before { content: ""; position: absolute; top: 0.15em; left: 0; display: block; width: 5px; height: 1em; background-color: #10a58b; } @media screen and (max-width: 738px) { .mod-heading-3-2__heading:before { width: 0.86207%; } } /* --------------------------------------------- * mod-heading-4 --------------------------------------------- */ .mod-heading-4 { margin-bottom: 20px; } @media screen and (max-width: 738px) { .mod-heading-4 { margin-bottom: 6.89655%; } } .mod-heading-4__heading { position: relative; font-size: 1.14286rem; font-weight: bold; color: #10a58b; padding-left: 22px; border-bottom: 1px solid #10a58b; } @media screen and (max-width: 738px) { .mod-heading-4__heading { font-size: 1rem; padding-left: 8.62069%; } } .mod-heading-4__heading:before { content: ""; position: absolute; top: 0.3em; left: 0; display: block; width: 14px; height: 0; padding-top: 14px; background-color: #10a58b; } @media screen and (max-width: 738px) { .mod-heading-4__heading:before { top: 0.225em; width: 4.82759%; padding-top: 4.82759%; } } /* --------------------------------------------- * mod-heading-5 --------------------------------------------- */ .mod-heading-5 { margin-bottom: 20px; } @media screen and (max-width: 738px) { .mod-heading-5 { margin-bottom: 6.89655%; } } .mod-heading-5__heading { font-size: 1.14286rem; font-weight: bold; } @media screen and (max-width: 738px) { .mod-heading-5__heading { font-size: 0.92857rem; margin-bottom: 6.89655%; } } /* --------------------------------------------- * mod-keyvisual --------------------------------------------- */ .mod-keyvisual { /*height: 314px;*/ height: 407px; overflow: hidden; background-position: center top; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 738px) { .mod-keyvisual { position: relative; height: auto; padding-top: 45.78125%; background-size: 100% auto; } } .mod-keyvisual--faculty { background-image: url(/daigakuin/img/pc/mod-keyvisual/faculty.jpg); } @media screen and (max-width: 738px) { .mod-keyvisual--faculty { background-image: url(/daigakuin/img/sp/mod-keyvisual/faculty.jpg); } } .mod-keyvisual--admission { background-image: url(/daigakuin/img/pc/mod-keyvisual/admission.jpg); } @media screen and (max-width: 738px) { .mod-keyvisual--admission { background-image: url(/daigakuin/img/sp/mod-keyvisual/admission.jpg); } } .mod-keyvisual--about { background-image: url(/daigakuin/img/pc/mod-keyvisual/about.jpg); } @media screen and (max-width: 738px) { .mod-keyvisual--about { background-image: url(/daigakuin/img/sp/mod-keyvisual/about.jpg); } } .mod-keyvisual--others { background-image: url(/daigakuin/img/pc/mod-keyvisual/about.jpg); } .mod-keyvisual--news { background-image: url(/daigakuin/img/pc/mod-keyvisual/news.jpg); } @media screen and (max-width: 738px) { .mod-keyvisual--news { background-image: url(/daigakuin/img/sp/mod-keyvisual/news.jpg); } } @media screen and (max-width: 738px) { .mod-keyvisual--cancer { background-image: url(/daigakuin/img/sp/mod-keyvisual/about.jpg); } } .mod-keyvisual--cancer { background-image: url(/daigakuin/img/pc/mod-keyvisual/cancer.jpg); } @media screen and (max-width: 738px) { .mod-keyvisual--cancer { background-image: url(/daigakuin/img/sp/mod-keyvisual/cancer.jpg); } } .mod-keyvisual--shakai-shoku { background-image: url(/daigakuin/img/pc/mod-keyvisual/shakai-shoku.png); } @media screen and (max-width: 738px) { .mod-keyvisual--shakai-shoku { background-image: url(/daigakuin/img/sp/mod-keyvisual/shakai-shoku.png); } } .mod-keyvisual__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: auto; margin-left: auto; width: 1070px; padding-right: 10px; padding-left: 10px; } @media screen and (max-width: 738px) { .mod-keyvisual__inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; padding: 0; } } @media screen and (max-width: 738px) { .mod-keyvisual__inner:before { display: none; } } .mod-keyvisual__heading { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 770px; margin: 0 auto; } @media screen and (max-width: 738px) { .mod-keyvisual__heading { position: absolute; top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } } .mod-keyvisual__heading-inner { padding: 14px 39px 20px; overflow: hidden; border-radius: 4px; background-color: rgba(16, 165, 139, 0.8); } @media screen and (max-width: 738px) { .mod-keyvisual__heading-inner { display: block; padding: 2.1875% 6.09375% 3.125%; } } .ie11 .mod-keyvisual__heading-inner { padding-top: 2.5%; padding-bottom: 2.8125%; } .mod-keyvisual__heading-jpn { display: block; text-align: center; line-height: 1.25; font-size: 2.14286rem; font-weight: bold; color: #fff; } @media screen and (max-width: 738px) { .mod-keyvisual__heading-jpn { font-size: 1.07143rem; } } .mod-keyvisual__heading-eng { display: block; text-align: center; line-height: 1.25; font-weight: bold; margin-top: 4px; } @media screen and (max-width: 738px) { .mod-keyvisual__heading-eng { font-size: 0.5rem; margin-top: 0.625vw; } } /* --------------------------------------------- * mod-link-access --------------------------------------------- */ .mod-link-access { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 32px 40px; background-color: #f7f7f7; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-link-access { display: block; padding: 5.51724% 6.55172% 6.89655%; margin-bottom: 12.5vw; } } @media screen and (max-width: 738px) { .mod-link-access--no-link { padding-bottom: 5.51724%; } } .mod-link-access__text { -webkit-box-sizing: border-box; box-sizing: border-box; width: 540px; } @media screen and (max-width: 738px) { .mod-link-access__text { width: auto; } } .mod-link-access--no-link .mod-link-access__text { width: auto; } .mod-link-access__location { line-height: 2; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-link-access__location { line-height: 1.75; font-size: 0.92857rem; } } .mod-link-access__contacts { letter-spacing: -0.4em; } .mod-link-access__contact { display: inline-block; letter-spacing: normal; line-height: 2; font-size: 1rem; margin-left: 10px; } @media screen and (max-width: 738px) { .mod-link-access__contact { display: block; line-height: 1.75; font-size: 0.92857rem; margin-left: 0; } } .mod-link-access__contact:first-child { margin-left: 0; } @media screen and (max-width: 738px) { .mod-link-access__contact-link { text-decoration: underline; } .mod-link-access__contact-link:hover { text-decoration: none; } .iphone .mod-link-access__contact-link:hover, .ipad .mod-link-access__contact-link:hover { text-decoration: underline; } } .mod-link-access__contact-link.js-tel-disabled, .mod-link-access__contact-link.js-tel-disabled:hover { cursor: default; text-decoration: none; } @media screen and (max-width: 738px) { .mod-link-access__link-wrapper { margin-top: 5.95238%; } } .mod-link-access__link { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 135px; text-align: center; font-size: 1rem; color: #10a58b; padding: 6px 0 5px; overflow: hidden; border: 1px solid #10a58b; border-radius: 4px; background-color: #fff; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .mod-link-access__link:hover { opacity: 0.7; } .iphone .mod-link-access__link:hover, .ipad .mod-link-access__link:hover { opacity: 1; } @media screen and (max-width: 738px) { .mod-link-access__link { width: 45.63492%; font-size: 0.78571rem; padding: 2.38095% 0 1.98413%; margin: 0 auto; } } .mod-link-access__link-text { display: inline-block; padding-left: 14px; background: url(/daigakuin/img/sp/mod-link-access/arrow_right_green.png) left center no-repeat; background-size: 6px auto; } @media screen and (max-width: 738px) { .mod-link-access__link-text { padding-left: 3.4375vw; background-size: 1.71875vw auto; } } /* --------------------------------------------- * mod-list-1 --------------------------------------------- */ .mod-list-1 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-list-1 { margin-bottom: 12.5vw; } } .mod-list-1__section { margin-top: 43px; } @media screen and (max-width: 738px) { .mod-list-1__section { margin-top: 6.89655%; } } .mod-list-1__section:first-child { margin-top: 0; } .mod-list-1__section-heading { position: relative; line-height: 1.25; font-size: 1.42857rem; font-weight: bold; color: #10a58b; padding-left: 15px; } @media screen and (max-width: 738px) { .mod-list-1__section-heading { font-size: 1rem; padding-left: 4.13793%; } } .mod-list-1__section-heading:before { content: ""; position: absolute; top: 0.1em; left: 0; display: block; width: 5px; height: 1em; background-color: #10a58b; } @media screen and (max-width: 738px) { .mod-list-1__section-heading:before { width: 1.37931%; } } .mod-list-1__section-list { margin-top: 30px; } @media screen and (max-width: 738px) { .mod-list-1__section-list { margin-top: 4.82759%; } } .mod-list-1__section-list-item { font-size: 1.14286rem; padding-left: 20px; background: url(/daigakuin/img/sp/mod-list-1/arrow_right_green.png) left 0.45em no-repeat; background-size: 7px auto; margin-top: 10px; } @media screen and (max-width: 738px) { .mod-list-1__section-list-item { font-size: 0.92857rem; padding-left: 5.17241%; background-position: left 1.01562vw; background-size: 2.58621% auto; margin-top: 3.44828%; } } .mod-list-1__section-list-item:first-child { margin-top: 0; } .mod-list-1__section-link { text-decoration: none; } .mod-list-1__section-link:hover { text-decoration: underline; } .iphone .mod-list-1__section-link:hover, .ipad .mod-list-1__section-link:hover { text-decoration: none; } .mod-list-1__section-link:after { content: ""; position: relative; top: -1px; display: inline-block; vertical-align: middle; width: 14px; height: 0; padding-top: 13px; overflow: hidden; background: url(/daigakuin/img/sp/mod-list-1/icon_pdf.png) 0 0 no-repeat; background-size: 100% auto; margin-left: 10px; } @media screen and (max-width: 738px) { .mod-list-1__section-link:after { top: -0.625vw; width: 4.375vw; padding-top: 4.0625vw; margin-left: 3.125vw; } } .mod-list-1__section-link--icon-margin-narrow:after { margin-left: 0; } .mod-list-1__section-link-inline { text-decoration: underline; } .mod-list-1__section-link-inline:hover { text-decoration: none; } .iphone .mod-list-1__section-link-inline:hover, .ipad .mod-list-1__section-link-inline:hover { text-decoration: underline; } .mod-list-1__section-link-inline:after { content: ""; position: relative; top: -1px; display: inline-block; vertical-align: middle; width: 14px; height: 0; padding-top: 13px; overflow: hidden; background: url(/daigakuin/img/sp/mod-list-1/icon_new_window.png) 0 0 no-repeat; background-size: 100% auto; margin: 0 6px; } @media screen and (max-width: 738px) { .mod-list-1__section-link-inline:after { top: -0.625vw; width: 4.375vw; padding-top: 4.0625vw; margin: 0 1.875vw; } } .mod-list-1__section-link-inline--icon-margin-narrow:after { margin-left: 0; } /* --------------------------------------------- * mod-list-2 --------------------------------------------- */ .mod-list-2 { padding: 27px 43px; background-color: #f7f7f7; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-list-2 { padding: 8.62069% 6.55172%; margin-bottom: 12.5vw; } } .mod-list-2__list-item { font-size: 1rem; padding-top: 16px; border-top: 1px dotted #cecece; margin-top: 16px; } @media screen and (max-width: 738px) { .mod-list-2__list-item { padding-top: 6.34921%; font-size: 0.92857rem; margin-top: 6.34921%; } } .mod-list-2__list-item:first-child { padding-top: 0; border-top: 0; margin-top: 0; } .mod-list-2__link { color: #013dff; text-decoration: underline; } .mod-list-2__link:hover { text-decoration: none; } .iphone .mod-list-2__link:hover, .ipad .mod-list-2__link:hover { text-decoration: underline; } .mod-list-2__link:after { content: ""; position: relative; top: -1px; display: inline-block; vertical-align: middle; width: 14px; height: 0; padding-top: 13px; overflow: hidden; background: url(/daigakuin/img/sp/mod-list-2/icon_pdf.png) 0 0 no-repeat; background-size: 100% auto; margin-left: 10px; } @media screen and (max-width: 738px) { .mod-list-2__link:after { top: -0.625vw; width: 4.375vw; padding-top: 4.0625vw; margin-left: 3.125vw; } } .mod-list-2__link--icon-margin-narrow:after { margin-left: 0; } .mod-list-2__note { margin-left: 14px; } @media screen and (max-width: 738px) { .mod-list-2__note { margin-left: 0; } } .mod-list-2__note--margin-narrow { margin-left: 4px; } @media screen and (max-width: 738px) { .mod-list-2__note--margin-narrow { margin-left: 0; } } /* --------------------------------------------- * mod-list-3 --------------------------------------------- */ .mod-list-3 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-list-3 { margin-bottom: 12.5vw; } } .mod-list-3__section { margin-top: 22px; } @media screen and (max-width: 738px) { .mod-list-3__section { margin-top: 4.13793%; } } .mod-list-3__section:first-child { margin-top: 0; } .mod-list-3__section-heading { font-size: 1rem; } @media screen and (max-width: 738px) { .mod-list-3__section-heading { font-size: 0.92857rem; } } .mod-list-3__section-list { margin-top: 2px; } @media screen and (max-width: 738px) { .mod-list-3__section-list { margin-top: 0; } } .mod-list-3__section-list-item { font-size: 1rem; } @media screen and (max-width: 738px) { .mod-list-3__section-list-item { font-size: 0.92857rem; } } .mod-list-3__section-link { color: #013dff; text-decoration: underline; } .mod-list-3__section-link:hover { text-decoration: none; } .iphone .mod-list-3__section-link:hover, .ipad .mod-list-3__section-link:hover { text-decoration: underline; } .mod-list-3__section-link:after { content: ""; position: relative; top: -1px; display: inline-block; vertical-align: middle; width: 14px; height: 0; padding-top: 13px; overflow: hidden; background: url(/daigakuin/img/sp/mod-list-2/icon_pdf.png) 0 0 no-repeat; background-size: 100% auto; margin-left: 10px; } @media screen and (max-width: 738px) { .mod-list-3__section-link:after { top: -0.625vw; width: 4.375vw; padding-top: 4.0625vw; margin-left: 3.125vw; } } .mod-list-3__section-link--icon-margin-narrow:after { margin-left: 0; } /* --------------------------------------------- * mod-list-4 --------------------------------------------- */ .mod-list-4 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-list-4 { margin-bottom: 12.5vw; } } .mod-list-4__list-item { line-height: 2; font-size: 1rem; text-indent: -1.4em; padding-left: 1.4em; } @media screen and (max-width: 738px) { .mod-list-4__list-item { line-height: 1.75; font-size: 0.92857rem; } } .mod-list-4__list-item:before { content: ""; position: relative; top: 2px; display: inline-block; width: 1em; height: 0; padding-top: 1em; overflow: hidden; border-radius: 50%; background-color: #10a58b; margin-right: 0.4em; } @media screen and (max-width: 738px) { .mod-list-4__list-item:before { top: 0.1em; } } /* --------------------------------------------- * mod-list-field-1 --------------------------------------------- */ .mod-list-field-1 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-list-field-1 { margin-bottom: 12.5vw; } } .mod-list-field-1__accordion { background-color: #ecf5f3; border: 1px solid #10a58b; margin-top: 40px; } @media screen and (max-width: 738px) { .mod-list-field-1__accordion { margin-top: 6.89655%; } } .mod-list-field-1__accordion:frist-child { margin-top: 0; } .mod-list-field-1__accordion-header { padding: 29px 39px 27px; } @media screen and (max-width: 738px) { .mod-list-field-1__accordion-header { padding: 6.55172% 6.55172%; } } .mod-list-field-1__accordion-heading { text-align: center; font-size: 1.28571rem; color: #fff; padding: 6px 0 7px; background-color: #10a58b; } @media screen and (max-width: 738px) { .mod-list-field-1__accordion-heading { font-size: 0.92857rem; padding: 2.77778% 0 2.38095%; cursor: pointer; background-repeat: no-repeat; background-position: right 3.76984% center; background-image: url(/daigakuin/img/sp/mod-list-field-1/arrow_down_white.png); background-size: 5.75397% auto; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .mod-list-field-1__accordion-heading:hover { opacity: 0.7; } .iphone .mod-list-field-1__accordion-heading:hover, .ipad .mod-list-field-1__accordion-heading:hover { opacity: 1; } } .mod-list-field-1__accordion--opened .mod-list-field-1__accordion-heading { background-image: url(/daigakuin/img/sp/mod-list-field-1/arrow_up_white.png); } .mod-list-field-1__accordion-body { padding: 0 39px; } @media screen and (max-width: 738px) { .mod-list-field-1__accordion-body { display: none; padding: 0 6.55172%; } } .mod-list-field-1__accordion--opened .mod-list-field-1__accordion-body { display: block; } .mod-list-field-1__accordion-body-inner { padding-bottom: 30px; } @media screen and (max-width: 738px) { .mod-list-field-1__accordion-body-inner { padding-bottom: 5.55556%; } } .mod-list-field-1__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; border-top: 1px solid #10a58b; } @media screen and (max-width: 738px) { .mod-list-field-1__list-item { display: block; padding: 3.96825% 0; } } .mod-list-field-1__list-item:first-child { padding-top: 0; border-top: 0; } .mod-list-field-1__list-item:last-child { padding-bottom: 0; } .mod-list-field-1__list-text { font-size: 1.28571rem; } @media screen and (max-width: 738px) { .mod-list-field-1__list-text { font-size: 0.92857rem; margin-bottom: 1.98413%; } } .mod-list-field-1__links { overflow: hidden; width: 250px; } @media screen and (max-width: 738px) { .mod-list-field-1__links { width: auto; } } .mod-list-field-1__link { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 120px; text-align: center; letter-spacing: 0.1em; font-size: 1rem; padding: 4px 0 3px; overflow: hidden; border: 1px solid #d0d0d0; border-radius: 4px; background-color: #fff; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .mod-list-field-1__link:hover { opacity: 0.7; } .iphone .mod-list-field-1__link:hover, .ipad .mod-list-field-1__link:hover { opacity: 1; } @media screen and (max-width: 738px) { .mod-list-field-1__link { width: 47.61905%; font-size: 0.92857rem; padding: 3.1746% 0 2.38095%; } } .edge .mod-list-field-1__link, .ie11 .mod-list-field-1__link { -webkit-transition: none; -o-transition: none; transition: none; } .mod-list-field-1__link--master { float: left; color: #e3142c; } .mod-list-field-1__link--doctor { float: right; color: #1475e3; } .mod-list-field-1__link-text { display: inline-block; padding-left: 14px; background-position: left center; background-repeat: no-repeat; background-size: 6px auto; } @media screen and (max-width: 738px) { .mod-list-field-1__link-text { background-size: 1.71875vw auto; } } .mod-list-field-1__link--master .mod-list-field-1__link-text { background-image: url(/daigakuin/img/sp/mod-list-field-1/arrow_right_red.png); } .mod-list-field-1__link--doctor .mod-list-field-1__link-text { background-image: url(/daigakuin/img/sp/mod-list-field-1/arrow_right_blue.png); } /* --------------------------------------------- * mod-list-field-2 --------------------------------------------- */ .mod-list-field-2 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-list-field-2 { margin-bottom: 12.5vw; } } .mod-list-field-2__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 738px) { .mod-list-field-2__list { display: block; } } .mod-list-field-2__list-item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 365px; margin-top: 20px; } @media screen and (max-width: 738px) { .mod-list-field-2__list-item { width: auto; margin-top: 5.17241%; } } .mod-list-field-2__list-item:nth-child(-n+2) { margin-top: 0; } @media screen and (max-width: 738px) { .mod-list-field-2__list-item:nth-child(-n+2) { margin-top: 5.17241%; } } @media screen and (max-width: 738px) { .mod-list-field-2__list-item:first-child { margin-top: 0; } } .mod-list-field-2__link { display: block; font-size: 1.14286rem; padding: 7px 5px 7px 27px; overflow: hidden; border: 1px solid #f0f0f0; border-radius: 4px; background: #f7f7f7 url(/daigakuin/img/sp/mod-list-field-2/arrow_right_green.png) 12px 14px no-repeat; background-size: 7px auto; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .mod-list-field-2__link:hover { opacity: 0.5; } .iphone .mod-list-field-2__link:hover, .ipad .mod-list-field-2__link:hover { opacity: 1; } @media screen and (max-width: 738px) { .mod-list-field-2__link { font-size: 0.92857rem; padding: 1.2069% 1.03448% 1.03448% 7.75862%; background-position: 3.10345% 2.8125vw; background-size: 1.89655% auto; } } /* --------------------------------------------- * mod-list-subject --------------------------------------------- */ .mod-list-subject { padding: 40px 40px 14px; border: 1px solid #76c6b8; background-color: #f7f7f7; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-list-subject { padding: 6.55172% 6.55172% 2.06897%; margin-bottom: 12.5vw; } } .mod-list-subject__section { margin-top: 14px; } @media screen and (max-width: 738px) { .mod-list-subject__section { margin-top: 2.38095%; } } .mod-list-subject__section:first-child { margin-top: 0; } @media screen and (max-width: 738px) { .mod-list-subject__section-header { margin-bottom: 2.38095%; } } .mod-list-subject__section-heading { text-align: center; font-size: 1.28571rem; color: #fff; padding: 6px 0 7px; background-color: #10a58b; } @media screen and (max-width: 738px) { .mod-list-subject__section-heading { font-size: 0.92857rem; padding: 2.77778% 0 2.38095%; } } .mod-list-subject__section-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 738px) { .mod-list-subject__section-list { display: block; } } .mod-list-subject__section-list-item { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 325px; padding: 22px 14px 22px 0; border-top: 1px solid #10a58b; } @media screen and (max-width: 738px) { .mod-list-subject__section-list-item { width: auto; padding: 3.96825% 2.38095% 3.96825% 0; } } .mod-list-subject__section-list-item:nth-child(-n+2) { border-top: 0; } @media screen and (max-width: 738px) { .mod-list-subject__section-list-item:nth-child(-n+2) { border-top: 1px solid #10a58b; } } @media screen and (max-width: 738px) { .mod-list-subject__section-list-item:first-child { border-top: 0; } } .mod-list-subject__section-list-text { font-size: 1.28571rem; } @media screen and (max-width: 738px) { .mod-list-subject__section-list-text { font-size: 0.92857rem; margin-bottom: 1.98413%; } } /* --------------------------------------------- * mod-list-teacher-1 --------------------------------------------- */ .mod-list-teacher-1 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-list-teacher-1 { margin-bottom: 12.5vw; } } .mod-list-teacher-1__header { padding: 8px 40px; border-right: 1px solid #10a58b; border-left: 1px solid #10a58b; background-color: #10a58b; } @media screen and (max-width: 738px) { .mod-list-teacher-1__header { padding: 1.37931% 3.44828%; } } .mod-list-teacher-1__headings { display: table; border-collapse: collapse; width: 100%; } .mod-list-teacher-1__heading { display: table-cell; vertical-align: middle; text-align: center; font-size: 1.14286rem; font-weight: bold; color: #fff; } @media screen and (max-width: 738px) { .mod-list-teacher-1__heading { font-size: 0.85714rem; } } .mod-list-teacher-1__heading:first-child { width: 150px; border-right: 1px solid #76c6b8; } @media screen and (max-width: 738px) { .mod-list-teacher-1__heading:first-child { width: 31.78439%; } } .mod-list-teacher-1__heading:nth-child(2) { width: 538px; } @media screen and (max-width: 738px) { .mod-list-teacher-1__heading:nth-child(2) { width: 67.84387%; } } .mod-list-teacher-1__body { background-color: #f7f7f7; border-right: 1px solid #10a58b; border-bottom: 1px solid #10a58b; border-left: 1px solid #10a58b; } .mod-list-teacher-1__teachers { padding: 0 40px; } @media screen and (max-width: 738px) { .mod-list-teacher-1__teachers { padding: 0 3.44828%; } } .mod-list-teacher-1__teacher { display: table; width: 100%; border-top: 1px solid #10a58b; } .mod-list-teacher-1__teacher:first-child { border-top: 0; } .mod-list-teacher-1__teacher-name { display: table-cell; vertical-align: middle; width: 150px; font-size: 1.28571rem; font-weight: bold; padding: 18px 0; } @media screen and (max-width: 738px) { .mod-list-teacher-1__teacher-name { width: 31.78439%; font-size: 0.85714rem; padding: 3.71747% 0; } } .mod-list-teacher-1__teacher-name-link { color: #013dff; text-decoration: underline; text-decoration: underline; } .mod-list-teacher-1__teacher-name-link:hover { text-decoration: none; } .iphone .mod-list-teacher-1__teacher-name-link:hover, .ipad .mod-list-teacher-1__teacher-name-link:hover { text-decoration: underline; } .mod-list-teacher-1__teacher-description { display: table-cell; vertical-align: middle; width: 538px; line-height: 2; font-size: 1rem; padding: 18px 0; } @media screen and (max-width: 738px) { .mod-list-teacher-1__teacher-description { width: 67.84387%; font-size: 0.85714rem; padding: 3.71747% 0; } } .mod-list-teacher-1__teacher-description-list-item { text-indent: -1em; padding-left: 1em; } /* --------------------------------------------- * mod-list-teacher-2 --------------------------------------------- */ .mod-list-teacher-2 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-list-teacher-2 { margin-bottom: 12.5vw; } } .mod-list-teacher-2__header { padding: 8px 40px 8px 0; border-right: 1px solid #10a58b; border-left: 1px solid #10a58b; background-color: #10a58b; } @media screen and (max-width: 738px) { .mod-list-teacher-2__header { padding: 1.37931% 3.44828% 1.37931% 0; } } .mod-list-teacher-2__headings { display: table; border-collapse: collapse; width: 100%; } .mod-list-teacher-2__heading { display: table-cell; vertical-align: middle; text-align: center; font-size: 1.14286rem; font-weight: bold; color: #fff; } @media screen and (max-width: 738px) { .mod-list-teacher-2__heading { font-size: 0.85714rem; } } .mod-list-teacher-2__heading:first-child { width: 190px; border-right: 1px solid #76c6b8; } @media screen and (max-width: 738px) { .mod-list-teacher-2__heading:first-child { width: 35.50186%; } } .mod-list-teacher-2__heading:nth-child(2) { width: 538px; } @media screen and (max-width: 738px) { .mod-list-teacher-2__heading:nth-child(2) { width: 67.84387%; } } .mod-list-teacher-2__body { background-color: #f7f7f7; border-right: 1px solid #10a58b; border-bottom: 1px solid #10a58b; border-left: 1px solid #10a58b; } .mod-list-teacher-2__section-header { padding: 8px 0 7px; background-color: #e4e4e4; } @media screen and (max-width: 738px) { .mod-list-teacher-2__section-header { padding: 1.37931% 0; } } .mod-list-teacher-2__section-heading { text-align: center; font-size: 1.14286rem; font-weight: bold; } @media screen and (max-width: 738px) { .mod-list-teacher-2__section-heading { font-size: 0.92857rem; } } .mod-list-teacher-2__section-heading:before, .mod-list-teacher-2__section-heading:after { content: ""; position: relative; top: -1px; display: inline-block; vertical-align: middle; width: 20px; height: 1px; background-color: #333; } @media screen and (max-width: 738px) { .mod-list-teacher-2__section-heading:before, .mod-list-teacher-2__section-heading:after { top: -0.3125vw; width: 3.44828%; } } .mod-list-teacher-2__section-heading:before { margin-right: 12px; } @media screen and (max-width: 738px) { .mod-list-teacher-2__section-heading:before { margin-right: 2.75862%; } } .mod-list-teacher-2__section-heading:after { margin-left: 12px; } @media screen and (max-width: 738px) { .mod-list-teacher-2__section-heading:after { margin-left: 2.75862%; } } .mod-list-teacher-2__section-body { padding-bottom: 13px; } @media screen and (max-width: 738px) { .mod-list-teacher-2__section-body { padding-bottom: 1.37931%; } } .mod-list-teacher-2__teachers { padding: 0 40px; } @media screen and (max-width: 738px) { .mod-list-teacher-2__teachers { padding: 0 3.44828%; } } .mod-list-teacher-2__teacher { display: table; width: 100%; border-top: 1px solid #10a58b; } .mod-list-teacher-2__teacher:first-child { border-top: 0; } .mod-list-teacher-2__teacher-name { display: table-cell; vertical-align: middle; width: 190px; font-size: 1.28571rem; font-weight: bold; padding: 18px 0; } @media screen and (max-width: 738px) { .mod-list-teacher-2__teacher-name { width: 35.50186%; font-size: 0.85714rem; padding: 3.71747% 0; } } .mod-list-teacher-2__teacher-name-link { color: #013dff; text-decoration: underline; text-decoration: underline; } .mod-list-teacher-2__teacher-name-link:hover { text-decoration: none; } .iphone .mod-list-teacher-2__teacher-name-link:hover, .ipad .mod-list-teacher-2__teacher-name-link:hover { text-decoration: underline; } .mod-list-teacher-2__teacher-description { display: table-cell; vertical-align: middle; width: 538px; line-height: 2; font-size: 1rem; padding: 18px 0; } @media screen and (max-width: 738px) { .mod-list-teacher-2__teacher-description { width: 67.84387%; font-size: 0.85714rem; padding: 3.71747% 0; } } .mod-list-teacher-2__teacher-description-list-item { text-indent: -1em; padding-left: 1em; } /* --------------------------------------------- * mod-list-teacher-3 --------------------------------------------- */ .mod-list-teacher-3 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-list-teacher-3 { margin-bottom: 12.5vw; } } .mod-list-teacher-3__header { padding: 8px 0; border-right: 1px solid #10a58b; border-left: 1px solid #10a58b; background-color: #10a58b; } @media screen and (max-width: 738px) { .mod-list-teacher-3__header { padding: 1.37931% 0; } } .mod-list-teacher-3__heading-main { text-align: center; font-size: 1.42857rem; font-weight: bold; color: #fff; padding: 6px 40px 0; margin-bottom: 8px; } @media screen and (max-width: 738px) { .mod-list-teacher-3__heading-main { font-size: 1rem; padding: 1.11524% 3.44828% 1.85874%; margin-bottom: 2.23048%; } } .mod-list-teacher-3__heading-main:after { content: ""; display: block; width: 100%; height: 1px; background-color: #76c6b8; margin-top: 8px; } .mod-list-teacher-3__headings-wrapper { padding-right: 40px; } @media screen and (max-width: 738px) { .mod-list-teacher-3__headings-wrapper { padding-right: 20px; } } .mod-list-teacher-3__headings { display: table; border-collapse: collapse; width: 100%; } .mod-list-teacher-3__heading { display: table-cell; vertical-align: middle; text-align: center; font-size: 1.14286rem; font-weight: bold; color: #fff; } @media screen and (max-width: 738px) { .mod-list-teacher-3__heading { font-size: 0.85714rem; } } .mod-list-teacher-3__heading:first-child { width: 190px; border-right: 1px solid #76c6b8; } @media screen and (max-width: 738px) { .mod-list-teacher-3__heading:first-child { width: 35.50186%; } } .mod-list-teacher-3__heading:nth-child(2) { width: 538px; } @media screen and (max-width: 738px) { .mod-list-teacher-3__heading:nth-child(2) { width: 67.84387%; } } .mod-list-teacher-3__body { background-color: #f7f7f7; border-right: 1px solid #10a58b; border-bottom: 1px solid #10a58b; border-left: 1px solid #10a58b; } .mod-list-teacher-3__teachers { padding: 0 40px; } @media screen and (max-width: 738px) { .mod-list-teacher-3__teachers { padding: 0 3.44828%; } } .mod-list-teacher-3__teacher { display: table; width: 100%; border-top: 1px solid #10a58b; } .mod-list-teacher-3__teacher:first-child { border-top: 0; } .mod-list-teacher-3__teacher-name { display: table-cell; vertical-align: middle; width: 190px; font-size: 1.28571rem; font-weight: bold; padding: 18px 0; } @media screen and (max-width: 738px) { .mod-list-teacher-3__teacher-name { width: 35.50186%; font-size: 0.85714rem; padding: 3.71747% 0; } } .mod-list-teacher-3__teacher-description { display: table-cell; vertical-align: middle; width: 538px; line-height: 2; font-size: 1rem; padding: 18px 0; } @media screen and (max-width: 738px) { .mod-list-teacher-3__teacher-description { width: 67.84387%; font-size: 0.85714rem; padding: 3.71747% 0; } } .mod-list-teacher-3__teacher-description-list-item { text-indent: -1em; padding-left: 1em; } /* --------------------------------------------- * mod-list-teacher-4 --------------------------------------------- */ .mod-list-teacher-4 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-list-teacher-4 { margin-bottom: 12.5vw; } } .mod-list-teacher-4__rows { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 738px) { .mod-list-teacher-4__rows { display: block; } } .mod-list-teacher-4__row { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; overflow: hidden; border-bottom: 1px dotted #e3e3e3; } @media screen and (max-width: 738px) { .mod-list-teacher-4__row { width: 100%; } } .mod-list-teacher-4__cell { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; font-size: 1.28571rem; padding: 13px 0; } @media screen and (max-width: 738px) { .mod-list-teacher-4__cell { font-size: 0.92857rem; padding: 3.44828%; } } .mod-list-teacher-4__cell:first-child { float: left; } .mod-list-teacher-4__cell:nth-child(2) { float: right; } .mod-list-teacher-4__link { color: #013dff; text-decoration: underline; } .mod-list-teacher-4__link:hover { text-decoration: none; } .iphone .mod-list-teacher-4__link:hover, .ipad .mod-list-teacher-4__link:hover { text-decoration: underline; } /* --------------------------------------------- * mod-listbox-1 --------------------------------------------- */ .mod-listbox-1 { padding: 31px 40px; background-color: #ecf5f3; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-listbox-1 { padding: 4.48276% 6.2069%; margin-bottom: 12.5vw; } } .mod-listbox-1__list-item { line-height: 2; font-size: 1.28571rem; font-weight: bold; text-indent: -1em; padding-left: 1em; } @media screen and (max-width: 738px) { .mod-listbox-1__list-item { font-size: 1rem; } } .mod-listbox-1__list-item:first-child { margin-top: 0; } /* --------------------------------------------- * mod-media-1 --------------------------------------------- */ .mod-media-1 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-media-1 { margin-bottom: 12.5vw; } } .mod-media-1__image { float: right; margin-left: 30px; } @media screen and (max-width: 738px) { .mod-media-1__image { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0; } } .mod-media-1__image-inner { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: 36px 27px 29px; border: 1px solid #dfdfdf; } @media screen and (max-width: 738px) { .mod-media-1__image-inner { width: 41.37931%; padding: 6.2069% 5% 5%; } } .mod-media-1__image-content { width: 100%; max-width: none; } .mod-media-1__image-caption { display: block; line-height: 2; font-size: 1.14286rem; font-weight: bold; padding: 12px 14px; } @media screen and (max-width: 738px) { .mod-media-1__image-caption { width: 51.72414%; font-size: 0.85714rem; padding: 0; } } @media screen and (max-width: 738px) { .mod-media-1__text { margin-top: 3.44828%; } } .mod-media-1__text-ul ul { list-style: disc; padding-left: 2em; } .mod-media-1__text-ol ol { list-style: decimal; padding-left: 1.5em; } .mod-media-1__text-ol ol li { margin-bottom: 1em; } .mod-media-1__description { line-height: 2; font-size: 1rem; margin-top: 23px; } @media screen and (max-width: 738px) { .mod-media-1__description { line-height: 1.75; font-size: 1rem; margin-top: 6.89655%; } } .mod-media-1__description:first-child { margin-top: 0; } /* --------------------------------------------- * mod-media-2 --------------------------------------------- */ .mod-media-2 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-media-2 { margin-bottom: 12.5vw; } } .mod-media-2__image { float: right; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px; border: 1px solid #dfdfdf; margin-left: 30px; margin-top: 8px; } @media screen and (max-width: 738px) { .mod-media-2__image { float: none; width: auto; padding: auto; margin-left: auto; } } .mod-media-2__image-content { width: 100%; max-width: none; } @media screen and (max-width: 738px) { .mod-media-2__text { margin-top: 3.44828%; } } .mod-media-2__description { line-height: 2; font-size: 1rem; margin-top: 23px; } @media screen and (max-width: 738px) { .mod-media-2__description { line-height: 1.75; font-size: 1rem; margin-top: 6.89655%; } } .mod-media-2__description:first-child { margin-top: 0; } @media screen and (max-width: 738px) { .page-facility .mod-media-2__image { border: none; } } /* --------------------------------------------- * mod-media-3 --------------------------------------------- */ .mod-media-3 { overflow: hidden; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-media-3 { margin-bottom: 12.5vw; } } .mod-media-3__image { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 278px; padding: 29px; border: 1px solid #dfdfdf; } @media screen and (max-width: 738px) { .mod-media-3__image { width: 47.93103%; padding: 5%; } } .mod-media-3__image-content { width: 100%; max-width: none; } .mod-media-3__text { float: right; -webkit-box-sizing: border-box; box-sizing: border-box; width: 461px; overflow: hidden; } @media screen and (max-width: 738px) { .mod-media-3__text { width: 47.24138%; } } .mod-media-3__description { line-height: 2; font-size: 1rem; margin-top: -7px; } @media screen and (max-width: 738px) { .mod-media-3__description { line-height: 1.75; font-size: 1rem; margin-top: -2.18978%; } } /* --------------------------------------------- * mod-media-4 --------------------------------------------- */ .mod-media-4 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-media-4 { margin-bottom: 12.5vw; } } .mod-media-4__image { float: right; -webkit-box-sizing: border-box; box-sizing: border-box; width: 280px; text-align: center; padding: 23px 39px; border: 1px solid #dfdfdf; margin: 7px 0 0 30px; } @media screen and (max-width: 738px) { .mod-media-4__image { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: auto; padding: 6.55172%; margin: 0; } } .mod-media-4__image-inner { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; } @media screen and (max-width: 738px) { .mod-media-4__image-inner { display: block; width: 39.68254%; } } .mod-media-4__image-content { width: 100%; max-width: none; } .mod-media-4__image-link { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; line-height: 1.25; font-size: 1.07143rem; font-weight: bold; color: #fff; padding: 8px 13px 8px 16px; overflow: hidden; border-radius: 4px; background-color: #10a58b; margin-top: 10px; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .mod-media-4__image-link:hover { opacity: 0.7; } .iphone .mod-media-4__image-link:hover, .ipad .mod-media-4__image-link:hover { opacity: 1; } @media screen and (max-width: 738px) { .mod-media-4__image-link { width: 51.5873%; font-size: 0.85714rem; padding: 4.56349% 4.7619% 4.56349% 5.95238%; margin-top: 0; } } @media screen and (max-width: 738px) { .edge .mod-media-4__image-link { padding-top: 3.4375vw; padding-bottom: 3.4375vw; } } .mod-media-4__image-link-text { display: block; text-align: left; padding-right: 12px; background: url(/daigakuin/img/common/arrow_right_large.png) right center no-repeat; background-size: 6px auto; } @media screen and (max-width: 738px) { .mod-media-4__image-link-text { padding-right: 2.34375vw; background-size: 1.5625vw auto; } } @media screen and (max-width: 738px) { .mod-media-4__text { margin-top: 4.82759%; } } .mod-media-4__description { line-height: 2; font-size: 1rem; margin-top: 23px; } @media screen and (max-width: 738px) { .mod-media-4__description { line-height: 1.75; font-size: 1rem; margin-top: 6.89655%; } } .mod-media-4__description:first-child { margin-top: 0; } /* --------------------------------------------- * mod-media-teacher --------------------------------------------- */ .mod-media-teacher { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-media-teacher { margin-bottom: 12.5vw; } } @media screen and (max-width: 738px) { .mod-media-teacher__image { position: absolute; top: 0; left: 0; width: 22.41379%; } } @media screen and (max-width: 738px) { .mod-media-teacher__image img { width: 130%; } } .mod-media-teacher__text { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; padding: 8px 0 0 40px; } @media screen and (max-width: 738px) { .mod-media-teacher__text { padding: 0; } } .mod-media-teacher__name { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.42857rem; font-weight: bold; } @media screen and (max-width: 738px) { .mod-media-teacher__name { min-height: 20.3125vw; font-size: 4.6875vw; padding: 3.44828% 0 0 25.86207%; } } .mod-media-teacher__description { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2; font-size: 1.14286rem; margin-top: 26px; } @media screen and (max-width: 738px) { .mod-media-teacher__description { font-size: 4.0625vw; margin-top: 8.27586%; } } /* --------------------------------------------- * mod-philosophy --------------------------------------------- */ .mod-philosophy { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-philosophy { margin-bottom: 12.5vw; } } .mod-philosophy__section { padding: 16px 36px 28px; border: 4px solid #10a58b; margin-top: 40px; } @media screen and (max-width: 738px) { .mod-philosophy__section { padding: 5.17241% 5.86207% 5.86207%; margin-top: 6.89655%; } } .mod-philosophy__section:first-child { margin-top: 0; } .mod-philosophy__section-heading { text-align: center; font-size: 1.42857rem; font-weight: bold; color: #10a58b; padding-bottom: 5px; border-bottom: 1px solid #10a58b; margin-bottom: 12px; } @media screen and (max-width: 738px) { .mod-philosophy__section-heading { font-size: 1.14286rem; padding-bottom: 1.95312%; margin-bottom: 5.85938%; } } .mod-philosophy__section-text { line-height: 2; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-philosophy__section-text { line-height: 1.75; font-size: 0.92857rem; } } /* --------------------------------------------- * mod-plain-text --------------------------------------------- */ .mod-plain-text { margin-bottom: 50px; word-wrap: break-word; } @media screen and (max-width: 738px) { .mod-plain-text { margin-bottom: 12.5vw; } } .mod-plain-text__description { line-height: 2; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-plain-text__description { line-height: 1.75; font-size: 1rem; } } /* --------------------------------------------- * mod-profile-executive --------------------------------------------- */ .mod-profile-executive { padding: 28px 28px 20px; border: 1px solid #10a58b; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-profile-executive { padding: 6.55172%; margin-bottom: 12.5vw; } } .mod-profile-executive__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mod-profile-executive__image-inner { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100px; } @media screen and (max-width: 738px) { .mod-profile-executive__image-inner { width: 19.84127%; } } .mod-profile-executive__image-content { width: 100%; max-width: none; } @media screen and (max-width: 738px) { .mod-profile-executive__image-content { width: 130%; } } .mod-profile-executive__image-caption { -webkit-box-sizing: border-box; box-sizing: border-box; width: 590px; } @media screen and (max-width: 738px) { .mod-profile-executive__image-caption { width: 71.42857%; } } .mod-profile-executive__image-caption-status { display: block; line-height: 1.5; font-size: 1.14286rem; font-weight: bold; } @media screen and (max-width: 738px) { .mod-profile-executive__image-caption-status { font-size: 0.92857rem; } } .mod-profile-executive__image-caption-name { display: block; font-size: 1.71429rem; font-weight: bold; margin-top: 8px; } @media screen and (max-width: 738px) { .mod-profile-executive__image-caption-name { font-size: 1.07143rem; margin-top: 0; } } .mod-profile-executive__text { margin-top: 16px; } @media screen and (max-width: 738px) { .mod-profile-executive__text { margin-top: 5.95238%; } } .mod-profile-executive__description { line-height: 2; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-profile-executive__description { line-height: 1.75; font-size: 0.92857rem; } } /* --------------------------------------------- * mod-profile-message --------------------------------------------- */ .mod-profile-message { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 29px 16px; border: 1px solid #10a58b; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-profile-message { display: block; padding: 5.86207% 6.55172% 4.82759%; margin-bottom: 12.5vw; } } .mod-profile-message__image { padding-top: 10px; padding-bottom: 10px; } @media screen and (max-width: 738px) { .mod-profile-message__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0; padding-bottom: 0; margin-bottom: 5.15873%; } } .mod-profile-message__image-inner { -webkit-box-sizing: border-box; box-sizing: border-box; width: 90px; } @media screen and (max-width: 738px) { .mod-profile-message__image-inner { width: 17.85714%; } } .mod-profile-message__image-content { width: 100%; max-width: none; } @media screen and (max-width: 738px) { .mod-profile-message__image-caption { width: 75.39683%; font-size: 1rem; font-weight: bold; } } .mod-profile-message__text { -webkit-box-sizing: border-box; box-sizing: border-box; width: 585px; } @media screen and (max-width: 738px) { .mod-profile-message__text { width: auto; } } .mod-profile-message__status { line-height: 1.75; font-size: 1rem; margin-bottom: 10px; } @media screen and (max-width: 738px) { .mod-profile-message__status { font-size: 0.92857rem; margin-bottom: 3.96825%; } } .mod-profile-message__name { font-size: 1.14286rem; font-weight: bold; margin-bottom: 10px; } .mod-profile-message__field { line-height: 1.75; font-size: 1rem; } .mod-profile-message__graduation-years { letter-spacing: -.4em; } .mod-profile-message__graduation-year { display: inline-block; letter-spacing: normal; line-height: 1.75; font-size: 1rem; margin-left: 17px; } @media screen and (max-width: 738px) { .mod-profile-message__graduation-year { display: block; font-size: 0.92857rem; margin-left: 0; } } .mod-profile-message__graduation-year:first-child { margin-left: 0; } /* --------------------------------------------- * mod-profile-simple --------------------------------------------- */ .mod-profile-simple { padding: 35px 38px 32px; background-color: #f7f7f7; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-profile-simple { padding: 5.86207% 6.55172% 5.17241%; margin-bottom: 12.5vw; } } .mod-profile-simple__heading { font-size: 1.42857rem; font-weight: bold; margin-bottom: 27px; } @media screen and (max-width: 738px) { .mod-profile-simple__heading { font-size: 1rem; margin-bottom: 3.44828%; } } .mod-profile-simple__description { line-height: 2; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-profile-simple__description { line-height: 1.75; font-size: 0.92857rem; } } /* --------------------------------------------- * mod-qa --------------------------------------------- */ .mod-qa { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-qa { margin-bottom: 12.5vw; } } .mod-qa .mod-qa__section:first-child { padding-top: 0; border-top: 0; margin-top: 0; } .mod-qa__section { padding-top: 30px; border-top: 1px dotted #cecece; margin-top: 30px; } @media screen and (max-width: 738px) { .mod-qa__section { padding-top: 6.89655%; margin-top: 6.89655%; } } .mod-qa__section-header { padding: 19px 20px 18px 65px; background: #f7f7f7 url(/daigakuin/img/pc/mod-qa/icon_question.png) 17px 21px no-repeat; background-size: 23px auto; } @media screen and (max-width: 738px) { .mod-qa__section-header { padding: 4.82759% 4.48276% 4.48276% 7.41379%; background-position: left 1.37931% top 6.25vw; background-size: 3.90625vw auto; } } .mod-qa__section-heading { line-height: 1.75; font-size: 1.14286rem; font-weight: bold; color: #10a58b; } @media screen and (max-width: 738px) { .mod-qa__section-heading { font-size: 0.92857rem; } } .mod-qa__section-body { padding: 18px 20px 18px 65px; background: #f7f7f7 url(/daigakuin/img/pc/mod-qa/icon_answer.png) 17px 21px no-repeat; background-size: 23px auto; margin-top: 10px; } @media screen and (max-width: 738px) { .mod-qa__section-body { padding: 4.82759% 4.48276% 4.48276% 7.41379%; background-position: left 1.37931% top 6.25vw; background-size: 4.53125vw auto; margin-top: 6.89655%; } } .mod-qa__text { line-height: 2; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-qa__text { line-height: 1.75; font-size: 0.92857rem; } } .mod-qa__text-bold { font-weight: bold; } .mod-qa__text-pdf-link { color: #013dff; padding-right: 23px; background: url(/daigakuin/img/pc/mod-qa/icon_pdf.png) right center no-repeat; text-decoration: underline; } .mod-qa__text-pdf-link:hover { text-decoration: none; } .iphone .mod-qa__text-pdf-link:hover, .ipad .mod-qa__text-pdf-link:hover { text-decoration: underline; } @media screen and (max-width: 738px) { .mod-qa__text-pdf-link { padding-right: 6.875vw; background-size: 4.375vw; } } .mod-qa__tables { padding-bottom: 8px; margin-top: 17px; } @media screen and (max-width: 738px) { .mod-qa__tables { padding-bottom: 2.5vw; margin-top: 5.625vw; } } .mod-qa__table { width: 100%; margin-top: 25px; } @media screen and (max-width: 738px) { .mod-qa__table { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; margin-top: 7.8125vw; } } .mod-qa__table:first-child { margin-top: 0; } .mod-qa__table-heading { font-size: 1rem; font-weight: bold; margin-bottom: 5px; } @media screen and (max-width: 738px) { .mod-qa__table-heading { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; text-align: center; font-size: 0.92857rem; margin-bottom: 4.6875vw; } } @media screen and (max-width: 738px) { .mod-qa__table tbody { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } } @media screen and (max-width: 738px) { .mod-qa__table tr { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; margin-top: 6.25vw; } } @media screen and (max-width: 738px) { .mod-qa__table tr:first-child { margin-top: 0; } } .mod-qa__table th, .mod-qa__table td { font-size: 1rem; border: 1px solid #dfdfdf; } @media screen and (max-width: 738px) { .mod-qa__table th, .mod-qa__table td { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; font-size: 0.92857rem; } } .mod-qa__table th { width: 92px; padding: 13px 0; text-align: center; font-weight: bold; background-color: #eeeeee; } @media screen and (max-width: 738px) { .mod-qa__table th { width: 100%; padding: 4.6875vw 0; border-bottom: 0; } } .mod-qa__table td { padding: 13px 22px; background-color: #fff; } @media screen and (max-width: 738px) { .mod-qa__table td { padding: 5.3125vw 2.8125vw; } } .mod-qa__table-description { line-height: 1.75; } .mod-qa__table-annotations { margin-top: 10px; } @media screen and (max-width: 738px) { .mod-qa__table-annotations { margin-top: 3.125vw; } } .mod-qa__table-annotation { line-height: 1.75; text-indent: -1em; padding-left: 1em; } /* --------------------------------------------- * mod-sidebar-nav --------------------------------------------- */ .mod-sidebar-nav { padding-top: 10px; overflow: hidden; border-radius: 4px; background-color: #10a58b; } @media screen and (max-width: 738px) { .mod-sidebar-nav { padding: 1.25% 0; border-radius: 0; } } .mod-sidebar-nav__list { position: relative; border: 1px solid #ececec; background-color: #fff; } @media screen and (max-width: 738px) { .mod-sidebar-nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .mod-sidebar-nav__listsingle { position: relative; border: 1px solid #ececec; background-color: #fff; } @media screen and (max-width: 738px) { .mod-sidebar-nav__listsingle { display: block; } } @media screen and (max-width: 738px) { .mod-sidebar-nav__list:before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 1px; height: 100%; background-color: #ececec; } } @media screen and (max-width: 738px) { .mod-sidebar-nav--odd-cells .mod-sidebar-nav__list:after { content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 50%; border-top: 1px solid #ececec; } } .mod-sidebar-nav__list-item { -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #ececec; } @media screen and (max-width: 738px) { .mod-sidebar-nav__list-item { width: 50%; } } @media screen and (max-width: 738px) { .mod-sidebar-nav__list-itemsingle { width: 100%; } } .mod-sidebar-nav__list-item:first-child { border-top: 0; } @media screen and (max-width: 738px) { .mod-sidebar-nav__list-item:nth-child(-n+2) { border-top: 0; } } .mod-sidebar-nav__link { display: block; font-size: 1rem; padding: 14px 17px 15px; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .mod-sidebar-nav__link:hover { opacity: 0.7; } .iphone .mod-sidebar-nav__link:hover, .ipad .mod-sidebar-nav__link:hover { opacity: 1; } @media screen and (max-width: 738px) { .mod-sidebar-nav__link { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 0.92857rem; padding: 6.89655% 3.44828%; } } .mod-sidebar-nav__midashi { display: block; font-size: 1rem; padding: 14px 17px 15px; background-color: #90bfb5; color: white; font-weight: bold; } @media screen and (max-width: 738px) { .mod-sidebar-nav__midashi { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 0.92857rem; padding: 6.89655% 3.44828%; } } .mod-sidebar-nav__link-text { display: inline-block; letter-spacing: -.05em; padding-left: 15px; background: url(/daigakuin/img/sp/mod-sidebar-nav/arrow_right_green.png) left 0.4em no-repeat; background-size: 6px auto; } @media screen and (max-width: 738px) { .mod-sidebar-nav__link-text { max-width: 100%; text-align: left; padding-left: 3.125vw; background-position: left center; background-size: 1.71875vw auto; } } .mod-sidebar-nav__midashi-text { display: inline-block; letter-spacing: -.05em; } @media screen and (max-width: 738px) { .mod-sidebar-nav__midashi-text { max-width: 100%; text-align: left; padding-left: 3.125vw; background-position: left center; background-size: 1.71875vw auto; } } .mod-sidebar-nav__copyright { text-align: center; font-size: 0.85714rem; color: #fff; padding: 4px 0 5px; } /* --------------------------------------------- * mod-sitemap --------------------------------------------- */ .mod-sitemap { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-sitemap { margin-bottom: 12.5vw; } } .mod-sitemap__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 55px; } @media screen and (max-width: 738px) { .mod-sitemap__row { display: block; margin-top: 8.96552%; } } .mod-sitemap__row:first-child { margin-top: 0; } .mod-sitemap__left { -webkit-box-sizing: border-box; box-sizing: border-box; width: 400px; } @media screen and (max-width: 738px) { .mod-sitemap__left { width: auto; } } .mod-sitemap__right { -webkit-box-sizing: border-box; box-sizing: border-box; width: 490px; } @media screen and (max-width: 738px) { .mod-sitemap__right { width: auto; margin-top: 8.96552%; } } .mod-sitemap__heading { position: relative; line-height: 1.25; font-size: 1.42857rem; font-weight: bold; color: #10a58b; padding-left: 15px; } @media screen and (max-width: 738px) { .mod-sitemap__heading { font-size: 1rem; padding-left: 4.13793%; } } .mod-sitemap__left .mod-sitemap__heading { padding-right: 15px; } .mod-sitemap__heading:before { content: ""; position: absolute; top: 0.1em; left: 0; display: block; width: 5px; height: 1em; background-color: #10a58b; } @media screen and (max-width: 738px) { .mod-sitemap__heading:before { width: 1.37931%; } } .mod-sitemap__list { margin-top: 34px; } @media screen and (max-width: 738px) { .mod-sitemap__list { margin-top: 4.82759%; } } .mod-sitemap__list-item { margin-top: 10px; } @media screen and (max-width: 738px) { .mod-sitemap__list-item { margin-top: 3.44828%; } } .mod-sitemap__list-item:first-child { margin-top: 0; } .mod-sitemap__left .mod-sitemap__list-item { padding-right: 15px; } @media screen and (max-width: 738px) { .mod-sitemap__left .mod-sitemap__list-item { padding-right: 0; } } .mod-sitemap__list-item-heading { display: inline-block; vertical-align: top; font-size: 1rem; padding-left: 20px; background: url(/daigakuin/img/sp/mod-sitemap/arrow_right_green.png) left 0.45em no-repeat; background-size: 7px auto; text-decoration: none; } .mod-sitemap__list-item-heading:hover { text-decoration: underline; } .iphone .mod-sitemap__list-item-heading:hover, .ipad .mod-sitemap__list-item-heading:hover { text-decoration: none; } @media screen and (max-width: 738px) { .mod-sitemap__list-item-heading { display: block; font-size: 0.85714rem; padding-left: 5.17241%; background-position: left 1.01562vw; background-size: 2.58621% auto; } } .mod-sitemap__list-item-heading-text-icon:after { content: ""; position: relative; top: -1px; display: inline-block; vertical-align: middle; width: 14px; height: 0; padding-top: 13px; overflow: hidden; background: url(/daigakuin/img/sp/mod-sitemap/icon_new_window.png) 0 0 no-repeat; background-size: 100% auto; margin-left: 6px; } @media screen and (max-width: 738px) { .mod-sitemap__list-item-heading-text-icon:after { top: -0.3125vw; width: 4.375vw; padding-top: 4.0625vw; margin-left: 1.875vw; } } .mod-sitemap__sublist { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 15px; margin-top: 18px; } @media screen and (max-width: 738px) { .mod-sitemap__sublist { display: block; padding-left: 3.44828%; margin-top: 4.82759%; } } .mod-sitemap__sublist-item { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; margin-top: 10px; } @media screen and (max-width: 738px) { .mod-sitemap__sublist-item { width: auto; margin-top: 3.44828%; } } .mod-sitemap__sublist-item:nth-child(-n+2) { margin-top: 0; } @media screen and (max-width: 738px) { .mod-sitemap__sublist-item:nth-child(-n+2) { margin-top: 3.44828%; } } @media screen and (max-width: 738px) { .mod-sitemap__sublist-item:first-child { margin-top: 0; } } .mod-sitemap__sublist-item:nth-child(2n+1) { padding-right: 15px; } @media screen and (max-width: 738px) { .mod-sitemap__sublist-item:nth-child(2n+1) { padding-right: 0; } } .mod-sitemap__left .mod-sitemap__sublist-item { padding-right: 15px; } @media screen and (max-width: 738px) { .mod-sitemap__left .mod-sitemap__sublist-item { padding-right: 0; } } .mod-sitemap__sublist-item:before { content: "・"; position: relative; display: block; color: #10a58b; } @media screen and (max-width: 738px) { .mod-sitemap__sublist-item:before { top: -0.3125vw; } } .mod-sitemap__sublist-item-heading { display: inline-block; vertical-align: top; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-sitemap__sublist-item-heading { font-size: 0.85714rem; } } /* --------------------------------------------- * mod-specialized-subject --------------------------------------------- */ .mod-specialized-subject { border: 1px solid #10a58b; background-color: #f7f7f7; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-specialized-subject { margin-bottom: 12.5vw; } } .mod-specialized-subject__list { padding: 30px 33px; } @media screen and (max-width: 738px) { .mod-specialized-subject__list { padding: 4.82759% 3.10345%; } } .mod-specialized-subject__list-item { line-height: 2; font-size: 1.14286rem; padding-left: 1em; position: relative; } @media screen and (max-width: 738px) { .mod-specialized-subject__list-item { font-size: 0.85714rem; } } .mod-specialized-subject__list-item:before { content: '\0025CF'; color: #10a58b; position: absolute; left: -0.2em; top: 0; } /* --------------------------------------------- * mod-sp-nav --------------------------------------------- */ .mod-sp-nav { display: none; } @media screen and (max-width: 738px) { .mod-sp-nav { display: block; margin-bottom: 18.75vw; } } @media screen and (max-width: 738px) { .mod-sp-nav__list-wrapper { padding: 1.25% 0; overflow: hidden; background-color: #10a58b; } } @media screen and (max-width: 738px) { .mod-sp-nav__list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #ececec; background-color: #fff; } } @media screen and (max-width: 738px) { .mod-sp-nav__list:before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 1px; height: 100%; background-color: #ececec; } } @media screen and (max-width: 738px) { .mod-sp-nav--odd-cells .mod-sp-nav__list:after { content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 50%; border-top: 1px solid #ececec; } } @media screen and (max-width: 738px) { .mod-sp-nav__list-item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; border-top: 1px solid #ececec; } } .mod-sp-nav__list-item:first-child { border-top: 0; } @media screen and (max-width: 738px) { .mod-sp-nav__list-item:nth-child(-n+2) { border-top: 0; } } @media screen and (max-width: 738px) { .mod-sp-nav__link { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; text-align: center; font-size: 0.92857rem; padding: 6.25% 3.125%; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .mod-sp-nav__link:hover { opacity: 0.7; } .iphone .mod-sp-nav__link:hover, .ipad .mod-sp-nav__link:hover { opacity: 1; } } @media screen and (max-width: 738px) { .mod-sp-nav__link-text { display: inline-block; max-width: 100%; text-align: left; letter-spacing: -.05em; padding-left: 3.125vw; background: url(/daigakuin/img/sp/mod-sp-nav/arrow_right_green.png) left center no-repeat; background-size: 1.71875vw auto; } } @media screen and (max-width: 738px) { .mod-sp-nav__button { margin-top: 9.375%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: auto; margin-left: auto; width: 100vw; padding-right: 7.8125vw; padding-left: 7.8125vw; } .mod-sp-nav__button:after { content: ""; clear: both; display: block; } } @media screen and (max-width: 738px) { .mod-sp-nav__button-link { display: block; text-align: center; line-height: 1.25; font-size: 1rem; font-weight: bold; color: #fff; padding: 5.37037% 0; overflow: hidden; border-radius: 4px; background-color: #10a58b; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .mod-sp-nav__button-link:hover { opacity: 0.7; } .iphone .mod-sp-nav__button-link:hover, .ipad .mod-sp-nav__button-link:hover { opacity: 1; } } .mod-sp-nav__button-link-text { display: block; } /* --------------------------------------------- * mod-table-1 --------------------------------------------- */ .mod-table-1 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-table-1 { margin-bottom: 12.5vw; } } .mod-table-1__table { width: 100%; } .mod-table-1__table th, .mod-table-1__table td { line-height: 1.75; font-size: 1.14286rem; padding: 12px 0; border: 1px solid #76c6b8; } @media screen and (max-width: 738px) { .mod-table-1__table th, .mod-table-1__table td { font-size: 0.92857rem; padding: 4.13793% 0 4.48276%; } } .mod-table-1__table th { padding-right: 5px; padding-left: 39px; background-color: #ecf5f3; } @media screen and (max-width: 738px) { .mod-table-1__table th { width: 23.27586%; padding-right: 0.86207%; padding-left: 2.75862%; } } .mod-table-1__table td { padding-right: 5px; padding-left: 20px; } @media screen and (max-width: 738px) { .mod-table-1__table td { padding-right: 1.72414%; padding-left: 3.44828%; } } .mod-table-1__table a { text-decoration: underline; } .mod-table-1__table a:hover { text-decoration: none; } .iphone .mod-table-1__table a:hover, .ipad .mod-table-1__table a:hover { text-decoration: underline; } .mod-table-1__table .js-tel-disabled, .mod-table-1__table .js-tel-disabled:hover { text-decoration: none; cursor: default; } .page-campus .mod-table-1__table th { width: 20%; text-align: center; padding-left: 0; } /* --------------------------------------------- * mod-table-2 --------------------------------------------- */ .mod-table-2 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-table-2 { margin-bottom: 12.5vw; } } .mod-table-2__table { width: 100%; } .mod-table-2__table th, .mod-table-2__table td { vertical-align: top; line-height: 1.75; font-size: 1rem; padding: 15px 0 14px; border: 1px solid #76c6b8; } @media screen and (max-width: 738px) { .mod-table-2__table th, .mod-table-2__table td { vertical-align: middle; font-size: 0.85714rem; padding: 3.10345% 0; } } .mod-table-2__table th { width: 221px; padding-right: 5px; padding-left: 18px; } @media screen and (max-width: 738px) { .mod-table-2__table th { width: 50%; padding-right: 0.43103%; padding-left: 1.72414%; } } .mod-table-2__list { letter-spacing: 0.4em; } .mod-table-2__list-item { position: relative; display: inline-block; letter-spacing: normal; padding-left: 22px; } @media screen and (max-width: 738px) { .mod-table-2__list-item { padding-left: 5.3125vw; } } .mod-table-2__list-item:first-child { padding-left: 0; } .mod-table-2__list-item:before { content: "／"; position: absolute; top: 0; left: 0; display: block; } .mod-table-2__list-item:first-child:before { display: none; } .mod-table-2__list-link { display: block; text-decoration: underline; color: #013dff; padding-right: 20px; background-repeat: no-repeat; background-position: right center; } @media screen and (max-width: 738px) { .mod-table-2__list-link { padding-right: 5.3125vw; } } .mod-table-2__list-item--pdf .mod-table-2__list-link { background-image: url(/daigakuin/img/sp/mod-table-2/icon_pdf.png); background-size: 14px auto; } @media screen and (max-width: 738px) { .mod-table-2__list-item--pdf .mod-table-2__list-link { background-size: 4.375vw auto; } } .mod-table-2__list-item--word .mod-table-2__list-link { background-image: url(/daigakuin/img/sp/mod-table-2/icon_word.png); background-size: 12px auto; text-decoration: underline; } .mod-table-2__list-item--word .mod-table-2__list-link:hover { text-decoration: none; } .iphone .mod-table-2__list-item--word .mod-table-2__list-link:hover, .ipad .mod-table-2__list-item--word .mod-table-2__list-link:hover { text-decoration: underline; } @media screen and (max-width: 738px) { .mod-table-2__list-item--word .mod-table-2__list-link { background-size: 3.75vw auto; } } .mod-table-2__th-text { font-weight: bold; } .mod-table-2__table td { padding-right: 10px; padding-left: 20px; } @media screen and (max-width: 738px) { .mod-table-2__table td { padding-right: 1.72414%; padding-left: 3.44828%; } } .mod-table-2__table td a { color: #013dff; text-decoration: underline; } .mod-table-2__table td a:hover { text-decoration: none; } .iphone .mod-table-2__table td a:hover, .ipad .mod-table-2__table td a:hover { text-decoration: underline; } .mod-table-2__table td .js-tel-disabled, .mod-table-2__table td .js-tel-disabled:hover { text-decoration: none; cursor: default; } /* --------------------------------------------- * mod-table-3 --------------------------------------------- */ .mod-table-3 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-table-3 { margin-bottom: 12.5vw; } } .mod-table-3__table { width: 100%; } .mod-table-3__table th, .mod-table-3__table td { vertical-align: top; line-height: 1.75; font-size: 1.14286rem; padding: 8px 0; border: 1px solid #76c6b8; } @media screen and (max-width: 738px) { .mod-table-3__table th, .mod-table-3__table td { font-size: 0.78571rem; padding: 2.06897% 0; } } .mod-table-3__table thead th { text-align: center; background-color: #ecf5f3; } .mod-table-3__table tbody th { width: 118px; text-align: center; background-color: #ecf5f3; } @media screen and (max-width: 738px) { .mod-table-3__table tbody th { width: 20%; } } .mod-table-3__table tbody td { padding-right: 5px; padding-left: 20px; } @media screen and (max-width: 738px) { .mod-table-3__table tbody td { padding-right: 1.72414%; padding-left: 4.82759%; } } .mod-table-3__annotation { text-indent: -0.7em; padding-left: 0.7em; } /* --------------------------------------------- * mod-table-4 --------------------------------------------- */ .mod-table-4 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-table-4 { margin-bottom: 12.5vw; } } @media screen and (max-width: 738px) { .mod-table-4__direction { text-align: right; font-size: 0.85714rem; margin-bottom: 2.41379%; } } @media screen and (max-width: 738px) { .mod-table-4__table-wrapper { overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; } } .mod-table-4__table { width: 100%; } @media screen and (max-width: 738px) { .mod-table-4__table { width: 700px; } } .mod-table-4__table th, .mod-table-4__table td { vertical-align: middle; line-height: 1.75; font-size: 1rem; padding: 8px 0; border: 1px solid #76c6b8; } @media screen and (max-width: 738px) { .mod-table-4__table th, .mod-table-4__table td { font-size: 0.78571rem; } } .mod-table-4__table thead th { text-align: center; font-weight: bold; background-color: #ecf5f3; } .mod-table-4__table tbody th { text-align: center; font-weight: bold; background-color: #ecf5f3; } .mod-table-4__table tbody td { padding-right: 10px; padding-left: 10px; } @media screen and (max-width: 738px) { .mod-table-4__table tbody td { padding-right: 1.72414%; padding-left: 1.72414%; } } .mod-table-4__table .mod-table-4__cell-left { width: 84px; padding: 8px; } @media screen and (max-width: 738px) { .mod-table-4__table .mod-table-4__cell-left { width: 120px; } } .mod-table-4__table .mod-table-4__cell-center { width: 200px; } .mod-table-4__table .mod-table-4__cell-center-half { width: 100px; } .mod-table-4__table .mod-table-4__cell-right { width: 740px; } @media screen and (max-width: 738px) { .mod-table-4__table .mod-table-4__cell-right { width: auto; } } .mod-table-4__table .mod-table-4__th-left-edge { display: inline-block; text-align: left; } .mod-table-4__table th.mod-table-4__cell-text-center, .mod-table-4__table td.mod-table-4__cell-text-center { padding-right: 5px; padding-left: 5px; text-align: center; } @media screen and (max-width: 738px) { .mod-table-4__table th.mod-table-4__cell-text-center, .mod-table-4__table td.mod-table-4__cell-text-center { padding-right: 0.86207%; padding-left: 0.86207%; } } .mod-table-4__cell-division { margin-top: 28px; } .mod-table-4__cell-division:first-child { margin-top: 0; } .mod-table-4__annotation { text-indent: -0.7em; padding-left: 0.7em; } .page-analyst .mod-table-4 .mod-table-4__cell-left { width: 100px; } /* --------------------------------------------- * mod-table-5 --------------------------------------------- */ .mod-table-5 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-table-5 { margin-bottom: 12.5vw; } } @media screen and (max-width: 738px) { .mod-table-5__direction { text-align: right; font-size: 0.85714rem; margin-bottom: 2.41379%; } } @media screen and (max-width: 738px) { .mod-table-5__table-wrapper { overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; } } .mod-table-5__table { width: 100%; } @media screen and (max-width: 738px) { .mod-table-5__table { width: 550px; } } .mod-table-5__table th, .mod-table-5__table td { vertical-align: middle; line-height: 1.75; font-size: 1rem; padding: 8px 0; border: 1px solid #76c6b8; } @media screen and (max-width: 738px) { .mod-table-5__table th, .mod-table-5__table td { font-size: 0.78571rem; } } .mod-table-5__table thead th { text-align: center; font-weight: bold; background-color: #ecf5f3; } .mod-table-5__table tbody th { text-align: left; padding-right: 16px; padding-left: 16px; } .mod-table-5__table tbody td { text-align: center; } .mod-table-5__cell-left { width: 508px; } .mod-table-5__cell-center { text-align: center !important; } .mod-table-5__cell-small { width: 51px; } /* --------------------------------------------- * mod-table-6 --------------------------------------------- */ .mod-table-6 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-table-6 { margin-bottom: 12.5vw; } } @media screen and (max-width: 738px) { .mod-table-6__direction { text-align: right; font-size: 0.85714rem; margin-bottom: 2.41379%; } } @media screen and (max-width: 738px) { .mod-table-6__table-wrapper { overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; } } .mod-table-6__table { width: 100%; } @media screen and (max-width: 738px) { .mod-table-6__table { width: 570px; } } .mod-table-6__table th, .mod-table-6__table td { vertical-align: middle; line-height: 1.75; /* font-size: 1.14286rem; */ padding: 6px 0; border: 1px solid #76c6b8; } @media screen and (max-width: 738px) { .mod-table-6__table th, .mod-table-6__table td { font-size: 0.82143rem; padding: 5px 0; } } .mod-table-6__table thead th { text-align: center; background-color: #ecf5f3; } .mod-table-6__th-lecture { font-weight: bold; } .mod-table-6__table tbody th { text-align: center; font-weight: bold; background-color: #ecf5f3; } .mod-table-6__table tbody td { text-align: center; } .mod-table-6__cell-left { width: 38px; } .mod-table-6__cell-middle { width: 180px; } .mod-table-6__rotated-text { display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* --------------------------------------------- * mod-table-7 --------------------------------------------- */ .mod-table-7 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-table-7 { margin-bottom: 12.5vw; } } @media screen and (max-width: 738px) { .mod-table-7__direction { text-align: right; font-size: 0.85714rem; margin-bottom: 2.41379%; } } @media screen and (max-width: 738px) { .mod-table-7__table-wrapper { overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; } } .mod-table-7__table { width: 100%; } @media screen and (max-width: 738px) { .mod-table-7__table { width: 550px; } } .mod-table-7__table th, .mod-table-7__table td { vertical-align: middle; line-height: 1.75; font-size: 1rem; padding: 8px 0; border: 1px solid #76c6b8; } @media screen and (max-width: 738px) { .mod-table-7__table th, .mod-table-7__table td { font-size: 0.78571rem; padding: 1.37931% 0; } } .mod-table-7__table thead th { text-align: center; font-weight: bold; background-color: #ecf5f3; } .mod-table-7__table tbody th { text-align: center; font-weight: bold; padding-right: 16px; padding-left: 16px; background-color: #ecf5f3; } .mod-table-7__table tbody td { padding-right: 9px; padding-left: 15px; } .mod-table-7__table thead .mod-table-7__cell-left { width: 390px; } .mod-table-7__table tbody .mod-table-7__cell-left { width: 86px; } .mod-table-7__table tbody .mod-table-7__cell-left-second { width: 303px; } .mod-table-7__cell-medium { width: 68px; } .mod-table-7__cell-small { width: 43px; } .mod-table-7__cell-right { width: 133px; } .mod-table-7__table th.mod-table-7__cell-text-center, .mod-table-7__table td.mod-table-7__cell-text-center { text-align: center; padding-right: 0; padding-left: 0; } .mod-table-7__rotated-text { display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* --------------------------------------------- * mod-table-8 --------------------------------------------- */ .mod-table-8 { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-table-8 { margin-bottom: 12.5vw; } } @media screen and (max-width: 738px) { .mod-table-8__direction { text-align: right; font-size: 0.85714rem; margin-bottom: 2.41379%; } } @media screen and (max-width: 738px) { .mod-table-8__table-wrapper { overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; } } .mod-table-8__table { width: 100%; } @media screen and (max-width: 738px) { .mod-table-8__table { width: 650px; } } .mod-table-8__table th, .mod-table-8__table td { vertical-align: middle; line-height: 1.75; font-size: 1rem; padding: 8px 0; border: 1px solid #76c6b8; } @media screen and (max-width: 738px) { .mod-table-8__table th, .mod-table-8__table td { font-size: 0.78571rem; padding: 1.37931% 0; } } .mod-table-8__table thead th { text-align: center; font-weight: bold; background-color: #ecf5f3; } .mod-table-8__table tbody th { text-align: center; font-weight: bold; padding-right: 16px; padding-left: 16px; background-color: #ecf5f3; } .mod-table-8__table tbody td { padding-right: 9px; padding-left: 15px; } .mod-table-8__table thead .mod-table-8__cell-left { width: 86px; } .mod-table-8__table tbody .mod-table-8__cell-left { width: 42px; } .mod-table-8__table tbody .mod-table-8__cell-left-second { width: 463px; } .mod-table-8__cell-small { width: 43px; } .mod-table-8__table th.mod-table-8__cell-text-center, .mod-table-8__table td.mod-table-8__cell-text-center { text-align: center; padding-right: 0; padding-left: 0; } .mod-table-8__rotated-text { display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* --------------------------------------------- * mod-table-heading --------------------------------------------- */ .mod-table-heading { margin-bottom: 16px; } @media screen and (max-width: 738px) { .mod-table-heading { margin-bottom: 2.58621%; } } .mod-table-heading__text { font-size: 1rem; } @media screen and (max-width: 738px) { .mod-table-heading__text { font-size: 0.92857rem; } } /* --------------------------------------------- * mod-table-caption --------------------------------------------- */ .mod-table-caption { margin-top: -50px; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-table-caption { margin-top: -12.5vw; margin-bottom: 12.5vw; } } .mod-table-caption__list { padding-top: 13px; } @media screen and (max-width: 738px) { .mod-table-caption__list { padding-top: 5.86207%; } } .mod-table-caption__list-item { line-height: 2; font-size: 1rem; text-indent: -4em; padding-left: 4em; } @media screen and (max-width: 738px) { .mod-table-caption__list-item { line-height: 1.5; font-size: 0.92857rem; } } .mod-table-caption__list-item2 { line-height: 2; font-size: 1rem; text-indent: 0; padding-left: 0; } @media screen and (max-width: 738px) { .mod-table-caption__list-item2 { line-height: 1.5; font-size: 0.92857rem; } } .mod-table-caption__list-item3 { line-height: 2; font-size: 1rem; text-indent: -3em; padding-left: 3em; } @media screen and (max-width: 738px) { .mod-table-caption__list-item3 { line-height: 1.5; font-size: 0.92857rem; } } /* --------------------------------------------- * mod-tab-link --------------------------------------------- */ .mod-tab-link { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-tab-link { margin-bottom: 12.5vw; } } .mod-tab-link__upper { text-align: right; margin-bottom: 17px; } @media screen and (max-width: 738px) { .mod-tab-link__upper { margin-bottom: 3.10345%; } } .mod-tab-link__pdf-link { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; font-size: 1rem; color: #10a58b; padding: 6px 10px 5px 12px; overflow: hidden; border: 1px solid #10a58b; border-radius: 4px; margin-left: auto; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .mod-tab-link__pdf-link:hover { opacity: 0.7; } .iphone .mod-tab-link__pdf-link:hover, .ipad .mod-tab-link__pdf-link:hover { opacity: 1; } @media screen and (max-width: 738px) { .mod-tab-link__pdf-link { font-size: 0.78571rem; padding: 1.25vw 2.34375vw 0.9375vw 2.5vw; } } .mod-tab-link__pdf-link-text { position: relative; display: inline-block; padding: 0 24px 0 13px; background: url(/daigakuin/img/sp/mod-tab-link/arrow_right_green.png) left center no-repeat; background-size: 6px auto; } @media screen and (max-width: 738px) { .mod-tab-link__pdf-link-text { padding: 0 7.1875vw 0 3.125vw; } } .mod-tab-link__pdf-link-text:after { content: ""; position: absolute; top: 0.3em; right: 0; display: block; width: 14px; height: 0; padding-top: 13px; overflow: hidden; background: url(/daigakuin/img/sp/mod-tab-link/icon_pdf.png) 0 0 no-repeat; background-size: 100% auto; } @media screen and (max-width: 738px) { .mod-tab-link__pdf-link-text:after { top: 0.15em; width: 4.375vw; padding-top: 4.0625vw; } } .mod-tab-link__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mod-tab-link__link { -webkit-box-sizing: border-box; box-sizing: border-box; width: 378px; } @media screen and (max-width: 738px) { .mod-tab-link__link { width: 49.13793%; } } .mod-tab-link__link-text { position: relative; display: block; text-align: center; font-size: 1.28571rem; color: #c1c1c1; padding: 5px 0 23px; } @media screen and (max-width: 738px) { .mod-tab-link__link-text { font-size: 1rem; padding: 4.91228% 0 9.82456%; } } .mod-tab-link__link-text:before { content: ""; position: absolute; right: 0; bottom: 10px; left: 0; display: block; width: 100%; height: 0; padding-top: 7px; overflow: hidden; border-radius: 2px; background-color: #c1c1c1; } @media screen and (max-width: 738px) { .mod-tab-link__link-text:before { bottom: 0; padding-top: 4.5614%; margin-bottom: 3.50877%; } } .mod-tab-link__link-text:after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: block; width: 22px; height: 0; padding-top: 11px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; } @media screen and (max-width: 738px) { .mod-tab-link__link-text:after { width: 11.22807%; padding-top: 5.61404%; } } .mod-tab-link__link:hover .mod-tab-link__link-text, .mod-tab-link__link--current .mod-tab-link__link-text { color: #e3142c; } .mod-tab-link__link:hover .mod-tab-link__link-text:before, .mod-tab-link__link--current .mod-tab-link__link-text:before { background-color: #e3142c; } .mod-tab-link__link:hover .mod-tab-link__link-text:after, .mod-tab-link__link--current .mod-tab-link__link-text:after { background-image: url(/daigakuin/img/sp/mod-tab-link/icon_triangle_red.png); } .iphone .mod-tab-link__link:hover .mod-tab-link__link-text, .ipad .mod-tab-link__link:hover .mod-tab-link__link-text { color: #c1c1c1; } .iphone .mod-tab-link__link:hover .mod-tab-link__link-text:before, .ipad .mod-tab-link__link:hover .mod-tab-link__link-text:before { background-color: #c1c1c1; } .iphone .mod-tab-link__link:hover .mod-tab-link__link-text:after, .ipad .mod-tab-link__link:hover .mod-tab-link__link-text:after { background-image: none; } /* --------------------------------------------- * mod-text-section --------------------------------------------- */ .mod-text-section { margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-text-section { margin-bottom: 12.5vw; } } .mod-text-section .mod-media-1, .mod-text-section .mod-plain-text { margin-bottom: 23px; word-wrap: break-word; } @media screen and (max-width: 738px) { .mod-text-section .mod-media-1, .mod-text-section .mod-plain-text { margin-bottom: 6.89655%; } } .mod-text-section .mod-media-1:last-child, .mod-text-section .mod-plain-text:last-child { margin-bottom: 0; } .mod-text-section .mod-plain-text-ul ul { list-style: disc; padding-left: 2em; } .mod-text-section .mod-plain-text-ol ol { list-style: decimal; padding-left: 1em; } .mod-text-section .mod-plain-text-ol ol li { margin-bottom: 1em; } .mod-text-section .mod-plain-text-listreset ol, .mod-text-section .mod-plain-text-listreset ul { list-style: none; padding-left: 1em; } .mod-text-section .mod-plain-text-listreset ol li, .mod-text-section .mod-plain-text-listreset ul li { margin-bottom: 1em; margin-left: 1em; text-indent: -2em; } /* --------------------------------------------- * mod-voice-1 --------------------------------------------- */ .mod-voice-1 { padding: 35px 40px 32px; border: 1px solid #76c6b8; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-voice-1 { padding: 4.48276% 6.55172% 4.82759%; margin-bottom: 12.5vw; } } .mod-voice-1__header { margin-bottom: 18px; } @media screen and (max-width: 738px) { .mod-voice-1__header { margin-bottom: 3.96825%; } } .mod-voice-1__heading-sub { font-size: 1.14286rem; font-weight: bold; color: #10a58b; margin-bottom: 8px; } @media screen and (max-width: 738px) { .mod-voice-1__heading-sub { font-size: 0.92857rem; margin-bottom: 1.98413%; } } .mod-voice-1__heading-main { font-size: 1.28571rem; font-weight: bold; } @media screen and (max-width: 738px) { .mod-voice-1__heading-main { font-size: 1rem; } } .mod-voice-1__text { line-height: 2; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-voice-1__text { line-height: 1.75; font-size: 0.92857rem; } } .mod-plain-text-li-item:before { content: "・"; position: relative; color: #10a58b; } /* --------------------------------------------- * mod-voice-2 --------------------------------------------- */ .mod-voice-2 { padding: 38px 40px 22px; border: 1px solid #76c6b8; margin-bottom: 50px; } @media screen and (max-width: 738px) { .mod-voice-2 { padding: 4.48276% 6.55172% 4.82759%; margin-bottom: 12.5vw; } } .mod-voice-2__header { margin-bottom: 24px; } @media screen and (max-width: 738px) { .mod-voice-2__header { margin-bottom: 2.77778%; } } .mod-voice-2__heading-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 18px; } @media screen and (max-width: 738px) { .mod-voice-2__heading-main { font-size: 0.92857rem; margin-bottom: 5.15873%; } } .mod-voice-2__heading-main:after { content: ""; display: block; width: 26px; height: 0; padding-top: 14px; overflow: hidden; background: url(/daigakuin/img/pc/mod-voice-2/icon_triangle_green.png) 0 0 no-repeat; background-size: 100% auto; } @media screen and (max-width: 738px) { .mod-voice-2__heading-main:after { width: 9.12698%; padding-top: 4.56349%; background-image: url(/daigakuin/img/sp/mod-voice-2/icon_triangle_green.png); } } .mod-voice-2__heading-main-text { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; text-align: center; font-size: 1.14286rem; font-weight: bold; color: #10a58b; padding: 12px 5px 10px; background-color: #ecf5f3; } @media screen and (max-width: 738px) { .mod-voice-2__heading-main-text { font-size: 0.92857rem; padding: 3.57143% 1.98413% 2.38095%; } } .mod-voice-2__heading-sub { line-height: 1.75; font-size: 1.28571rem; font-weight: bold; } @media screen and (max-width: 738px) { .mod-voice-2__heading-sub { font-size: 1rem; } } .mod-voice-2__text { line-height: 2; font-size: 1rem; } @media screen and (max-width: 738px) { .mod-voice-2__text { line-height: 1.75; font-size: 0.92857rem; } } /* --------------------------------------------- * add utility --------------------------------------------- */ .underline { text-decoration: underline; } .font-color-red { color: #e60012; } .textcenter { text-align: center; } .textleft { text-align: left !important; } .fw-normal { font-weight: normal !important; } .fw-bold { font-weight: bold !important; } /********************************** Pagenation **********************************/ #pagenation { display: block; overflow: hidden; text-align: center; margin-bottom: 120px; } #pagenation > ul { /**/ } #pagenation > ul > li { display: inline-block; overflow: hidden; width: 3em; } #pagenation > ul > li > a { display: block; overflow: hidden; text-align: center; font-size: 1.2rem; color: #009844; } #pagenation > ul > li.current > a { opacity: 0.5; } @media screen and (max-width: 738px) { #pagenation > ul > li > a { font-size: 1.1rem; } } .article_meta { display: block; overflow: hidden; margin: 0 0 2em 0; } div[class^='news_type'] { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 7px; padding-bottom: 6px; width: 74px; border: 1px solid; border-radius: 3px; text-align: center; font-size: 0.85714rem; line-height: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-right: 20px; float: left; } .news_type_topics { color: #00cc33; border-color: #00cc33; } .news_type_event { border-color: #eda907; } .article_date { display: inline-block; overflow: hidden; font-size: 1.2rem; font-weight: bold; } .mod-news__list { overflow: visible; max-height: none; } div.aform-content .aform-label { white-space: normal !important; padding-right: 0 !important; } .aform-content dl dt { width: auto !important; } .page-news .mod-keyvisual { padding-top: 0px; } @media screen and (max-width: 738px) { .top .mod-keyvisual { padding-top: 30px; } } /* ========================================================== * * page * ========================================================== */ /* ========================================================== * * form * ========================================================== */ .aform-content dl dt .required { position: static !important; } .aform-content dl dt .aform-label { padding-right: 2.5em !important; } .aform-content dl dt { float: none !important; } /* ========================================================== * * News * ========================================================== */ .page-news .mod-news__categories { width: 770px; padding: 0; } @media screen and (max-width: 738px) { .page-news .mod-news__categories { width: auto; } } .page-news .mod-news__list { height: auto; max-height: none; overflow: visible; } /* youtube --------------------*/ .video{ position:relative; width:100%; padding-top:56.25%; } .video iframe{ position:absolute; top:0; right:0; width:100%; height:100%; } /* ========================================================== * * アンカーリンクずれ解消 ========================================================== */ .anchor{ display: block; padding-top: 160px; margin-top: -160px; } @media screen and (max-width: 738px) { .anchor { display: block; padding-top: 110px; margin-top: -110px; } } /* ========================================================== * * がんプロページ固有 ========================================================== */ .event_threebox { display: flex; flex-wrap: wrap; justify-content: space-around; } .cancer_halfbox { justify-content: flex-start; } .event_threebox.cancer_halfbox > * { flex: 0 0 50%; margin: 20px 0 20px; } .event_threebox.cancer_halfbox a { width: 50%; text-align: center; } .event_threebox h4 { font-weight: bold; } .event_threebox li { display: flex; flex-direction: column; flex: 0 1 31%; padding: .5rem; text-align: center; background-color: #f7f7f7; } .event_threebox li h4 { flex-grow: 1; } .event_threebox li img { margin: 15px auto; width: 150px; height: 210px; object-fit: cover; } .event_threebox li p { margin: 10px 0 0; } @media screen and (max-width: 738px) { .event_threebox { display: block; } .event_threebox.cancer_halfbox a { width: 80%; } .event_threebox li { margin-bottom: 1.5rem; flex-direction: row; flex-wrap: wrap; align-items: center; } .event_threebox li h4 { order: 1; width: 100%; } .event_threebox li p { order: 2; flex: 0 0 calc( 100% - 110px ); } .event_threebox li img { order: 3; width: 100px; height: auto; margin: 0 0 10px 10px; } } a.event_btn { padding: 7px 40px; background-color: #10a58b; color: #FFF; border-radius: 20px; display: inline-block; transition: opacity 300ms; } a.event_btn:hover { opacity: .7; } .mod-list-2__list-item_date { margin-right: .5rem; } .mod-list-2__list-item_categoly { font-size: unset; font-weight: normal; width: 6.5rem; margin-right: 1rem; display: inline-block; text-align: center; border-radius: 5px; } @media screen and (max-width: 738px) { .mod-list-2__list-item_categoly { width: auto; } } .mod-list-2__list-item_categoly.categoly_orn { border: solid 1px #f3600d; color: #f3600d; } .mod-list-2__list-item_categoly.categoly_blu { border: solid 1px #1158bf; color: #1158bf; } .mod-list-2__list-item_categoly.categoly_gr { border: solid 1px #10a58b; color: #10a58b; } .mod-list-2__list-item_categoly.categoly_ppl { border: solid 1px #ad7bbb; color: #ad7bbb; } .cancer-mod-list-2 { padding-left: 0; padding-right: 0; } .cancer-mod-list-2 .mod-list-2__list-item_link { margin-bottom: .5rem; } .cancer-mod-list-2 .mod-list-2__list-item_link a.mod-alert-4__link { font-size: 1.14286rem; color: black; } .cancer-mod-list-2 .mod-list-2__list-item_detail div { display: flex; width: 100%; } .mod-list-2__list-item_detail div dt { flex: 0 0 auto; } .cancer-mod-list-2 .mod-list-2__list-item:last-child { border-bottom: 1px dotted #cecece; padding-bottom: 16px; } .mod-list-field-2__link__forcus { background-color: #c5e5df; } .mod-list-field-2__link__forcus:hover { opacity: 1; } /* ========================================================== * * 公衆衛生領域固有 ========================================================== */ .cancer-mod-list-2 .mod-list-2__list-item_link span.mod-alert-4__link { font-size: 1.14286rem; color: black; text-decoration: none; } .koshu_dlflex div { display: flex; flex-wrap: wrap; margin-bottom: .5rem; } .koshu_dlflex div dt { flex: 0 0 3rem; margin-right: 1rem; font-weight: bold; } .koshu_dlflex div.sixwidth dt { flex: 0 0 6rem; font-weight: normal; } .koshu_dlflex div dd { flex: 0 0 calc(100% - 4rem); } .koshu_dlflex div.sixwidth dd { flex: 0 0 calc(100% - 7rem); } .mod-list-koshu__list-item_detail dt { font-weight: bold; } .mod-list-koshu__list-item_detail dd { margin-left: 1rem; margin-bottom: .5rem; } .seijin_imagebox { display: flex; margin-bottom: 2rem; flex-wrap: wrap; gap: 1rem; } .img_bd_box { padding: .5rem; border: 1px solid #dfdfdf; text-align: center; } .seijin_imagebox .img_bd_box.monobox { flex: 0 0 auto; } .seijin_imagebox .img_bd_box.doublebox { flex: 0 0 auto; width: 46%; } .seijin_imagebox .img_bd_box.triplebox { flex: 0 0 auto; width: 30%; } .seijin_imagebox .mod-media-1__text-ul { width: 46%; } @media screen and (max-width: 738px) { .seijin_imagebox { display: block; } .seijin_imagebox .img_bd_box.monobox, .seijin_imagebox .img_bd_box.doublebox, .seijin_imagebox .img_bd_box.triplebox, .seijin_imagebox .mod-media-1__text-ul { width: 95%; margin-bottom: 1rem; } } .img_bd_box img.bmargin { margin-bottom: .5rem; } /* ============================================== 元のHTML構造に対応するCSS (年/学期ごとのフロー) ============================================== */ .chevron-list { display: flex; flex-direction: column; /* 各 .chevron-row を縦に並べる */ gap: 1.5rem; } .chevron-row { display: flex; align-items: stretch; gap: 1rem; max-width: 800px; margin-bottom: 1.5rem; /* 元のHTML構造用 */ } .chevron-down { width: 80px; min-height: 80px; background-color: #2196F3; clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%); /* テキスト用シェブロンの形状 */ font-size: 1.5rem; padding: 0 0.5rem 1.5rem; /* ★ここを修正: padding-bottom: 1.5rem; を追加 */ color: white; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.2; flex-shrink: 0; } .chevron-down img { max-width: 80%; max-height: 80%; object-fit: contain; /* 元のHTML構造では画像は想定されていませんが、将来的な拡張性のため残しておきます */ } .chevron-text { font-size: 1rem; line-height: 1.6; flex-grow: 1; } /* ============================================== 新しいHTML構造に対応するCSS (アイコンとテキストの横並び) 新しいHTML構造の .chevron-list に `mod-icon-list` クラスを追加してください 例:
============================================== */ .chevron-list.mod-icon-list { display: flex; /* .chevron-row と .chevron-text を横並びにする */ flex-direction: row; /* 横並びにするため row に変更 */ gap: 1.5rem; /* .chevron-row と .chevron-text の間のスペース */ align-items: flex-start; /* 上端を揃える */ } .chevron-list.mod-icon-list .chevron-row { display: flex; flex-direction: column; /* アイコンを縦並びにする */ gap: 1rem; /* アイコン間のスペース */ margin-bottom: 0; /* 新しい構造では不要 */ max-width: none; /* 特定の max-width をリセット */ flex-shrink: 0; /* chevron-text を広く使うために、chevron-row が縮まないようにする */ } .chevron-list.mod-icon-list .chevron-down { /* アイコン用の chevron-down スタイル */ width: 80px; min-height: 80px; background-color: #2196F3; padding: 0; /* 画像の場合は不要 */ padding-bottom: 1.5rem; /* ★ここを修正: padding-bottom: 1.5rem; を追加 */ color: inherit; /* アイコン画像なのでテキスト色も不要 */ font-size: initial; /* アイコン画像なのでフォントサイズも初期値に */ line-height: initial; /* アイコン画像なので行高も初期値に */ display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .chevron-list.mod-icon-list .chevron-text { flex-grow: 1; /* 残りのスペースを埋める */ /* 必要であればここで mod-media-1__text-ul など、新しい構造固有のスタイルを調整 */ } /* ============================================== 共通のメディアクエリ (両方の構造に影響する可能性あり) ============================================== */ @media (max-width: 738px) { /* 元のHTML構造の場合 */ .chevron-row { gap: 0.5rem; margin-bottom: 2rem; } .chevron-down { font-size: 1.1rem; padding-bottom: 1.5rem; /* ★ここを修正: padding-bottom: 1.5rem; を追加 */ } /* 新しいHTML構造 (.mod-icon-list) の場合 - ここを修正 */ .chevron-list.mod-icon-list { display: flex; /* スマホ時も横並びを維持 */ flex-direction: row; /* スマホ時も横並びを維持 */ gap: 0.5rem; /* chevron-row と chevron-text の間のgapを狭く */ align-items: flex-start; /* 上端を揃える */ } .chevron-list.mod-icon-list .chevron-row { display: flex; flex-direction: row; /* アイコンを横並びにする */ flex-wrap: wrap; /* アイコンが収まらない場合に折り返す */ justify-content: flex-start; /* アイコンを左寄せにする（必要であれば center に変更） */ gap: 0.5rem; /* アイコン間のギャップを狭く */ margin-bottom: 0; /* 不要なマージンをリセット */ /* width は chevron-down が flex-grow: 1 で伸びるため不要に */ flex-shrink: 0; } .chevron-list.mod-icon-list .chevron-down { width: 100%; /* ★ここを修正: 親要素 (chevron-row) の幅いっぱいまで広げる */ min-height: 60px; /* アイコンサイズを小さくする例 */ padding-bottom: 1.5rem; /* ★ここを修正: padding-bottom: 1.5rem; を追加 */ /* アイコンの個数が複数あり、横並びで幅いっぱいにしたい場合は flex-grow: 1 も検討 */ flex-grow: 1; /* ★追加: 親要素の残りスペースを埋めるようにする */ } .chevron-list.mod-icon-list .chevron-text { flex-grow: 1; /* 残りのスペースをすべて使う */ } } /* 注釈テキストのスタイル (両方の構造で共通) */ .chevron-text .mod-flow__direction-list-item-annotation { padding-left: 2em; } /* ============================================== 共通のメディアクエリ (両方の構造に影響する可能性あり) ============================================== */ @media (max-width: 738px) { /* 元のHTML構造の場合 */ .chevron-row { gap: 0.5rem; margin-bottom: 2rem; } .chevron-down { font-size: 1.1rem; } /* 新しいHTML構造 (.mod-icon-list) の場合 - ここを修正 */ .chevron-list.mod-icon-list { display: flex; /* スマホ時も横並びを維持 */ flex-direction: row; /* スマホ時も横並びを維持 */ gap: 0.5rem; /* chevron-row と chevron-text の間のgapを狭く */ align-items: flex-start; /* 上端を揃える */ } .chevron-list.mod-icon-list .chevron-row { display: flex; flex-direction: row; /* アイコンを横並びにする */ flex-wrap: wrap; /* アイコンが収まらない場合に折り返す */ justify-content: flex-start; /* アイコンを左寄せにする（必要であれば center に変更） */ gap: 1rem; /* アイコン間のギャップを狭く */ margin-bottom: 0; /* 不要なマージンをリセット */ width: 90px; /* chevron-row の幅を狭くする（アイコン1個分強） */ flex-shrink: 0; /* 更に縮まないように */ } .chevron-list.mod-icon-list .chevron-down { width: 60px; /* アイコンサイズを小さくする例 */ min-height: 60px; /* アイコンサイズを小さくする例 */ /* モバイルでのアイコンのサイズ調整など、必要であればここに追加 */ } .chevron-list.mod-icon-list .chevron-text { flex-grow: 1; /* 残りのスペースをすべて使う */ } .chevron-down img { margin: .7rem 0; } } /* 注釈テキストのスタイル (両方の構造で共通) */ .chevron-text .mod-flow__direction-list-item-annotation { padding-left: 2em; } /* ========================================================== * * 20241212　追加 * ========================================================== */ .titlelevel4__News { font-size: 1.42857rem; color: #10a58b; margin: 30px 0 12px 0; } .titlelevel5__News { font-size: 1.14286rem; font-weight: bold; padding-left: .5rem; margin: 30px 0 12px 0; border-bottom: 1.25px solid #10a58b; color: #10a58b; } .titlelevel6__News { font-size: 1.14286rem; font-weight: bold; margin: 30px 0 12px 0; } @media screen and (max-width: 738px) { .titlelevel4__News { font-size: 4.375vw; margin-bottom: 3.125vw; } .titlelevel5__News { font-size: 4.375vw; margin-bottom: 3.125vw; } .titlelevel6__News { font-size: 4.375vw; margin-bottom: 3.125vw; } } [class*="circle__"] > li::marker { content: "●"; } [class*="dots__"] > li::marker { content: "・"; } .circle__WH__markNews > li::marker { content: "〇"; color: #000; } .dots__WH__markNews > li::marker { content: "\025e6"; color: #000; } .attention__markNews > li::marker { content: "※"; } .attention__markNews > li.RD__markNews::marker, .attention__markNews > li.RD__markNews { color: red; } .number__BK__markNews { list-style-type: decimal; } [class*="BK__markNews"] > li::marker { color: #000; } [class*="GR__markNews"] > li::marker { color: #7EBE9D; } [class*="__markNews"] > li { margin-left: 1rem; margin-bottom: .5rem; padding-left: .25rem; } [class*="__markNews"] > li:last-child { margin-bottom: 1.2rem; } .OFF__LinkNews { color: #333 !important; text-decoration: underline; } [class*="mark__LinkNews"] { color: #333 !important; text-decoration: underline; padding-right: 22px; padding-bottom: 2px; margin-right: 6px; } .OFF__LinkNews:hover, [class*="mark__LinkNews"]:hover { text-decoration: none; } .OUTmark__LinkNews { background: url(/daigakuin/img/sp/mod-list-1/icon_new_window.png) no-repeat center right / 14px 13px; } .PDFmark__LinkNews { background: url(/daigakuin/img/sp/mod-tab-link/icon_pdf.png) no-repeat center right / 14px 13px; } [class*="indentBox__"] { display: flex; flex-wrap: wrap; margin-bottom: .5rem; } [class*="indentBox__"] > .indent__LeftBox__News { flex: 0 0 auto; } [class*="indentBox__"] > .indent__RightBox__News, [class*="indentBox__"] > .indent__RightBox__Space1__News { flex: 1; } .indent__RightBox__Space1__News { margin-left: 1rem; } @media screen and (max-width: 738px) { .indentBox__Pc__News { display: block; margin-bottom: 1.5rem; } .indentBox__Pc__News > .indent__RightBox__News { margin-left: 1rem; } } .mod-table3__table .top__thGreen { background-color: #10a58b; color: white; } [class*="Button__News"] { position: relative; display: block; padding: 10px 10px 10px 20px; margin-top: 1.5rem; margin-bottom: 2rem; text-decoration: none; color: #FFF; background: #cfa60d; border-bottom: solid 2px #8f7100; border-radius: 20px; box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19); font-weight: bold; text-align: center; width: 40%; } .center__Button__News { margin-left: auto; margin-right: auto; } [class*="Button__News"]:active { border-bottom: solid 2px #544302; box-shadow: 0 0 2px rgba(0, 0, 0, 0.30); } @media screen and (max-width: 738px) { [class*="Button__News"] { margin-top: 1rem; margin-bottom: 4rem; } } [class*="LineLayout__PKG__"] { display: grid; gap: 5px 10px; } .LineLayout__PKG__2__News { grid-template-columns: repeat(2, 1fr); } .LineLayout__PKG__3__News { grid-template-columns: repeat(3, 1fr); } .LineLayout__PKG__4__News { grid-template-columns: repeat(4, 1fr); } .LineLayout__PKG__5__News { grid-template-columns: repeat(5, 1fr); } .LineLayout__PKG__2__News .LineLayout__Box__News [class*="Button__News"], .LineLayout__PKG__3__News .LineLayout__Box__News [class*="Button__News"], .LineLayout__PKG__5__News .LineLayout__Box__News [class*="Button__News"] { width: 80%; } .LineLayout__PKG__4__News .LineLayout__Box__News [class*="Button__News"] { width: 80%; } @media screen and (max-width: 738px) { [class*="LineLayout__PKG__"] { display: block; width: 100%; margin-bottom: 1.5rem; } [class*="LineLayout__PKG__"] .LineLayout__Box__News { margin-bottom: 1rem; } [class*="Button__News"] { width: 90%; margin-left: auto; margin-right: auto; } } .img_flr { float: right; width: 380px; margin: 0 0 .5rem 1rem; } @media screen and (max-width: 738px) { .img_flr { float: none; display: block; width: auto; margin: .5rem auto; } } .clearfix::after { content: ""; display: block; clear: both; } .grayBox { padding: 1.7rem 2.2rem; background-color:#f7f7f7; } .grayBox .titlelevel4__News { color: black; margin-left: -1rem; margin-top: 0; } .mod-heading-tmy { border: 3px solid #10a58b; padding: 2px 5px; margin: 1.2em 0; border-radius: 7px; background: #10a58b; color: white; font-weight: bold; font-size: 1.07rem; } .news_youtube_wrapper { aspect-ratio: 16 / 9; width: 100%; margin: auto; } .news_youtube_wrapper iframe { width: 100%; height: 100%; border: none; } .department_news { background-color: white; margin-bottom: 3.5rem; padding: 1rem .7rem; height: 10rem; /* overflow-y: scroll;*/ box-shadow: 0 2px 3px 0 #390; -moz-box-shadow: 0 2px 3px 0 #390; -webkit-box-shadow: 0 2px 3px 0 #ddd; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #a7cfc6; border-bottom-color: #a7cfc6; }