body{min-width:initial;width:100%;margin:0;color:#222;font-size:16px;}
a{text-decoration:none;color:#222;}
.pc_view{display:none;}

#wrap{overflow:hidden;font-family:'mplus-1c-light', sans-serif;padding-bottom:40px;}
.inner{width:100%;padding:30px 4%;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

img{max-width:100%;height:auto;}
p{font-size:16px;line-height:1.5em;padding:0 1em 1em;}

#header{display:flex;justify-content:space-between;padding:0px 4% 0 0;border-bottom:1px solid #ddd;}
#header h1{max-width:25%;}
#header ul.navi{display:flex;align-items:center;}
#header ul.navi li.register{display:none;}
#header ul.navi li.app a{display:block;}
#header ul.navi li.app img{max-height:40px;}
#header ul.navi li.register a{display:inline-block;border-radius:6px;border:1px solid #666;}
#header li a.arrow{position: relative;display: inline-block;padding: 0 0 0 16px;color: #000;vertical-align: middle;text-decoration: none;font-size: 15px;}
#header li a.arrow::before,
#header li a.arrow::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
#header li a.tri::before{left: 4px;box-sizing: border-box;width: 4px;height: 4px;border: 4px solid transparent;border-left: 4px solid #7a0;}

h2{font-size:24px;line-height:1.5em;margin-bottom:20px;}
h2 span{color:#8bbf2c;}
.rgst_btn{display:inline-block;text-align:center;margin-top:1em;}
.rgst_btn a.btn{display:inline-block;font-family:'mplus-1c-regular',sans-serif;color:#fff;background:#8bbf2c;padding:12px 30px;border-radius:50px;}
.rgst_btn a.oid{display:none;}
.rgst_btn img{width:35px;vertical-align:middle;margin-right:5px;}

#main{
/* 画像ファイルの指定 */
background-image: url(https://image.d-064.com/common/main-bg_sp.jpg);
/* 画像を常に天地左右の中央に配置 */
background-position: bottom center;
/* 画像をタイル状に繰り返し表示しない */
background-repeat: no-repeat;
/* コンテンツの高さが画像の高さより大きい時、動かないように固定 
background-attachment: fixed;*/
/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
background-size: cover;
/* 背景画像が読み込まれる前に表示される背景のカラー */
background-color: #fff;
height: 75vh;
}
#main .inner{height:65vh;display:flex;flex-direction:column;}
#main h2{color:#8bbf2c;text-align:right;}
#main h2 img{width:100px;margin:20px 15px 0 0;}
#main .rgst_btn{margin-top:auto;}
#main .rgst_btn a{color:#fff;}

#block1 .inner{padding-bottom:0;}
#block1 p{text-align:left;}

#block2 .bg{background-image: url(https://image.d-064.com/common/block2-bg_sp.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #fff;height: 170px;}
#block2 h2 span.proviso{display:block;font-size:12px;color:#222;}
#block2 p{text-align:left;}

#block3 h2{font-size:20px;}
#block3 p.text1{text-align:left;}
#block3 ul.prog_bnr{display:flex;justify-content:center;margin:10px 0 20px;}
#block3 ul.prog_bnr li{padding:0 2%;}
#block3 ul.prog_bnr li:last-child{display:none;}
#block3 .app img{height:80px;}

#footer{text-align:center;border-bottom:1px solid #8bbf2c;}
#footer ul li.company a{display:block;border-top:1px solid #8bbf2c;border-bottom:1px solid #8bbf2c;padding:1em;text-align:center;}
#footer p{padding:0;}
#footer p.copyright{text-align:center;padding:1.5em 5%;}
#footer p.service a.block{display:block;border-top:1px solid #ccc;padding:1em;text-align:center;}

@media screen and ( max-width:479px )
{
#block1 p.text1 br{display:none;}
}


/* ウィンドウ幅が0-479pxの場合に適用するCSS */
@media screen and ( min-width:479px )
{

body{min-width:1100px;word-wrap:break-word;}
.sp_view{display:none;}

#wrap{overflow:visible;}
.inner{width:1100px;padding:60px 0;margin:0 auto;box-sizing:inherit;-webkit-box-sizing:inherit;-moz-box-sizing:inherit;}
p{padding:0;}

#header{padding:8px 16px 0;}
#header h1 img.pc_view{display:inline;max-height:60px;}
#header ul.navi{}
#header ul.navi li{padding:0 3px;}
#header ul.navi li.app img{max-height:60px;height:60px;}
#header ul.navi li.register{display:block;padding-bottom:3px;}
#header ul.navi li.register a{padding:10px 20px;}
#header ul.navi li.login{padding:12px;}

h2{font-size:48px;line-height:1.4em;margin-bottom:40px;padding-left:10px;}
.inner p{font-size:20px;line-height:1.8em;margin-bottom:30px;padding-left:10px;}
.rgst_btn{margin-top:auto;}
.rgst_btn a.btn{font-size:20px;width:360px;padding:20px;margin-bottom:8px;}
.rgst_btn a.oid{display:inline;color:#222;text-decoration:underline;}
.rgst_btn img{width:35px;vertical-align:bottom;margin-right:5px;}

#main{background-image: url(https://image.d-064.com/common/main-bg.jpg);height: 100vh;}
#main .inner{height:71vh;}
#main h2 img{width:140px;margin:40px 20px 0 0;}

#block1{padding-bottom:30px;border-bottom:2px solid #dcdfd5;}
#block1 .inner{text-align:left;background: #fff url('https://image.d-064.com/common/block1-bg.jpg') right top/auto 100% no-repeat;padding-bottom:40px;}
#block1 h2.pc_view{display:block;}
#block1 p.text1{}
#block1 p.text2{margin-bottom:60px;}
#block1 .rgst_btn{}

#block2{}
#block2 .inner{text-align:right;}
#block2 h2{text-align:left;}
#block2 h2 span.proviso{margin-top:-20px;}
#block2 p{text-align:left;}
#block2 p.text1{}
#block2 p.text2{}
#block2 .rgst_btn{}
#block2 .bg{background-image: url(https://image.d-064.com/common/block2-bg.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #fff;height: 250px;}

#block3{text-align:center;}
#block3 .inner{padding-bottom:80px;}
#block3 h2{font-size:48px;}
#block3 p.text1{text-align:center;margin-bottom:60px;}
#block3 ul.prog_bnr{margin:0 0 60px;}
#block3 ul.prog_bnr li{padding:0 10px;}
#block3 ul.prog_bnr li:last-child{display:block;}
#block3 ul.prog_bnr li img{width:300px;}
#block3 ul.ul_btn{display:flex;justify-content:center;}
#block3 ul.prog_bnr li{padding:0 10px;}
#block3 .rgst_btn{padding-top:10px;}
#block3 .app img{height:100px;}

#footer{font-size:15px;padding:50px 0;border-top:1px solid #8bbf2c;}
#footer ul{display:flex;justify-content:center;align-items:center;}
#footer ul li.app{display:block;}
#footer ul li.app img{height:60px;}
#footer ul li.qr{display:block;}
#footer ul li.company{padding-left:20px;}
#footer ul li.company a{display:inline-block;border-radius:50px;border:1px solid #8bbf2c;padding:16px 20px;text-align:left;}
#footer p.copyright{padding:30px 0;}
#footer p.pc_view{display:block;}
#footer p.service{line-height:2em;}


}