/* CSS Document */
main{
	font-family: "Noto Sans JP", "Noto Sans CJK JP","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
}



@media print, screen and (min-width : 769px) {
/* CSS Document */
/*html {font-size: 62.5%;}*/
body {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	/*font-family: AXIS Std,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;
	font-family: 'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;*/
    color: #333;
	font-size: 14px;
}
*{
margin:0;
padding:0;

}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

a { /*color:#131341; */text-decoration:none; }
a:visited {/* color:#131341;*/ }
a:hover { /*color:#131341; text-decoration:underline;*/ }
a:focus { /*color:#131341; outline: thin dotted; */}
a:hover, a:active { /*color:#131341; outline: 0;*/ }
table,th,td {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-size: 1em;
	border-collapse: collapse;
}
table{
	width:100%;
}

ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
}

img {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
	vertical-align: bottom;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{
	display:block;
}
/*------------------------
		option.css
------------------------*/



/*=========display=========*/
.DisPlayNone { display:none; }
.DisPlayBlock { display:block; }
.DisPlayInline { display:inline; }

/*=========float=========*/
.FRight { float: right; }
.FLeft { float: left; }

/*=========clear=========*/
.ClearBoth { clear:both; }
.ClearRight { clear: right; }
.ClearLeft { clear: left; }

.ClearBox {
	clear: both;
	height: 0;
	overflow: hidden;
}

.ClearFix { zoom: 1; }
.ClearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
/* no ie mac \*/
* html .ClearFix { height: 1%; }
.ClearFix { display: block; }



/*=========visibility=========*/
.VisVis { visibility: visible; }
.VisHid { visibility: hidden; }
.VisCol { visibility: collapse; }

/*=========マージン設定=========*/
.MA0 { margin:0; }
.MRLAuto { margin-left:auto; margin-right:auto; }

.MT0 { margin-top:0; }
.MT5 { margin-top:5px; }
.MT10 { margin-top:10px; }
.MT15 { margin-top:15px; }
.MT20 { margin-top:20px; }
.MT25 { margin-top:25px; }
.MT30 { margin-top:30px; }
.MT40 { margin-top:40px; }
.MT45 { margin-top:45px; }
.MT47 { margin-top:47px; }
.MT50 { margin-top:50px; }
.MT51 { margin-top:51px; }
.MT54 { margin-top:54px; }
.MT55 { margin-top:55px; }
.MT60 { margin-top:60px; }
.MT61 { margin-top:61px; }
.MT66 { margin-top:66px; }
.MT70 { margin-top:70px; }
.MT80 { margin-top:80px; }
.MT90 { margin-top:90px; }
.MT95 { margin-top:95px; }
.MT100 { margin-top:100px; }
.MT120 { margin-top:120px; }
.MT160 { margin-top:160px; }

.MR0 { margin-right:0; }
.MR5 { margin-right:5px; }
.MR10 { margin-right:10px; }
.MR15 { margin-right:15px; }
.MR20 { margin-right:20px; }
.MR25 { margin-right:25px; }
.MR30 { margin-right:30px; }
.MR35 { margin-right:35px; }
.MR40 { margin-right:40px; }
.MR45 { margin-right:45px; }
.MR50 { margin-right:50px; }
.MR60 { margin-right:60px; }

.MB0 { margin-bottom:0; }
.MB5 { margin-bottom:5px; }
.MB6 { margin-bottom:6px; }
.MB8 { margin-bottom:8px; }
.MB10 { margin-bottom:10px; }
.MB15 { margin-bottom:15px; }
.MB20 { margin-bottom:20px; }
.MB25 { margin-bottom:25px; }
.MB27 { margin-bottom:27px; }
.MB30 { margin-bottom:30px; }
.MB35 { margin-bottom:35px; }
.MB39 { margin-bottom:39px; }
.MB40 { margin-bottom:40px; }
.MB43 { margin-bottom:43px; }
.MB45 { margin-bottom:45px; }
.MB47 { margin-bottom:47px; }
.MB50 { margin-bottom:50px; }
.MB54 { margin-bottom:54px; }
.MB55 { margin-bottom:55px; }	
.MB56 { margin-bottom:56px; }
.MB60 { margin-bottom:60px; }
.MB65 { margin-bottom:65px; }
.MB67 { margin-bottom:67px; }
.MB70 { margin-bottom:70px; }
.MB75 { margin-bottom:75px; }
.MB80 { margin-bottom:80px; }
.MB85 { margin-bottom:85px; }	
.MB90 { margin-bottom:90px; }
.MB93 { margin-bottom:93px; }		
.MB95 { margin-bottom:95px; }
.MB100 { margin-bottom:100px; }
.MB104 { margin-bottom:104px; }
.MB109 { margin-bottom:109px; }
.MB110 { margin-bottom:110px; }
.MB115 { margin-bottom:115px; }
.MB120 { margin-bottom:120px; }
.MB125 { margin-bottom:125px; }
.MB134 { margin-bottom:134px; }
.MB138 { margin-bottom:138px; }
.MB142 { margin-bottom:142px; }
.MB150 { margin-bottom:150px; }
.MB153 { margin-bottom:153px; }
.MB167 { margin-bottom:167px; }
.MB180 { margin-bottom:180px; }

.ML0 { margin-left:0; }
.ML5 { margin-left:5px; }
.ML10 { margin-left:10px; }
.ML15 { margin-left:15px; }
.ML20 { margin-left:20px; }
.ML25 { margin-left:25px; }
.ML30 { margin-left:30px; }
.ML35 { margin-left:35px; }
.ML40 { margin-left:40px; }
.ML45 { margin-left:45px; }
.ML50 { margin-left:50px; }
.ML60 { margin-left:60px; }
.ML70 { margin-left:70px; }
.ML100 { margin-left:100px; }

/*=========パディング設定=========*/
.PA0 { padding:0;}
.PA10 { padding:10px;}
.PA20 { padding:20px;}
.PA30 { padding:30px;}

.PT0 { padding-top:0; }
.PT5 { padding-top:5px; }
.PT10 { padding-top:10px; }
.PT15 { padding-top:15px; }
.PT20 { padding-top:20px; }
.PT25 { padding-top:25px; }
.PT30 { padding-top:30px; }
.PT35 { padding-top:35px; }
.PT40 { padding-top:40px; }
.PT50 { padding-top:50px; }
.PT55 { padding-top:55px; }
.PT60 { padding-top:60px; }
.PT70 { padding-top:70px; }
.PT80 { padding-top:80px; }
.PT90 { padding-top:90px; }
.PT104 { padding-top:104px; }
.PT110 { padding-top:110px; }
.PT120 { padding-top:120px; }
.PT130 { padding-top:130px; }

.PR0 { padding-right:0; }
.PR5 { padding-right:5px; }
.PR10 { padding-right:10px; }
.PR15 { padding-right:15px; }
.PR20 { padding-right:20px; }
.PR30 { padding-right:30px; }
.PR35 { padding-right:35px; }
.PR40 { padding-right:40px; }
.PR50 { padding-right:50px; }
.PR60 { padding-right:60px; }
.PR70 { padding-right:70px; }

.PB0 { padding-bottom:0; }
.PB5 { padding-bottom:5px; }
.PB10 { padding-bottom:10px; }
.PB15 { padding-bottom:15px; }
.PB20 { padding-bottom:20px; }
.PB25 { padding-bottom:25px; }
.PB30 { padding-bottom:30px; }
.PB32 { padding-bottom:32px; }
.PB40 { padding-bottom:40px; }
.PB50 { padding-bottom:50px; }
.PB60 { padding-bottom:60px; }
.PB70 { padding-bottom:70px; }
.PB90 { padding-bottom:90px; }
.PB93 { padding-bottom:93px; }
.PB97 { padding-bottom:97px; }
.PB116 { padding-bottom:116px; }
.PB143 { padding-bottom:143px; }

.PL0 { padding-left:0; }
.PL5 { padding-left:5px; }
.PL10 { padding-left:10px; }
.PL15 { padding-left:15px; }
.PL20 { padding-left:20px; }
.PL30 { padding-left:30px; }
.PL40 { padding-left:40px; }
.PL50 { padding-left:50px; }
.PL100 { padding-left:100px; }

/*=========Border=========*/
.BorderNone { border: none; }

/*=========Font=========*/
.FontBold { font-weight: bold; }
.FC_blue { color: #0088fb; }
.FC_white { color: #ffffff; }
.FC_Red { color:#FF3333; }
a.FC_blue2{color:#007FFF;}
a.FC_blue2:visited{color:#551a8b;}
a.FC_blue2:active{color:#551a8b;}
.FontS{font-size:80%;
line-height:1.2em;}
.FontSS{font-size:70%;
line-height:1.5em;}
.FontB{font-size:120%;}
.F11{font-size:11px;line-height:12px;}
/*=========text-align=========*/
.TACenter {	text-align: center; }
.TARight { text-align: right; }
.TALeft { text-align: left; }


/*=========Indent=========*/
.caption {text-align:left;display: block;clear: both;font-size: 85%;line-height: 130%;padding-top: 5px;}
.caption_right {font-size: 85%;text-align:right;display: block;line-height: 130%;clear: both;padding-top: 5px;}
.caption02{
	font-size:9px;
	line-height:12px;
}
.caption03{
	font-size:10px;
	line-height:15px;
	color:#fff;
}
.caption04{
	font-size:10px;
	line-height:15px;
	color:#fff;
	width:928px;
	text-align:right;
	margin-bottom:20px;
}
.visible_pc{
	display: block;	
}
.visible_sp{
	display: none;	
}
}
@media only screen and (max-width : 768px) {
	*{
margin:0;
padding:0;

}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html{font-size: 62.5%;}
body {
    font-size: 1.4rem; /*14px*/
    color: #1D1D1D;
}
h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

/*
a { color:#131341; text-decoration:none; }
a:visited { color:#131341; }
a:hover { color:#131341; text-decoration:underline; }
a:focus { color:#131341; outline: thin dotted; }
a:hover, a:active { color:#131341; outline: 0; }
*/

table,th,td {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-size: 1em;
	border-collapse: collapse;
}
table{
	width:100%;
}

ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
}

img {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
	vertical-align: bottom;
	max-width:100%;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{
	display:block;
}
/*------------------------
		option.css
------------------------*/



/*=========display=========*/
.DisPlayNone { display:none; }
.DisPlayBlock { display:block; }
.DisPlayInline { display:inline; }

/*=========float=========*/

/*=========clear=========*/
.ClearBoth { clear:both; }
.ClearRight { clear: right; }
.ClearLeft { clear: left; }

.ClearBox {
	clear: both;
	height: 0;
	overflow: hidden;
}

.ClearFix { zoom: 1; }
.ClearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
/* no ie mac \*/
* html .ClearFix { height: 1%; }
.ClearFix { display: block; }



/*=========visibility=========*/
.VisVis { visibility: visible; }
.VisHid { visibility: hidden; }
.VisCol { visibility: collapse; }

/*=========Border=========*/
.BorderNone { border: none; }

/*=========Font=========*/
.FontBold { font-weight: bold; }
.FC_blue { color: #0088fb; }
.FC_white { color: #ffffff; }
.FC_Red { color:#FF3333; }
a.FC_blue2{color:#007FFF;}
a.FC_blue2:visited{color:#551a8b;}
a.FC_blue2:active{color:#551a8b;}
.FontS{font-size:80%;
line-height:1.2em;}
.FontSS{font-size:70%;
line-height:1.5em;}
.FontB{font-size:120%;}
.F11{font-size:11px;line-height:12px;}
/*=========text-align=========*/
/*.TACenter {	text-align: center; }
.TARight { text-align: right; }
.TALeft { text-align: left; }*/


/*=========Indent=========*/
.caption {text-align:left;display: block;clear: both;font-size: 85%;line-height: 130%;padding-top: 5px;}
.caption_right {font-size: 85%;text-align:right;display: block;line-height: 130%;clear: both;padding-top: 5px;}
.caption02{
	font-size:9px;
	line-height:12px;
}
.caption03{
	font-size:10px;
	line-height:15px;
	color:#fff;
}
.caption04{
	font-size:10px;
	line-height:15px;
	color:#fff;
	width:928px;
	text-align:right;
	margin-bottom:20px;
}
	.tar{
		text-align: right;
	}

.visible_sp{
	display: block;	
}
.visible_pc{
	display: none;	
}
.mb1 { margin-bottom:1%; }
.mb2 { margin-bottom:2%; }
.mb3 { margin-bottom:3%; }
.mb4 { margin-bottom:4%; }
.mb5 { margin-bottom:5%; }
.mb6 { margin-bottom:6%; }
.mb7 { margin-bottom:7%; }
.mb8 { margin-bottom:8%; }
.mb9 { margin-bottom:9%; }
.mb10 { margin-bottom:10%; }
.mb11 { margin-bottom:11%; }
.mb12 { margin-bottom:12%; }
.mb13 { margin-bottom:13%; }
.mb15 { margin-bottom:15%; }
.mb17 { margin-bottom:17%; }
.mb20 { margin-bottom:20%; }


.mt1 { margin-top:1%; }
.mt2 { margin-top:2%; }
.mt3 { margin-top:3%; }
.mt4 { margin-top:4%; }
.mt5 { margin-top:5%; }
.mt6 { margin-top:6%; }
.mt7 { margin-top:7%; }
.mt8 { margin-top:8%; }
.mt9 { margin-top:9%; }
.mt10 { margin-top:10%; }
.mt12 { margin-top:12%; }
.mt17 { margin-top:17%; }

.ml1 { margin-left:1%; }
.ml2 { margin-left:2%; }
.ml3 { margin-left:3%; }
.ml4 { margin-left:4%; }
.ml5 { margin-left:5%; }
.ml6 { margin-left:6%; }
.ml7 { margin-left:7%; }
.ml8 { margin-left:8%; }
.ml9 { margin-left:9%; }
.ml10 { margin-left:10%; }

.mr1 { margin-right:1%; }
.mr2 { margin-right:2%; }
.mr3 { margin-right:3%; }
.mr4 { margin-right:4%; }
.mr5 { margin-right:5%; }
.mr6 { margin-right:6%; }
.mr7 { margin-right:7%; }
.mr8 { margin-right:8%; }
.mr9 { margin-right:9%; }
.mr10 { margin-right:10%; }

.pb1 { padding-bottom:1%; }
.pb2 { padding-bottom:2%; }
.pb3 { padding-bottom:3%; }
.pb4 { padding-bottom:4%; }
.pb5 { padding-bottom:5%; }
.pb6 { padding-bottom:6%; }
.pb7 { padding-bottom:7%; }
.pb8 { padding-bottom:8%; }
.pb9 { padding-bottom:9%; }
.pb10 { padding-bottom:10%; }
.pb11 { padding-bottom:11%; }
.pb12 { padding-bottom:12%; }
.pb16 { padding-bottom:16%; }

.pt1 { padding-top:1%; }
.pt2 { padding-top:2%; }
.pt3 { padding-top:3%; }
.pt4 { padding-top:4%; }
.pt5 { padding-top:5%; }
.pt6 { padding-top:6%; }
.pt7 { padding-top:7%; }
.pt8 { padding-top:8%; }
.pt9 { padding-top:9%; }
.pt10 { padding-top:10%; }
.pt12 { padding-top:12%; }

.tac{
	text-align: center;
}
}
@-ms-viewport {
  width: device-width;
}

/*.mod-freeHTML{
	font-family: 'M PLUS Rounded 1c',"Meiryo", "メイリオ", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif!important;
	font-weight: 500;
}*/
img{
	max-width: 100%;
}
.position{
	position: relative;
}
.main-wrap{
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.main-wrap2{
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.main-wrap3{
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	width: 86%;
}

.bluetext span {
    font-size: 30px;
    color: #1432AA;
    line-height: 1.7;
    font-weight: bold;
    background: linear-gradient(transparent 80%, #fff100 0%);
}
.sec-1{
	padding-top: 50px;
	padding-bottom: 74px;
	background: #EDE3D4;
}
.sec-1 .main-text{
	margin-bottom: 60px;
	text-align: center;
	font-size: 24px;
	line-height: 1.75;
	color: #3F3F3F;
}
.sec-1 .moviebox{
	max-width: 794px;
	margin-left: auto;
	margin-right: auto;
}
.sec-1 .moviebox .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.sec-1 .moviebox .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.sec-1 .moviebox .text{
	margin-top: 24px;
	font-size: 18px;
	line-height: 1;
	color: #3F3F3F;
	text-align: center;
}
.sec-2{
	padding-top: 100px;
	padding-bottom: 70px;
	background: #fff;
}
.ttl-text{
	max-width: 524px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #656565;
	line-height: 1;
	border-radius: 30px;
	color: #fff;
	font-size: 27px;
}
.sec-2 .bluetext{
	margin-top: 55px;
	text-align: center;
}
.sec-2 .list{
	display: flex;
	flex-wrap: wrap;
	margin-top: 60px;
}
.sec-2 .list li{
	margin-bottom: 30px;
	width: 32.2%;
}
.sec-2 .list li:nth-child(3n){
	margin-right: 0;
}
.sec-2 .list li{
	margin-right: 1.4%;
}
.sec-2 .list li .pic{
	margin-bottom: 15px;
}
.sec-2 .list li .js-modal_trigger:after {
    content:"";
	background: url(/-/media/cojp/product/printer/hak/img/plus) no-repeat center top / 100%    ;
    position: absolute;
    display: block;
    width: 27px;
    height: 27px;
    bottom: auto;
	top:13px;
    right: 13px;
}
.sec-2 .list li .text{
	width: 64%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.sec-2 .list li .name{
	padding-bottom: 6px;
	position: relative;
	z-index: 2;
	line-height: 1;
	text-align: center;
	color: #3F3F3F;
	font-size: 16px;
}
.sec-2 .list li .bg{
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
}

.bluetext2{
	text-align: center;
	margin-top: 64px;
}
.bluetext2 span {
    font-size: 27px;
    color: #1432AA;
    line-height: 1.92;
    font-weight: bold;
    background: linear-gradient(transparent 80%, #fff100 0%);
}
.sec-3{
	padding-top: 78px;
	padding-bottom: 140px;
	background: #EDE3D4;
}
.sec-3 .main-flex{
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
	max-width: 754px;
	margin-left: auto;
	margin-right: auto;
}
.sec-3 .main-flex .img{
	width: 29%;
}
.sec-3 .main-flex .text{
	width: 62%;
}
.sec-3 .main-flex .text li{
	margin-bottom: 12px;
	text-align: center;
	line-height: 1;
	color: #fff;
	font-size: 24px;
	background: #1432AA;
	padding-top: 20px;
	padding-bottom: 20px;
}
.sec-3 .main-flex .text li:last-child{
	margin-bottom: 0;
}
.sec-3 .bluetext{
	text-align: center;
	margin-bottom: 110px;
}
.sec-3 .bluetext span{
	font-size: 41px;
}
.sec-3 .con-box{
	position: relative;
}
.sec-3 .ttl-text{
	position: absolute;
	top:-28px;
	left: 0;
	right:0;
}
.sec-3 .tex-wrap{
	background: #fff;
	padding-top: 87px;
	border-radius: 10px;
	padding-bottom: 60px;
}
.sec-3 .tex-wrap .wrap-box{
	max-width: 644px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.sec-3 .tex-wrap .copy-1{
	font-size: 21px;
	line-height: 1.7;
	color: #3F3F3F;
	text-align: center;
	font-weight: 700;
	margin-top: 25px;
}
.sec-3 .tex-wrap .copy-2{
	margin-top: 20px;
	line-height: 1;
	font-size: 11px;
	text-align: center;
}
.sec-3 .tex-wrap .bottom-copy{
	margin-top: 30px;
	font-size: 21px;
	line-height: 1.7;
	color: #3F3F3F;
	text-align: center;
	font-weight: 700;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.sec-3 .tex-wrap .line-box{
	margin-top: 60px;
	margin-bottom: 44px;
	border-top: 1px solid #5E5E5E;
}
.sec-3 .tex-wrap .line-box .sankaku2{
	width: 8%;
	max-width: 38px;
	margin-left: auto;
	margin-right: auto;
}
.sec-3 .tex-wrap .line-box .sankaku2 img{
	display: block;
}
.sec-3 .tex-wrap .flex-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sec-3 .tex-wrap .flex-list li{
	width: 49%;
	margin-bottom: 12px;
}
.sec-3 .tex-wrap .flex-list2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 36px;
}
.sec-3 .tex-wrap .flex-list2 .box1{
	width: 49%;
}
.sec-3 .tex-wrap .flex-list2 .box2{
	width: 36%;
	margin-right: 8.6%;
}
.sec-3 .tex-wrap .flex-list2 .box2 .m-txt{
	color: #1432AA;
	font-size: 18px;
	line-height: 1.83;
	font-weight: 600;
	margin-bottom: 10px;
}
.sec-3 .tex-wrap .flex-list2 .box2 .list-box{
	border-radius: 10px;
	background: #5F96CF;
	color: #fff;
	font-weight: 600;
	padding: 16px 22px;
	font-size: 14px;
	line-height: 1.64;
}
.sec-3 .con-box .sankaku{
	width: 13%;
	max-width: 64px;
	margin-left: auto;
	margin-right: auto;
}
.sec-3 .con-box .sankaku img{
	display: block;
}
.sec-3 .bottom-text{
	text-align: center;
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
	margin-top: 15px;
}

.sec-2 .list li .mod-media_img {
    max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}
@media print, screen and (max-width: 768px) {
.main-wrap{
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.main-wrap2{
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.main-wrap3{
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	width: 86%;
}
.bluetext span {
    font-size:5.8vw;
    font-weight: bold;
    background: linear-gradient(transparent 80%, #fff100 0%);
}
.sec-1{
	padding-top: 5vw;
	padding-bottom: 8vw;
}
.sec-1 .main-text{
	margin-bottom:8vw;
	text-align: left;
	font-size: 4.3vw;
	line-height: 1.75;
}
.sec-1 .moviebox{
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}
.sec-1 .moviebox .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.sec-1 .moviebox .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.sec-1 .moviebox .text{
	margin-top: 4vw;
	line-height: 1;
	font-size: 3.3vw;
}
.sec-2{
	padding-top: 14vw;
	padding-bottom: 3vw;
}
.ttl-text{
	max-width: none;
	width: 80%;
	padding-top: 2vw;
	padding-bottom: 2vw;
	line-height: 1;
	border-radius: 30px;
	font-size: 4.5vw;
}
.sec-2 .bluetext{
	margin-top:7vw;
	text-align: center;
}
.sec-2 .list{
	display: flex;
	flex-wrap: wrap;
	margin-top: 9vw;
	margin-left: 0.4%;
}
.sec-2 .list li{
	margin-bottom: 5vw;
	width: 49.5%;
}
.sec-2 .list li:nth-child(3n){
	margin-right: 0;
}
.sec-2 .list li:nth-child(2n){
	margin-left: 0.5%;
}
.sec-2 .list li{
	margin-right: 0%;
	margin-left: 0;
}
.sec-2 .list li .pic{
	margin-bottom: 3vw;
}
.sec-2 .list li .js-modal_trigger:after {
    content:"";
	background: url(/-/media/cojp/product/printer/hak/img/plus) no-repeat center top / 100%    ;
    position: absolute;
    display: block;
    width: 3.8vw;
    height: 3.8vw;
    bottom: auto;
	top:2.4vw;
    right: 2.4vw;
}
.sec-2 .list li .text{
	width: 64%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.sec-2 .list li .name{
	padding-bottom: 1vw;
	position: relative;
	z-index: 2;
	line-height: 1;
	font-size: 3.3vw;
}
.sec-2 .list li .bg{
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
}
	
.bluetext2{
	text-align: center;
	margin-top: 7vw;
}
.bluetext2 span {
    font-size: 4.3vw;
    line-height: 1.92;
    font-weight: bold;
    background: linear-gradient(transparent 80%, #fff100 0%);
}
.sec-3{
	padding-top: 15vw;
	padding-bottom: 17vw;
}
.sec-3 .main-flex{
	display: block;
	margin-bottom: 10vw;
	max-width: 82%;
	margin-left: auto;
	margin-right: auto;
}
.sec-3 .main-flex .img{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8vw;
}
.sec-3 .main-flex .text{
	width: 100%;
}
.sec-3 .main-flex .text li{
	margin-bottom: 2.4vw;
	text-align: center;
	font-size: 4.3vw;
	padding-top: 3.3vw;
	padding-bottom: 3.3vw;
}
.sec-3 .main-flex .text li:last-child{
	margin-bottom: 0;
}
.sec-3 .bluetext{
	text-align: center;
	margin-bottom: 19vw;
}
.sec-3 .bluetext span{
	font-size:7.4vw;
}
.sec-3 .con-box{
	position: relative;
}
.sec-3 .ttl-text{
	position: absolute;
	top:-6vw;
	left: 0;
	right:0;
	width: 90%;
}
.sec-3 .tex-wrap{
	padding-top: 9vw;
	border-radius: 10px;
	padding-bottom: 8.7vw;
}
.sec-3 .tex-wrap .wrap-box{
	max-width: none;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.sec-3 .tex-wrap .copy-1{
	font-size: 3.86vw;
	line-height: 1.56;
	color: #3F3F3F;
	text-align: center;
	font-weight: 700;
	margin-top: 25px;
}
.sec-3 .tex-wrap .copy-2{
	margin-top: 3vw;
	line-height: 1;
	font-size: 2.4vw;
	text-align: center;
}
.sec-3 .tex-wrap .bottom-copy{
	margin-top:5vw;
	font-size: 3.86vw;
	line-height: 1.56;
	text-align: left;
	font-weight: 700;
	width: 90%;
}
.sec-3 .tex-wrap .line-box{
	margin-top: 8vw;
	margin-bottom:5vw;
	border-top: 1px solid #5E5E5E;
}
.sec-3 .tex-wrap .line-box .sankaku2{
	width: 8%;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}
.sec-3 .tex-wrap .line-box .sankaku2 img{
	display: block;
}
.sec-3 .tex-wrap .flex-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sec-3 .tex-wrap .flex-list li{
	width: 49%;
	margin-bottom: 1.5vw;
}
.sec-3 .tex-wrap .flex-list2{
	display: block;
	margin-top: 9.6vw;
}
.sec-3 .tex-wrap .flex-list2 .box1{
	width:80%;
	margin-right: auto;
	margin-left: auto;
}
.sec-3 .tex-wrap .flex-list2 .box2{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5vw;
}
.sec-3 .tex-wrap .flex-list2 .box2 .m-txt{
	font-size: 3.86vw;
	line-height: 1.83;
	font-weight: 600;
	margin-bottom: 2vw;
}
.sec-3 .tex-wrap .flex-list2 .box2 .list-box{
	border-radius: 10px;
	font-weight: 600;
	padding: 3vw 3vw;
	font-size:3.3vw;
	line-height: 1.64;
}
.sec-3 .con-box .sankaku{
	width: 13%;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}
.sec-3 .bottom-text{
	text-align: center;
	font-size: 3.14vw;
	line-height: 1;
	font-weight: 600;
	margin-top: 6vw;
}
}

.fl-bnr {
    width: 220px;
    position: fixed;
    right: 40px;
    top: 200px;
    z-index: 100;
}
.bnr-box1{
	margin-top: 110px;
	max-width: 690px;
	margin-left: auto;
	margin-right: auto;
}
.bnr-box2{
	margin-top: 100px;
	max-width: 510px;
	margin-left: auto;
	margin-right: auto;
}
.link-btn1{
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	position: relative;
	border-radius: 10px;
	display: block;
	width: 100%;
	line-height: 1;
	background: #E58827;
	color: #fff;
	font-size: 27px;
	margin-bottom: 20px;
}
.link-btn2{
	padding-top: 22px;
	padding-bottom: 21px;
	text-align: center;
	position: relative;
	border-radius: 10px;
	display: block;
	width: 100%;
	line-height: 1;
	background: #757575;
	color: #fff;
	font-size: 21px;
}
.bnr-box2 .copy-tex{
	margin-bottom: 30px;
	text-align: center;
	line-height: 1.52;
	font-size: 17px;
	color: #3F3F3F;
}
.link-btn1 .yajirushi,.link-btn2 .yajirushi{
	position: absolute;
    width: 28px;
    top: 50%;
	right:20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
@media print, screen and (max-width: 768px) {
footer{
    padding-bottom: 15vw;
}
.fl-bnr{
	width: 100%;
	position: fixed;
	right:0;
	top:auto;
	bottom: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
}
.bnr-box1{
	margin-top: 14vw;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}
.bnr-box2{
	margin-top: 8.4vw;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}
.link-btn1{
	padding-top: 2.9vw;
	padding-bottom: 2.9vw;
	font-size: 4.7vw;
	margin-bottom: 3.4vw;
}
.link-btn2{
	padding-top: 3.3vw;
	padding-bottom: 3.1vw;
	font-size:4.1vw;
}
.bnr-box2 .copy-tex{
	margin-bottom: 3.6vw;
	text-align: center;
	line-height: 1.46;
	font-size: 3.1vw;
}
.link-btn1 .yajirushi,.link-btn2 .yajirushi{
    width: 4.3vw;
    top: 50%;
	right:4.3vw;
}
}