@charset "utf-8";
/* CSS Document */

#workshop .main {width: 100%; height: 500px; position: relative; padding: 40px 20px 20px; background: url("img/workshop/main_bg01.jpg")top left repeat; box-sizing: border-box;}
#workshop .main .icon01 {position: absolute; top: 15px; left: 30px; z-index: 10;}
#workshop .main .txt {position: relative; z-index: 10;}
#workshop .main .text {font-size: 15px; line-height: 2.3; z-index: 10; font-weight: 900; margin-top: 5px; text-shadow: 1px 1px #fff; position: relative;}
#workshop .main .text span {font-size: 20px;}
#workshop .main .bg {position: absolute; right: 0; bottom: 0;}
#workshop .bnr_box {margin-top: 50px;}
#workshop .box01 {background: url("img/workshop/box01_bg.jpg")top left repeat; padding: 30px 20px 20px; margin-top: 50px;}
#workshop .box01 .title {background: url("img/workshop/box01_bg02.jpg")top left repeat; padding: 20px 0;}
#workshop .box01 .title .over {font-size: 18px; line-height: 1; font-weight: 900;}
#workshop .box01 .title .txt01 {font-size: 40px; line-height: 1; font-weight: 900; margin-top: 20px; text-align: center;}
#workshop .box01 .txt02 {background: #0a1031; padding: 20px 0; font-size: 24px; line-height: 1; font-weight: 900; margin: 20px 0 15px;}
#workshop .box01 .txt03 {font-size: 18px; line-height: 2.5;}
#workshop .box02 {background: url("img/workshop/box02_bg.jpg")bottom center no-repeat; margin-top: 50px; padding-bottom: 20px; box-sizing: border-box;}
#workshop .box02 .title01_box,#workshop .box03 .title01_box {background: #0a1031; width: 100%; padding: 30px 0; position: relative;}
#workshop .box02 .title01_box .bdr,#workshop .box03 .title01_box .bdr {content: ''; display: block; background: url("img/workshop/box02_title01_bg.svg")top left repeat; width: 100%; height: 10px;}
#workshop .box02 .title01,#workshop .box03 .title01 {background: #fff; box-sizing: border-box; border: 3px solid #0a1031; padding: 20px 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 500px; height: 105px; font-weight: 700;}
#workshop .box02 .title01 .min,#workshop .box03 .title01 .min {font-size: 14px; line-height: 1;}
#workshop .box02 h2,#workshop .box03 h2 {font-size: 35px; line-height: 1; margin-top: 5px; font-weight: 900;}
#workshop .box02 .icon_text {margin-top: 30px;}
#workshop .box02 .con01 {background: #fff; padding: 30px 40px; width: calc(100% - 40px); margin: auto; box-sizing: border-box;}
#workshop .box02 h3 {font-size: 20px; line-height: 1; background: #0a1031; display: table; margin: 0 auto; padding: 10px 20px; font-weight: 900;}
#workshop .box02 .txt01 {font-size: 16px; line-height: 1.5; margin: 30px auto;}
/*追加*/
#workshop .box04{margin-top:80px; color:#0a1031; }
#workshop .box04 h2{font-size: 34px; line-height: 1; text-align: center; font-weight: 900;}
#workshop .box04 .border{content:'' ; display: block; width: 260px; height: 6px; background:#0a1031; margin: 20px auto 45px; }
#workshop .box04 .h2textbox{ font-size: 16px; line-height: 1; text-align: center;}
#workshop .box04 .con01{margin-top: 50px;}
#workshop .box04 h3{margin: 0 auto 30px;  font-size: 20px; line-height: 1; text-align: center; font-weight: 900; border: solid 2px #0a1031; padding: 20px 30px; display: table; }
#workshop .box04 .item{box-sizing: border-box; border-bottom: 1px solid #dbdbdb; padding: 30px;}
#workshop .box04 .con01 .item:nth-of-type(1){border-top: 1px solid #dbdbdb; }
#workshop .box04 .item img{margin-right: 20px;}
#workshop .box04 h4{font-size: 20px; font-weight: 900; box-sizing: border-box; border-bottom:solid 3px #0a1031; line-height: 1; padding-bottom: 10px;}
#workshop .box04 .text{font-size: 16px; line-height: 1.5; margin: 20px 0; }
#workshop .box04 .textbox .taginner:nth-of-type(1){margin-bottom: 10px;}
#workshop .box04 .tag{ width: 100px; height: 40px; background:#0a1031; color: #FFF; letter-spacing: 1px; margin-right: 20px; font-weight: 900;}
#workshop .box03 {background: url("img/workshop/box03_bg.jpg")top center repeat; margin-top: 60px; padding-bottom: 50px;}
#workshop .box03 .txt01 {font-size: 16px; line-height: 2.5; margin: 40px auto; letter-spacing: 1px;}
#workshop .box03 h3 {font-size: 30px; line-height: 1; font-weight: 900; background: #0a1031; height: 70px; width: calc(100% / 40px); margin: auto;}
#workshop .box03 h3 p {width: 100%;}
#workshop .box03 h3 p::before,#workshop .box03 h3 p::after {content: ''; display: block; background: #fff; height: 3px; flex-grow: 1;}
#workshop .box03 h3 p::before {margin-right: 90px;}
#workshop .box03 h3 p::after {margin-left: 90px;}
#workshop .box03 .con {margin-top: 50px; padding: 0 20px; box-sizing: border-box;}
#workshop .box03 .con .img01 {margin-left: 20px;}
#workshop .box03 .con .img02 {margin-right: 20px;}
#workshop .box03 .con h4 {font-size: 30px; line-height: 1; box-sizing: border-box; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px; font-weight: 700;}
#workshop .box03 .con .text {font-size: 16px; line-height: 2.3; font-weight: 500;}
#workshop .l_bnr {margin-top: 50px;}