
/*--------------------------------------------------------*/

/*  レイアウト　*/

/*--------------------------------------------------------*/

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

#contentsBox{
	width:800px;
	margin:50px auto 0;
}

}

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

#contentsBox{
	margin-top:35px;
}

}

/*--------------------------------------------------------*/

/*  見出し＆テキスト　*/

/*--------------------------------------------------------*/

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

h2.midashi02{
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	color:#333;
	font-weight:500;
	line-height:1.8em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

h2.midashi03{
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:17px;
	color:#333;
	font-weight:500;
	line-height:1.8em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

h2.obi_midashi{
	background:#323C82;
	padding:14px 0;
	text-align:center;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	color:#FFF;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:1.0px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

p.contents{
	font-size:14px;
	color:#555;
	font-weight:normal;
	line-height:1.8em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.danraku{
	margin-top:20px;
}

}

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

h2.midashi02{
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#333;
	font-weight:500;
	line-height:1.8em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

h2.midashi03{
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:17px;
	color:#333;
	font-weight:500;
	line-height:1.8em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

h2.obi_midashi{
	background:#323C82;
	padding:15px 0;
	text-align:center;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:500;
	line-height:1.6em;
	letter-spacing:1.0px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

p.contents{
	font-size:13px;
	color:#333;
	font-weight:normal;
	line-height:1.7em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.danraku{
	margin-top:18px;
}

}

/*--------------------------------------------------------*/

/*  最初の説明　*/

/*--------------------------------------------------------*/

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

.scanBox01{
}

.scanBox01 .inner{
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.scanBox01 .inner .txtBox{
	flex:1;
}

.scanBox01 .inner .photoBox{
	width:320px;
	margin-left:50px;
	padding-top:30px;
}

}

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

.scanBox01{
	padding:0 20px;
}

.scanBox01 .inner{
}

.scanBox01 .inner h2{
	text-align:left;
	line-height:1.7em;
}

.scanBox01 .inner .txtBox{
}

.scanBox01 .inner .txtBox p br{
	display:none;
}

.scanBox01 .inner .photoBox{
	margin-top:30px;
	text-align:center;
}

.scanBox01 .inner .photoBox img{
	width:70%;
}

}

/*--------------------------------------------------------*/

/*  2番目の説明　*/

/*--------------------------------------------------------*/

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

.scanBox02{
	margin-top:40px;
}

.scanBox02 .inner{
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.scanBox02 .inner .txtBox{
	flex:1;
}

.scanBox02 .inner .photoBox{
	width:320px;
	margin-left:50px;
}

.scanBox02 .inner .photoBox img{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.scanBox02 .inner .txtBox ul.needs{
	margin-top:20px;
	list-style-type: square;
}

.scanBox02 .inner .txtBox ul.needs li{
	margin-bottom:5px;
	color:#C8D7DC;
	margin-left:17px;
}

.scanBox02 .inner .txtBox ul.needs li span{
	font-size:14px;
	color:#555;
	font-weight:normal;
	line-height:1.7em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.scanBox02 .inner .txtBox ul.needs li:last-child{
	margin-bottom:0;
}

}

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

.scanBox02{
	margin-top:25px;
	padding:0 20px;
}

.scanBox02 .inner{
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.scanBox02 .inner .txtBox{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}

.scanBox02 .inner .photoBox{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
	margin-bottom:30px;
}

.scanBox02 .inner .photoBox img{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.scanBox02 .inner .txtBox ul.needs{
	margin-top:20px;
	list-style-type: square;
}

.scanBox02 .inner .txtBox ul.needs li{
	margin-bottom:3px;
	color:#C8D7DC;
	margin-left:17px;
}

.scanBox02 .inner .txtBox ul.needs li span{
	font-size:13px;
	color:#555;
	font-weight:normal;
	line-height:1.7em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.scanBox02 .inner .txtBox ul.needs li:last-child{
	margin-bottom:0;
}

}

/*--------------------------------------------------------*/

/*  漫画　*/

/*--------------------------------------------------------*/

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

.manga{
	margin-top:40px;
}

.manga h2.manga_title{
	border-top:2px solid #C8D7DC;
	border-bottom:2px solid #C8D7DC;
	padding:12px 0;
	text-align:center;
	font-size:14px;
	color:#333;
	font-weight:bold;
	line-height:1.6em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.pc_mangaBox{
}

.sp_mangaBox{
	display:none;
}

.manga .mangaBox{
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.manga .mangaBox .leftBox{
	width:398px;
}

.manga .mangaBox .rightBox{
	width:398px;
}

.manga #manga01{
}

.manga #manga02{
	margin-top:12px;
}

.manga #manga03{
	margin-top:12px;
}

.manga .mangaBox_pc{
	margin-top:12px;
}

.manga .mangaBox_sp{
	display:none;
}

}

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

.manga{
	margin-top:40px;
	padding:0 20px;
}

.manga h2.manga_title{
	border-top:2px solid #C8D7DC;
	border-bottom:2px solid #C8D7DC;
	padding:10px 0;
	text-align:center;
	font-size:13px;
	color:#333;
	font-weight:bold;
	line-height:1.6em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.pc_mangaBox{
	display:none;
}

.sp_mangaBox{
}

.sp_mangaBox .sp_manga{
	margin-bottom:5px;
}

}

/*--------------------------------------------------------*/

/*  キレイカ・コピーの電子化はココが違う！　*/

/*--------------------------------------------------------*/

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

.point{
	margin-top:50px;
}

.point ul.point_list{
	margin-top:25px;
	list-style-type: square;
}

.point ul.point_list li{
	font-size:14px;
	font-weight:bold;
	line-height:1.7em;
	letter-spacing:0.5px;
	color:#D7F0FA;
	margin-left:25px;
	margin-bottom:8px;
}

.point ul.point_list li span{
	color:#32397F;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.point ul.point_list li:last-child{
	margin-bottom:0;
}

.point #point00{
	margin-top:30px;
}

.point #point01{
}

.point #point02{
}

.point #point03{
}

.point .pointBox{
	border-top:1px dashed #CCC;
	padding:30px 0;
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.point .pointBox .photoBox{
	width:320px;
	padding-top:5px;
	margin-right:50px;
}

.point .pointBox .txtBox{
	flex:1;
}

.point .pointBox .txtBox h2{
	margin-bottom:20px;
}

.point .pointBox .photoBox .img_center{
	text-align:center;
}

.point .pointBox .photoBox .img_digi{
	padding-top:10px;
	width:200px;
}

.point #point00 img,
.point #point02 img{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.point .danraku{
	margin-top:15px;
}

}

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

.point{
	margin-top:40px;
}

.point ul.point_list{
	margin-top:25px;
	list-style-type: square;
	padding:0 20px;
}

.point ul.point_list li{
	font-size:13px;
	font-weight:bold;
	color:#D7F0FA;
	line-height:1.6em;
	letter-spacing:0.5px;
	margin-left:15px;
	margin-bottom:8px;
}

.point ul.point_list li span{
	color:#32397F;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.point ul.point_list li:last-child{
	margin-bottom:0;
}

.point #point00{
	margin-top:35px;
}

.point #point01{
	margin-top:30px;
}

