@charset "UTF-8";

@media screen and (min-width: 768px),print {

#contentsmain{background: url(../images/photo-design/contentsmain-back01.png) no-repeat top center;margin-top: -81px;padding-bottom: 117px;}
#contentsmain .inner-Box{padding-top: 117px;}
#contentsmain .inner-Box h2{color: #3B3B3B;text-align: center;font-size: 32px;font-weight: 500;line-height: 1.75;letter-spacing: 0.063em;margin-bottom: 30px;}
#contentsmain .inner-Box p.text{color: #3B3B3B;text-align: center;font-size: 16px;font-weight: 400;line-height: 2;letter-spacing: 0.125em;}

#contents01{background: url(../images/photo-design/contents01-back01.png) no-repeat top center;padding: 100px 0px 111px;margin-bottom: -2px;z-index: 3;position: relative;}
#contents01 .inner-Box{margin: 0 auto;width: 1100px;position: relative;}
#contents01 .inner-Box h2{color: #FFF;text-align: center;font-size: 28px;font-weight: 500;line-height: 1.571;letter-spacing: 0.071em;margin-bottom: 38px;}
#contents01 .inner-Box h2 span{ color: #FFF; text-align: center; font-size: 16px; font-weight: 400; line-height: normal; letter-spacing: 0.125em; display: block; margin-bottom: 12px; }
#contents01 .inner-Box {position: relative;}

#contents01 .stcbox {position: absolute;top: 0;left: 50%;transform: translate3d(-50%,0,0);will-change: transform;transition: none;z-index: 20;}
#contents01 .stcbox .rsetbtn {cursor: pointer;}

#contents01 .stcbox {position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 20;margin-left: 540px;}
#contents01 .stcbox .rsetbtn {cursor: pointer;}
#contents01 .system-list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contents01 .system-list li {width: 31.9%;margin: 0 2.1% 2.3% 0;position: relative;}
#contents01 .system-list li:nth-child(3n) { margin-right: 0; }
#contents01 .system-list li.selected { border: 2px solid #fff; }
#contents01 .system-list li .system-pic {width: 100%;aspect-ratio: 1 / 0.91;overflow: hidden;text-align: center;position: relative;}
#contents01 .system-list li .system-pic img { width: 100%; height: 100%; }
#contents01 .system-list li .photo-tag-list {}
#contents01 .system-list li .photo-tag-list li {}
#contents01 .count {color: #FFF;font-size: 20px;font-weight: 500;line-height: normal;letter-spacing: 0.1em;width: 347px;height: 86px;border-radius: 10px;margin-left: 84px;text-align: center;padding-top: 5px;position: absolute;bottom: 0;right: -51px;border: 1.578px solid #FFF;background: rgba(54, 54, 54, 0.90);}
#contents01 .count #countno { color: #FFF; font-size: 44px; font-weight: 500; line-height: normal; letter-spacing: 0.045em; }
#contents01 .photo-next-btn {}
#contents01 .photo-next-btn a { color: #FFF; text-align: center; font-size: 18px; font-weight: 500; line-height: 1.444; display: block; width: 348px; border: 1px solid #fff; margin-left: 86px; padding: 25px 0; margin-top: 42px; }
#contents01 .rsetbtn { color: #ECECEC; font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 0.143em; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; width: 200px; margin-left: 161px; text-align: center; padding-top: 9px; }
#contents01 .select-number{font-family: "Shippori Mincho", serif;background:url(../images/index/photo-design-top-icon01.png)no-repeat center center;color: #FFF;text-align: center;font-size: 23px;font-weight: 500;line-height: normal;letter-spacing: 0.067em;position: absolute;top: 22px;left: 30px;width: 50px;height: 62px;padding: 12px 0 0;background-size: 100% auto;}
#contents01 h2{}
#contents01 h3{color: #FFF;text-align: left;font-size: 16px;font-weight: 500;line-height: 1.75;letter-spacing: 0.125em;margin-left: 105px;margin-bottom: 24px;}
#contents01 .text{color: #FFF;font-size: 16px;font-weight: 400;line-height: 2;letter-spacing: 0.125em;width: 37%;padding-left: 86px;margin-bottom: 50px;}

#contents01 .stcbox .btn a{display: block;border: 1.578px solid #FFF;background: rgba(54, 54, 54, 0.90);width: 318px;text-align: center;padding: 20px;color: #FFF;text-align: center;font-size: 18px;font-weight: 500;line-height: 1.444;left: -80px;position: relative;}
#contents01 .stcbox .rsetbtn{color: #ECECEC;text-align: center;font-size: 14px;font-weight: 500;line-height: normal;letter-spacing: 0.143em;text-align: center;position: relative;left: -180px;}


#contents01 #tag-section{padding: 119px 0 0;}
#contents01 #tag-section h3{background: #EDEDED;width: 467px;height: 121px;padding: 26px 10px 26px 30px;color: #3B3B3B;font-size: 20px;font-weight: 500;line-height: normal;letter-spacing: 0.1em;position: relative;left: -19px;margin-top: 0px;margin-bottom: 303px;}
#contents01 #tag-section h3 span{color: #3B3B3B;font-size: 16px;font-weight: 500;line-height: normal;letter-spacing: 0.125em;display: block;margin-bottom: -15px;}
#contents01 #tag-section .textt{color: #FFF;font-size: 16px;font-weight: 400;line-height: 1.75;letter-spacing: 0.125em;margin-left: 85px;margin-bottom: 28px;}

#tag-section{background: #F5F5F5;max-width: 1360px;width: 100%;margin: 0 auto 40px;position: relative;top: -35px;padding: 60px 0 71px;z-index: 3;}
#tag-section .inner-Box{ }
#tag-section .inner-Box h2{color: #3B3B3B;text-align: center;font-size: 22px;font-weight: 500;line-height: 1.727;letter-spacing: 0.091em;margin-bottom: 10px;}
#tag-section .inner-Box h2 span{color: #3B3B3B;text-align: center;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: 0.125em;display: block;margin-bottom: 15px;}
#tag-section .inner-Box h3{color: #3B3B3B;text-align: center;font-size: 36px;font-weight: 500;line-height: 1.556;letter-spacing: 0.056em;margin-bottom: 29px;}
#tag-section .inner-Box ul#selected-photo-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto 9px;width: 730px;}
#tag-section .inner-Box ul#selected-photo-list li{ }
#tag-section .inner-Box ul#selected-photo-list li {width: 31.9%;margin: 0 2.1% 2.3% 0;position: relative;}
#tag-section .inner-Box ul#selected-photo-list li:nth-child(3n) { margin-right: 0; }
#tag-section .inner-Box ul#selected-photo-list li figure {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;position: relative;}
#tag-section .inner-Box ul#selected-photo-list li figure img { width: 100%; height: 100%; }

#tag-section .inner-Box ul#selected-photo-list li:nth-child(1)::before {content: "1";font-family: "Shippori Mincho", serif;background:url(../images/index/photo-design-top-icon01.png)no-repeat center center;color: #FFF;text-align: center;font-size: 14px;font-weight: 500;line-height: normal;letter-spacing: 0.067em;position: absolute;top: 4px;left: 10px;width: 32px;height: 32px;padding: 12px 0 0;background-size: 100% auto;z-index: 3;}
#tag-section .inner-Box ul#selected-photo-list li:nth-child(2)::before {content: "2";font-family: "Shippori Mincho", serif;background:url(../images/index/photo-design-top-icon01.png)no-repeat center center;color: #FFF;text-align: center;font-size: 14px;font-weight: 500;line-height: normal;letter-spacing: 0.067em;position: absolute;top: 4px;left: 10px;width: 32px;height: 32px;padding: 12px 0 0;background-size: 100% auto;z-index: 3;}
#tag-section .inner-Box ul#selected-photo-list li:nth-child(3)::before {content: "3";font-family: "Shippori Mincho", serif;background:url(../images/index/photo-design-top-icon01.png)no-repeat center center;color: #FFF;text-align: center;font-size: 14px;font-weight: 500;line-height: normal;letter-spacing: 0.067em;position: absolute;top: 4px;left: 10px;width: 32px;height: 32px;padding: 12px 0 0;background-size: 100% auto;z-index: 3;}

#tag-section .btnlist {width: 730px;display: flex;gap: 20px;margin: 0 auto;}
#tag-section .btnlist p {width: 355px;margin: 0;}
#tag-section .btnlist p a {display: block;width: 100%;background: #536472;color: #FFF;text-align: center;font-size: 16px;font-weight: 500;line-height: normal;letter-spacing: 0.063em;padding: 21px 0;position: relative;}
#tag-section .btnlist p a::before{content: "";display: block;width: 10px;height: 6px;background: url(../images/photo-design/arr.svg)no-repeat;position: absolute;top: 32px;right: 24px;}
#tag-section .rsetbtn{border: 1px solid #3B3B3B;background: #FFF;color: #3B3B3B;font-size: 16px;font-weight: 500;line-height: normal;letter-spacing: 0.094em;text-align: center;padding: 20px 0 0;}


.sff{ padding:130px 0 10px; color: #3B3B3B;text-align: center;font-size: 22px;font-weight: 500;line-height: 1.727;letter-spacing: 0.091em;}
.sff .f-en{color: #3B3B3B;text-align: center;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: 0.125em;display: block;}
.form-Box h2{ padding: 0;}
}
@media screen and (min-width:768px) and ( max-width:1450px) {
	

	
}

@media screen and (max-width: 767px) {

#contentsmain{background: url('../images/photo-design/sp-contentsmain-back01.png') no-repeat top center;margin-top: -10vw;padding-bottom: 19.3vw;}
#contentsmain .inner-Box{padding-top: 19.4vw;}
#contentsmain .inner-Box h2{color:#3B3B3B;font-weight:500;margin-bottom: 5.1vw;text-align: center;font-size: 5.8vw;line-height: 1.5;letter-spacing: 0.083em;}
#contentsmain .inner-Box p.text{color:#3B3B3B;font-weight:400;text-align: center;font-size: 3.9vw;line-height: 1.875;letter-spacing: 0.063em;}

#contents01{background: url('../images/photo-design/sp-contents01-back01.png') no-repeat top center;padding: 19.4vw 0 20.8vw;background-size: 100%;}
#contents01 .inner-Box{margin:0 auto;position:relative;}
#contents01 .inner-Box h2{color:#FFF;font-weight:500;margin-bottom: 6.2vw;text-align: center;font-size: 4.8vw;line-height: 1.7;letter-spacing: 0.05em;}
#contents01 .inner-Box h2 span{color:#FFF;font-weight:400;display:block;margin-bottom:2.9vw;text-align: center;font-size: 3.9vw;line-height: normal;letter-spacing: 0.125em;}
#contents01 .stcbox{position:relative;top:0;left:0;transform:none;z-index:20;margin-left:0;}
#contents01 .stcbox .rsetbtn{cursor:pointer;}
#contents01 .system-list{display:flex;flex-wrap:wrap;margin: 0 5vw 6vw;}
#contents01 .system-list li{width:31.9%;margin:0 2.1% 2.3% 0;position:relative;}
#contents01 .system-list li:nth-child(3n){margin-right:0;}
#contents01 .system-list li.selected{border:.5vw solid #fff;}
#contents01 .system-list li .system-pic{aspect-ratio:1/0.91;overflow:hidden;position:relative;}
#contents01 .system-list li .system-pic img{height:100%;}
#contents01 .count{color:#FFF;font-weight:500;width:83.8vw;height:20.8vw;border-radius:2.4vw;margin:0 auto;padding-top:1.2vw;position:relative;bottom:0;right:0;border:.4vw solid #FFF;background:rgba(54,54,54,0.90);font-size: 4.8vw;line-height: normal;letter-spacing: 0.1em;text-align: center;}
#contents01 .count #countno{color:#FFF;font-weight:500;font-size: 10.6vw;line-height: normal;letter-spacing: 0.045em;}
#contents01 .photo-next-btn a{color:#FFF;font-weight:500;display:block;width:84.1vw;border:1px solid #fff;margin:0 auto;padding:6vw 0;margin-top:10.1vw;}
#contents01 .rsetbtn{color:#ECECEC;font-weight:500;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;width:48.3vw;margin:0 auto;padding-top:2.2vw;}
#contents01 .select-number{background:url('../images/index/photo-design-top-icon01.png') no-repeat center center;color:#FFF;font-weight:500;position:absolute;top: 1.5vw;left: 1.2vw;width: 6.76vw;height: 6.76vw;padding: 0.9vw 0 0;background-size:100% auto;font-size: 3.38vw;font-family: "Shippori Mincho";text-align: center;}
#contents01 h3{color:#FFF;font-weight:500;margin-left:0;margin-bottom:5.8vw;}
#contents01 .text{color:#FFF;font-weight:400;padding-left:0;margin-bottom:12.1vw;}
#contents01 .stcbox .btn a{text-align: center;display:block;border:.4vw solid #FFF;background:rgba(54,54,54,0.90);width: 83.8vw;padding: 5.5vw;color:#FFF;font-weight:500;left:0;position:relative;margin:0 auto;font-size: 4.3vw;}
#contents01 .stcbox .rsetbtn{color:#ECECEC;font-weight:500;position:relative;left:0;text-align: center;font-size: 3.4vw;line-height: normal;letter-spacing: 0.143em;}

#contents01 #tag-section{padding:28.7vw 0 0;}
#contents01 #tag-section h3{background:#EDEDED;height:auto;padding:6.3vw 2.4vw 6.3vw 7.2vw;color:#3B3B3B;font-weight:500;position:relative;left:0;margin-top:0;margin-bottom:10vw;}
#contents01 #tag-section h3 span{color:#3B3B3B;font-weight:500;display:block;margin-bottom:-3.6vw;}
#contents01 #tag-section .textt{color:#FFF;font-weight:400;margin-left:0;margin-bottom:6.8vw;}

#tag-section{background:#F5F5F5;margin: 0 3vw 9.7vw;position:relative;top: -2.5vw;padding: 11.5vw 2vw 12.1vw;}
#tag-section .inner-Box h2{color:#3B3B3B;font-weight:500;margin-bottom: 0.2vw;text-align: center;font-size: 4.3vw;line-height: 1.667;letter-spacing: 0.056em;}
#tag-section .inner-Box h2 span{color:#3B3B3B;font-weight:400;display:block;margin-bottom:3.6vw;text-align: center;font-size: 3.9vw;line-height: normal;letter-spacing: 0.125em;}
#tag-section .inner-Box h3{color:#3B3B3B;font-weight:500;margin-bottom: 4.7vw;text-align: center;font-size: 5.3vw;line-height: 1.636;letter-spacing: 0.045em;}
#tag-section .inner-Box ul#selected-photo-list{display:flex;flex-wrap:wrap;margin: 0 auto 3.4vw;}
#tag-section .inner-Box ul#selected-photo-list li{width:31.9%;margin:0 2.1% 2.3% 0;position:relative;}
#tag-section .inner-Box ul#selected-photo-list li:nth-child(3n){margin-right:0;}
#tag-section .inner-Box ul#selected-photo-list li figure{aspect-ratio:1/1;overflow:hidden;position:relative;}
#tag-section .inner-Box ul#selected-photo-list li figure img{height:100%;}
#tag-section .inner-Box ul#selected-photo-list li:nth-child(1)::before{content:"1";background:url('../images/index/photo-design-top-icon01.png') no-repeat center center;color:#FFF;font-weight:500;position:absolute;top:1vw;left:2.4vw;width:7.7vw;height:7.7vw;padding:2.9vw 0 0;background-size:100% auto;z-index:3;}
#tag-section .inner-Box ul#selected-photo-list li:nth-child(2)::before{content:"2";background:url('../images/index/photo-design-top-icon01.png') no-repeat center center;color:#FFF;font-weight:500;position:absolute;top:1vw;left:2.4vw;width:7.7vw;height:7.7vw;padding:2.9vw 0 0;background-size:100% auto;z-index:3;}
#tag-section .inner-Box ul#selected-photo-list li:nth-child(3)::before{content:"3";background:url('../images/index/photo-design-top-icon01.png') no-repeat center center;color:#FFF;font-weight:500;position:absolute;top:1vw;left:2.4vw;width:7.7vw;height:7.7vw;padding:2.9vw 0 0;background-size:100% auto;z-index:3;}
#tag-section .btnlist{display:flex;flex-direction:column;gap: 2.8vw;margin:0 auto;}
#tag-section .btnlist p{margin:0;}
#tag-section .btnlist p a{display:block;background:#536472;color:#FFF;font-weight:500;padding: 4.1vw 0;position:relative;text-align: center;text-align: center;font-size: 3.9vw;line-height: normal;letter-spacing: 0.063em;}
#tag-section .btnlist p a::before{content:"";display:block;width:2.4vw;height:1.4vw;background:url('../images/photo-design/arr.svg') no-repeat;position:absolute;top: 6.3vw;right: 11.1vw;background-size:100% auto;}
#tag-section .rsetbtn{border:1px solid #3B3B3B;background:#FFF;color:#3B3B3B;font-weight:500;padding: 3.8vw 0;text-align: center;font-size: 3.9vw;line-height: normal;letter-spacing: 0.094em;}

.sff{padding: 13.4vw 0 0.9vw;color:#3B3B3B;font-weight:500;text-align: center;text-align: center;font-size: 4.3vw;line-height: 1.667;letter-spacing: 0.056em;}
.sff .f-en{color:#3B3B3B;font-weight:400;display:block;text-align: center;font-size: 3.9vw;line-height: normal;letter-spacing: 0.125em;margin-bottom: 2.6vw;}
.form-Box h2{padding:0;}


}