*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box;} .margincenter {margin:0px auto!important;} .topcenter { display: flex; flex-direction: column;justify-content: center;} .topcenter_left { display: flex; flex-direction: column;justify-content: left;} .sp_anker_spacer {display:none;} .border1 {border:1px solid #eeeeee;} .input {border:3px solid #cccccc; padding:6px 3px 6px 3px; font-size:18px; line-height:26px;} .fw200 {font-weight:200;} .fw400 {font-weight:400;} .fw600 {font-weight:600;} /*commonparts*/ .common_bt500 {width:500px; margin-top:10px; margin-top:bottom;} .common_bt {display:block; padding:15px 20px 15px 20px; text-align:center; background-color:#7fbe25; color:#ffffff; font-size:18px; font-weight:400;font-family:Noto Sans Japanese; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .common_bt:hover {display:block; padding:15px 20px 15px 20px; text-align:center; background-color:#92d137; color:#ffffff; font-size:18px; font-weight:400;font-family:Noto Sans Japanese; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration:none;} .common_bt_b {display:block; padding:15px 20px 15px 20px; text-align:center; background-color:#00b9e1; color:#ffffff; font-size:18px; font-weight:400;font-family:Noto Sans Japanese; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .common_bt_b:hover {display:block; padding:15px 20px 15px 20px; text-align:center; background-color:#2ecef0; color:#ffffff; font-size:18px; font-weight:400;font-family:Noto Sans Japanese; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration:none;} .common_bt_y {display:block; padding:15px 20px 15px 20px; text-align:center; background-color:#f6b300; color:#ffffff; font-size:18px; font-weight:400;font-family:Noto Sans Japanese; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .common_bt_y:hover {display:block; padding:15px 20px 15px 20px; text-align:center; background-color:#ffc832; color:#ffffff; font-size:18px; font-weight:400;font-family:Noto Sans Japanese; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration:none;} .notice {} .notice_orange {display:block; margin-bottom:30px!important; border:2px solid #ff8a00; color:#ff8a00; padding:15px; font-size:16px; line-height:28px; font-weight:400;} /*flexbox*/ .flexbox {display:flex; justify-content:space-between; flex-wrap: wrap;} .flexbox_rev {display:flex; justify-content:space-between; flex-wrap: wrap; flex-flow: row-reverse;} .flexbox_left {display:flex; justify-content:flex-start; flex-wrap: wrap; } .fourbox {width:23%;} .threebox {width:31%; } .threebox_left {width:30.3%; margin:1.5%; } .twobox {width:48%;} .twobox70 {width:68%;} .twobox60 {width:58%;} .twobox55 {width:53%;} .twobox45 {width:43%;} .twobox40 {width:38%;} .twobox30 {width:28%;} .bgwhite {background-color:#ffffff;} .bggreen {background-color:#a6d3d8;} .bgbeige {background-color:#f8f2e9;} .w600 {width:600px!important;} .w700 {width:700px!important;} .w800 {width:800px!important;} .w1080 {width:1080px!important;} .w900 {width:900px!important;} .w640 {width:640px;} .w300 {width:500px;} .w300 {width:400px;} .w300 {width:300px;} .w280 {width:280px;} .w250 {width:250px;} .w200 {width:200px;} .m0 {margin:0px;} .mb0 {margin-bottom:0px!important;} .mb10 {margin-bottom:10px!important;} .mb20 {margin-bottom:20px!important;} .mb30 {margin-bottom:30px!important;} .mb40 {margin-bottom:40px!important;} .mb50 {margin-bottom:50px!important;} .mb60 {margin-bottom:60px!important;} .mb70 {margin-bottom:70px!important;} .mb80 {margin-bottom:80px!important;} .mb90 {margin-bottom:90px!important;} .mb100 {margin-bottom:100px!important;} .mt0 {margin-top:0px!important;} .mt10 {margin-top:10px!important;} .mt20 {margin-top:20px!important;} .mt30 {margin-top:30px!important;} .mt40 {margin-top:40px!important;} .mt50 {margin-top:50px!important;} .mt60 {margin-top:60px!important;} .mt70 {margin-top:70px!important;} .mt80 {margin-top:80px!important;} .mt90 {margin-top:90px!important;} .mt100 {margin-top:100px!important;} .p0 {padding:0px;} .p10 {padding:10px;} .p20 {padding:20px;} .p30 {padding:30px;} .pb0 {padding-bottom:0px!important;} .pb10 {padding-bottom:10px!important;} .pb20 {padding-bottom:20px!important;} .pb30 {padding-bottom:30px!important;} .pb40 {padding-bottom:40px!important;} .pb50 {padding-bottom:50px!important;} .pb60 {padding-bottom:60px!important;} .pb70 {padding-bottom:70px!important;} .pb80 {padding-bottom:80px!important;} .pb90 {padding-bottom:90px!important;} .pb100 {padding-bottom:100px!important;} .pt0 {padding-top:0px!important;} .pt20 {padding-top:20px!important;} .pt30 {padding-top:30px!important;} .pt40 {padding-top:40px!important;} .pt50 {padding-top:50px!important;} .pt60 {padding-top:60px!important;} .pt70 {padding-top:70px!important;} .pt80 {padding-top:80px!important;} .pt90 {padding-top:90px!important;} .pt100 {padding-top:100px!important;} .size10 {font-size:10px!important;} .size12 {font-size:12px!important;} .size14 {font-size:14px!important;} .size16 {font-size:16px!important;} .size18 {font-size:18px!important;} .size20 {font-size:20px!important;} .size22 {font-size:22px!important;} .size23 {font-size:23px!important;} .size24 {font-size:24px!important;} .size25 {font-size:25px!important;} .size26 {font-size:26px!important;} .size27 {font-size:27px!important;} .size28 {font-size:28px!important;} .size29 {font-size:29px!important;} .size30 {font-size:30px!important;} .size31 {font-size:31px!important;} .size32 {font-size:32px!important;} .size33 {font-size:33px!important;} .size34 {font-size:34px!important;} .size35 {font-size:35px!important;} .size36 {font-size:36px!important;} .size37 {font-size:37px!important;} .size38 {font-size:38px!important;} .size39 {font-size:39px!important;} .size40 {font-size:40px!important;} .size41 {font-size:41px!important;} .size42 {font-size:42px!important;} .size43 {font-size:43px!important;} .size44 {font-size:44px!important;} .size45 {font-size:45px!important;} .size46 {font-size:46px!important;} .size47 {font-size:47px!important;} .size48 {font-size:48px!important;} .size49 {font-size:49px!important;} .size50 {font-size:50px!important;} .lh16 {line-height:16px;} .lh18 {line-height:18px;} .lh20 {line-height:20px;} .lh21 {line-height:21px;} .lh22 {line-height:22px;} .lh23 {line-height:23px;} .lh24 {line-height:24px;} .lh25 {line-height:25px;} .lh26 {line-height:26px;} .lh27 {line-height:27px;} .lh28 {line-height:28px;} .lh29 {line-height:29px;} .lh30 {line-height:30px;} .lh31 {line-height:31px;} .lh32 {line-height:32px;} .lh33 {line-height:33px;} .lh34 {line-height:34px;} .lh35 {line-height:35px;} .lh36 {line-height:36px;} .lh37 {line-height:37px;} .lh38 {line-height:38px;} .lh39 {line-height:39px;} .lh40 {line-height:40px;} .lh41 {line-height:41px;} .lh42 {line-height:42px;} .lh43 {line-height:43px;} .lh44 {line-height:44px;} .lh45 {line-height:45px;} .lh46 {line-height:46px;} .lh47 {line-height:47px;} .lh48 {line-height:48px;} .lh49 {line-height:49px;} .lh50 {line-height:50px;} @media screen and (max-width:640px){ .topcenter { display: block;} .sp_anker_spacer {display:block; height:50px;} /*common parts*/ .common_bt500 {width:96%; margin-top:10px; margin-top:bottom;} .common_bt {display:block; padding:15px 20px 15px 20px; text-align:center; background-color:#7fbe25; color:#ffffff; font-size:18px; font-weight:400;font-family:Noto Sans Japanese; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .common_bt:hover {display:block; padding:15px 20px 15px 20px; text-align:center; background-color:#92d137; color:#ffffff; font-size:18px; font-weight:400;font-family:Noto Sans Japanese; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration:none;} /*flexbox*/ .flexbox {display:block; justify-content:space-between; flex-wrap: wrap;} .flexbox_rev {display:block; justify-content:space-between; flex-wrap: wrap; flex-flow: row-reverse;} .flexbox_left {display:block; justify-content:flex-start; flex-wrap: wrap; } .fourbox {width:100%;} .threebox {width:100%; } .threebox_left {width:100%; margin:0px 0px 15px 0px; } .twobox {width:100%;} .twobox70 {width:100%;} .twobox60 {width:100%;} .twobox55 {width:100%;} .twobox45 {width:100%;} .twobox40 {width:100%;} .twobox30 {width:100%;} .w600 {width:100%!important; max-width:600px!important; margin:0px auto;} .w700 {width:100%!important;} .w800 {width:100%!important;} .w1080 {width:100%!important;} .w900 {width:100%!important;} .w640 {width:100%;} .w500 {width:100%;} .w400 {width:100%;} .w300 {width:100%;} .mb10 {margin-bottom:10px!important;} .mb20 {margin-bottom:20px!important;} .mb30 {margin-bottom:30px!important;} .mb40 {margin-bottom:40px!important;} .mb50 {margin-bottom:50px!important;} .mb60 {margin-bottom:50px!important;} .mb70 {margin-bottom:50px!important;} .mb80 {margin-bottom:50px!important;} .mb90 {margin-bottom:50px!important;} .mb100 {margin-bottom:50px!important;} .mt10 {margin-top:10px!important;} .mt20 {margin-top:20px!important;} .mt30 {margin-top:30px!important;} .mt40 {margin-top:40px!important;} .mt50 {margin-top:50px!important;} .mt60 {margin-top:50px!important;} .mt70 {margin-top:50px!important;} .mt80 {margin-top:50px!important;} .mt90 {margin-top:50px!important;} .mt100 {margin-top:50px!important;} .p10 {padding:10px;} .p20 {padding:10px;} .p30 {padding:10px;} .pb10 {padding-bottom:10px!important;} .pb20 {padding-bottom:20px!important;} .pb30 {padding-bottom:30px!important;} .pb40 {padding-bottom:40px!important;} .pb50 {padding-bottom:50px!important;} .pb60 {padding-bottom:50px!important;} .pb70 {padding-bottom:50px!important;} .pb80 {padding-bottom:50px!important;} .pb90 {padding-bottom:50px!important;} .pb100 {padding-bottom:50px!important;} .pt10 {padding-top:10px!important;} .pt20 {padding-top:20px!important;} .pt30 {padding-top:30px!important;} .pt40 {padding-top:40px!important;} .pt50 {padding-top:50px!important;} .pt60 {padding-top:50px!important;} .pt70 {padding-top:50px!important;} .pt80 {padding-top:50px!important;} .pt90 {padding-top:50px!important;} .pt100 {padding-top:50px!important;} /*----- common parts ----*/ .size10 {font-size:10px!important;} .size12 {font-size:12px!important;} .size14 {font-size:12px!important;} .size16 {font-size:14px!important;} .size18 {font-size:14px!important;} .size20 {font-size:16px!important;} .size22 {font-size:18px!important;} .size23 {font-size:18px!important;} .size24 {font-size:18px!important;} .size25 {font-size:18px!important;} .size26 {font-size:20px!important;} .size27 {font-size:20px!important;} .size28 {font-size:20px!important;} .size29 {font-size:22px!important;} .size30 {font-size:22px!important;} .size31 {font-size:22px!important;} .size32 {font-size:22px!important;} .size33 {font-size:22px!important;} .size34 {font-size:22px!important;} .size35 {font-size:22px!important;} .size36 {font-size:24px!important;} .size37 {font-size:24px!important;} .size38 {font-size:24px!important;} .size39 {font-size:24px!important;} .size40 {font-size:26px!important;} .size41 {font-size:26px!important;} .size42 {font-size:26px!important;} .size43 {font-size:26px!important;} .size44 {font-size:26px!important;} .size45 {font-size:26px!important;} .size46 {font-size:26px!important;} .size47 {font-size:26px!important;} .size48 {font-size:26px!important;} .size49 {font-size:26px!important;} .size50 {font-size:26px!important;} .lh16 {line-height:16px;} .lh18 {line-height:18px;} .lh20 {line-height:24px;} .lh21 {line-height:26px;} .lh22 {line-height:26px;} .lh23 {line-height:26px;} .lh24 {line-height:26px;} .lh25 {line-height:26px;} .lh26 {line-height:28px;} .lh27 {line-height:28px;} .lh28 {line-height:28px;} .lh29 {line-height:30px;} .lh30 {line-height:30px;} .lh31 {line-height:30px;} .lh32 {line-height:30px;} .lh33 {line-height:30px;} .lh34 {line-height:30px;} .lh35 {line-height:34px;} .lh36 {line-height:34px;} .lh37 {line-height:34px;} .lh38 {line-height:34px;} .lh39 {line-height:34px;} .lh40 {line-height:34px;} .lh41 {line-height:34px;} .lh42 {line-height:34px;} .lh43 {line-height:34px;} .lh44 {line-height:34px;} .lh45 {line-height:34px;} .lh46 {line-height:34px;} .lh47 {line-height:34px;} .lh48 {line-height:34px;} .lh49 {line-height:34px;} .lh50 {line-height:34px;} }