/*PCサイト*/
@media only screen and (min-width: 751px) {
	/* =========================================================
	container
	========================================================= */
	div#container {
	}

	div#container img{
		max-width: inherit;
	}

	/* =========================================================
	eyecatch
	========================================================= */
  div#eyecatch {
    
  }
  div#eyecatch .eyebox {
    background: url(../img/event03/mainimg.jpg) center 0 no-repeat;
    height: 862px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
  div#eyecatch .eyebox .eyeimg {
    display: none;
  }
  div#eyecatch .eyecont {
    background: rgba(0,196,254,0.8);
    width: 100%;
  }
  div#eyecatch .eyecontin {
    max-width: 1040px;
    margin: 0 auto;
    padding: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    line-height: 1.625;
  }
  div#eyecatch .eyeanchor {
    padding: 35px 0;
  }
  div#eyecatch .eyeanchor .anchorbox {
    background: #fff;
    padding: 4px 2px;
    display: flex;
    justify-content: center;
  }
  div#eyecatch .eyeanchor .anchorbox li {
    margin: 0 2px;
  }
	

	/* =========================================================
	howto
	========================================================= */
  .howto {
    background: #fff;
    padding: 45px 20px 50px;
    position: relative;
  }
  .howto:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 470px;
    background: #fee100;
    z-index: 0;
  }
  .howto .inner {
    position: relative;
    z-index: 1;
  }
  .howto .howtobox {
    display: flex;
    align-items: center;
    padding: 0 100px;
  }
  .howto .howtobox .howtohd {
    margin-right: 45px;
  }
  .howto .howtobox .howtohead {
    margin-right: 30px;
  }
  .howto .howtobox .howtoin {
    flex: 1;
  }
  .howto .howtobox .howtomess {
    margin-bottom: 15px;
  }
  .howto .howtobox .howtotxt {
    font-size: 15px;
    line-height: 1.75;
    font-weight: 600;
  }
  .howto .howtolar {
    text-align: center;
    margin-top: 35px;
  }
  .howto .howtodet {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
  }
  .howto .howtodet .dettit {
    margin-right: 80px;
  }
  .howto .howtodet .detcont {
    background: #fff;
    border: 4px #b0b0b0 solid;
    padding: 25px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.875;
    max-width: 540px;
    position: relative;
  }
  .howto .howtodet .detcont:before {
    position: absolute;
    content: "";
    background: url(../img/event03/arrow_howto.png) center center no-repeat;
    width: 63px;
    height: 34px;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  
  
	/* =========================================================
	practice
	========================================================= */
  .practice {
    background: #fee100;
    padding: 65px 20px 135px;
  }
  .practice .pramess {
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .practice .pramess .prahd {
    margin-right: 60px;
  }
  .practice .pramess .prahead {
    
  }
  .practice .prabox {
    margin-top: 130px;
    position: relative;
  }
  .practice .prabox:before {
    position: absolute;
    content: "";
    background: #fff;
    left: -66px;
    top: 0;
    width: 2000px;
    height: calc(100% + 66px);
    z-index: 0;
  }
  .practice .pralist {
    position: relative;
    z-index: 1;
  }
  .practice .pralist li+li {
    margin-top: 110px;
  }
  .practice .pralist li {
    display: flex;
    align-items: flex-end;
    position: relative;
  }
  .practice .pralist .praimg {
    flex-shrink: 0;
    margin-right: 40px;
  }
  .practice .pralist .prain {
    flex: 1;
  }
  .practice .pralist .pradet {
    font-size: 24px;
    color: #555;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 20px;
    padding: 0 0 0 30px;
  }
  .practice .pralist .pratxt {
    border: 4px #b0b0b0 solid;
    padding: 15px 20px;
    font-size: 15px;
    line-height: 1.875;
    font-weight: 700;
    position: relative;
  }
  .practice .pralist .pratxt:before {
    position: absolute;
    content: "";
    background: url(../img/event03/arrow_practice.png) center center no-repeat;
    width: 74px;
    height: 36px;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .practice .pralist .pratit {
    position: absolute;
    left: 0;
    top: -80px;
    width: 100%;
    z-index: 1;
  }
  .practice .pralist .pratit span {
    position: relative;
    z-index: 1;
  }
  .practice .pralist .pratit:before {
    position: absolute;
    content: "";
    background: #00c4fe;
    left: 0;
    top: 0;
    width: 2000px;
    height: 80px;
    z-index: 0
  }
  
  
	/* =========================================================
	inspection
	========================================================= */
  .inspection {
    background: #00c4fe;
    padding: 45px 20px 70px;
  }
  .inspection .inspemess {
    display: flex;
    align-items: center;
    padding: 0 90px 0 40px;
  }
  .inspection .inspemess .inspehd {
    margin-right: 90px;
    flex-shrink: 0;
  }
  .inspection .inspemess .inspein {
    font-size: 16px;
    line-height: 1.875;
    color: #fff;
    font-weight: 700;
    padding: 20px 25px;
    background: #00a5f2;
    border: 4px #fff solid;
    position: relative;
  }
  .inspection .inspemess .inspein:before {
    position: absolute;
    content: "";
    background: url("../img/event03/arrow_inspe01.png") center center no-repeat;
    width: 63px;
    right: 100%;
    height: 34px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .inspection .inspelar {
    text-align: center;
    margin-top: 35px;
    position: relative;
    z-index: 1;
  }
  .inspection .inspeaim {
    margin-top: 75px;
  }
  .inspection .inspeaim .aimtit {
    text-align: center;
    margin-bottom: 45px;
  }
  .inspection .inspeaim .aimflex {
    display: flex;
    align-items: center;
  }
  .inspection .inspeaim .aimflex+.aimflex {
    margin-top: 40px;
  }
  .inspection .inspeaim .aimflex .fleximg {
    flex-shrink: 0;
    margin: 0 40px 0 0;
  }
  .inspection .inspeaim .aimflex .flexin {
    background: #00a5f2;
    color: #fff;
    font-weight: 700;
    border: 4px #fff solid;
    font-size: 16px;
    line-height: 1.875;
    padding: 20px 25px;
    position: relative;
  }
  .inspection .inspeaim .aimflex .flexin:before {
    position: absolute;
    content: "";
    background: url("../img/event03/arrow_inspe02.png") center center no-repeat;
    width: 74px;
    height: 36px;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .inspection .inspeaim .aimflex.reverse {
    flex-direction: row-reverse;
  }
  .inspection .inspeaim .aimflex.reverse .fleximg {
    margin: 0 0 0 40px;
  }
  .inspection .inspeaim .aimflex.reverse .flexin:before {
    background: url("../img/event03/arrow_inspe03.png") center center no-repeat;;
    right: auto;
    left: 100%;
  }
  
  .inspection .inspebox {
    padding: 110px 0 66px;
    margin-top: -66px;
    position: relative;
  }
  .inspection .inspebox:before {
    position: absolute;
    content: "";
    background: #fff;
    left: -66px;
    top: 0;
    width: 2000px;
    height: 100%;
    z-index: 0;
  }
  .inspection .inspeinner {
    position: relative;
    z-index: 1;
  }
  .inspection .tabList {
    display: flex;
  }
  .inspection .tabList li {
    width: calc((100% - 8px)/3);
    margin-right: 8px;
  }
  .inspection .tabList li a {
    display: block;
    width: 100%;
    height: 110px;
  }
  .inspection .tabList li a.bgone {
    background: url("../img/event03/tab01_no.png") center center no-repeat;
  }
  .inspection .tabList li a.bgone:hover,
  .inspection .tabList li a.bgone.on {
    background: url("../img/event03/tab01_on.png") center center no-repeat;
  }
  .inspection .tabList li a.bgtwo {
    background: url("../img/event03/tab02_no.png") center center no-repeat;
  }
  .inspection .tabList li a.bgtwo:hover,
  .inspection .tabList li a.bgtwo.on {
    background: url("../img/event03/tab02_on.png") center center no-repeat;
  }
  .inspection .tabList li a.bgthree {
    background: url("../img/event03/tab03_no.png") center center no-repeat;
  }
  .inspection .tabList li a.bgthree:hover,
  .inspection .tabList li a.bgthree.on {
    background: url("../img/event03/tab03_on.png") center center no-repeat;
  }
  .inspection .tabList li:nth-child(3n) {
    margin-right: 0;
  }
  .inspection .tabcont {
    background: #fee100;
    padding: 50px 0 40px 30px;
  }
  .inspection .tabcont #tab02,
  .inspection .tabcont #tab03 {
    display: none;
  }
  .inspection .tablar {
    text-align: left;
    margin-bottom: 30px;
  }
  .inspection .tabcontin {
    background: #fafafa;
    padding: 40px;
  }
  .inspection .tabflex {
    display: flex;
    align-items: flex-start;
  }
  .inspection .tabflex .tabflexin {
    width: calc((100% - 30px)/2);
    margin-right: 30px;
  }
  .inspection .tabflex .tabflexin+.tabflexin {
    align-self: flex-end;
  }
  .inspection .tabflex .tabflexin:nth-child(2n) {
    margin-right: 0;
  }
  .inspection .tabflex .tabflextxt {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.875;
  }
  .inspection .tabflex .tabfleximg+.tabflextxt {
    margin-top: 40px;
  }
  .inspection .tabflex .tabflextxt+.tabfleximg {
    margin-top: 40px;
  }
  
  
	/* =========================================================
	gdoshop
	========================================================= */
  .gdoshop {
    padding: 185px 20px 225px;
    background: #fff;
  }
  .gdoshop .shopbox {
    position: relative;
  }
  .gdoshop .shophd {
    position: absolute;
    left: 0;
    top: -115px;
    text-align: center;
    width: 100%;
    z-index: 1;
  }
  .gdoshop .shopimg {
    text-align: center;
  }
  .gdoshop .shopbtn {
    background: #000;
    padding: 30px 20px;
    text-align: center;
  }
  .gdoshop .shopbtn a {
    display: inline-block;
  }
  .gdoshop .shopline {
    margin-top: 70px;
  }
  .gdoshop .linetit {
    text-align: center;
    margin-bottom: 45px;
  }
  .gdoshop .linelist {
    display: flex;
  }
  .gdoshop .linelist li {
    width: calc((100% - 72px)/4);
    margin-right: 24px;
  }
  .gdoshop .linelist li:nth-child(4n) {
    margin-right: 0;
  }
  .gdoshop .linelist li a {
    display: block;
  }
  
  
  
	div#footer{
		position: relative;
		text-align: center;
	}


}