.point #point02{
	margin-top:30px;
}

.point #point03{
	margin-top:30px;
}

.point .pointBox{
	padding:0 20px;
}

.point #point01 img{
}

.point .pointBox .photoBox{
}

.point .pointBox .txtBox{
	margin-top:30px;
}

.point .pointBox .txtBox h2{
	margin-bottom:20px;
}

.point .pointBox .photoBox .img_center{
	text-align:center;
}

.point .pointBox .photoBox .img_digi{
	padding-top:10px;
	width:180px;
}

.point #point00 img,
.point #point02 img{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.point .danraku{
	margin-top:15px;
}

}

/*--------------------------------------------------------*/

/*  注文の流れ　*/

/*--------------------------------------------------------*/

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

.flow{
	margin-top:40px;
	padding-bottom:25px;
}

.flow .flowBox{
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding:30px 10px;
	border-bottom:1px solid #D7F0FA;
}

.flow .flowBox .flow_name{
	width:25%;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	color:#32397F;
	font-weight:500;
	line-height:1.8em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.flow .flowBox .flow_info{
	width:70%;
}

.flow .flow_arrow{
	font-size:0;
 	line-height:0;
	text-align:center;
}

strong.undertxt{
	text-decoration:underline;
}

}

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

.flow{
	margin-top:40px;
}

.flow .flowBox{
	padding:25px 20px;
	border-bottom:1px solid #D7F0FA;
}

.flow .flowBox .flow_name{
	text-align:center;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	color:#32397F;
	font-weight:500;
	line-height:1.8em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	margin-bottom:18px;
}

.flow .flowBox .flow_info{
}

.flow .flow_arrow{
	font-size:0;
 	line-height:0;
	text-align:center;
}

strong.undertxt{
	text-decoration:underline;
}


}
