@charset "utf-8";



.tabType01 { display:flex; background:#eaeaea; border-radius:2rem; padding: 5px; box-sizing:border-box; margin-bottom: 7rem; }
.tabType01 li { flex:1; }
.tabType01 li a { display:flex; width:100%; height:50px; background:transparent; border-radius:2rem; align-items: center; justify-content: center; text-align: center; font-size:1.8rem; color:var(--c3a); font-weight: 400; }
.tabType01 li.active a { background:#fff; color:var(--yellow); font-weight: 600; }

.tabType01 li a.lineTwo { font-size:1.7rem; letter-spacing: -0.0725em; }


.printType { display:flex; align-items:start; flex-wrap:wrap; }
.printType .box { box-sizing:border-box; width:50%; flex-shrink:0; }
.printType .leftBox { border-right: 1px solid #dadada; padding-right: 5rem; }
.printType .rightBox { padding-left: 5rem; }
.printType .box .line { border-top: 1px solid #eaeaea; box-sizing:border-box; padding-top: 44px; margin-top: 46px; }
.printType .box .line:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
.printType .box .line01 { min-height:105px; }
.printType .box .line02 { min-height:320px; }
.printType .box .line03 {  }
.printType .box .line .tit { font-size:2.4rem; color:var(--black); font-weight: 600; margin-bottom: 18px; }
.printType .box .line .txt { font-size:1.8rem; color:var(--c3a); line-height: 2.6rem; }
.printType .box .line .cirList { margin-top: -7px; }
.printType .box .line .cirList li { font-size:1.8rem; color:var(--c3a); line-height: 2.6rem; padding-left: 18px; box-sizing:border-box; position:relative; margin-top: 7px; }
.printType .box .line .cirList li:before { content:""; display:inline-block; width:10px; height:10px; border-radius:50%; background:#fff; border: 2px solid var(--green); box-sizing:border-box; position:absolute; left:0; top:9px; }
.printType .box .line .chkBox { display:flex; flex-wrap:wrap; margin: -12px -6px 0; }
.printType .box .line .chkBox li { margin: 12px 6px 0; padding: 32px 0 28px; box-sizing:border-box; font-size:1.8rem; color:var(--c3a); width:calc(33.33% - 12px); display:inline-flex; align-items:center; justify-content:center; text-align: center; flex-direction:column; background:#fbfbfb; border: 1px solid #dadada; border-radius:10px; }
.printType .box .line .chkBox li:before { content:""; display:inline-block; width:27px; height:27px; background:url(../../../img/content/chk_icon.png) center center no-repeat; margin-bottom: 16px; }

.printType .fullBox { width:100%; background:#fbfbfb; border: 1px solid #dadada; box-sizing:border-box; border-radius:10px; padding: 44px 44px 46px; margin-top: 25px; }
.printType .fullBox .tit { font-size:2.4rem; color:var(--green2); font-weight: 600; }
.printType .fullBox .txt { font-size:1.8rem; color:#000; line-height: 2.2rem; margin-top: 12px; }
.printType .fullBox .imgBox { display:flex; align-items:center; justify-content:center; text-align: center; margin-top: 38px; }
.printType .fullBox .imgBox li { width:calc(50% - 17px); margin-left: 17px; }
.printType .fullBox .imgBox li:first-child { margin-left: 0; margin-right: 17px; }



.caution {  }
.caution > .tit_box { margin-bottom: 35px; }
.caution > .tit_box .tit { font-size:2.4rem; color:#000; font-weight: 600; }
.caution > .tit_box .tit strong { color:var(--red); }
.caution > .tit_box .txt { font-size:1.8rem; color:var(--c3a); line-height: 2.2rem; margin: 7px 0 4.2rem; }
.caution > .tit_box .txt strong { color:var(--red); font-weight: 400; }
.caution > .tit_box .typeLine { display:flex; align-items:center; margin-left: -10rem; }
.caution > .tit_box .typeLine li { display:flex; align-items:center; margin-left: 10rem; font-size:15px; color:var(--c3a); font-weight: 500; }
.caution > .tit_box .typeLine li span { display:inline-block; width:60px; height:7px; margin-right: 15px; }
.caution > .tit_box .typeLine li.gray span { background:#bcbdbf; }
.caution > .tit_box .typeLine li.orange span { background:#f48432; }

.caution .line { border-top: 1px solid #eaeaea; box-sizing:border-box; margin-top: 6rem; padding-top: 6rem; }
.caution .line:first-child { margin-top: 0; }
.caution .line .tit { font-size:2rem; color:var(--c3a); display:flex; align-items:center; font-weight: 400; margin-bottom: 3rem; }
.caution .line .tit .num { display:inline-flex; align-items:center; justify-content:center; text-align: center; font-size:2.6rem; color:#fff; font-style: normal; width:6rem; height:6rem; border-radius:50%; background:var(--skyblue); margin-right: 2rem; font-weight: 600; line-height: 1em; }
.caution .line .img { display:flex; align-items:center; justify-content:center; text-align: center; margin-left: -10rem; }
.caution .line .img:last-child { margin-top: 5rem; }
.caution .line .img li { margin-left: 10rem; }
.caution .line .img li figure { margin: 0; }
.caution .line .img li figcaption { font-size:1.8rem; color:#666; margin-top: 16px; }
.caution .line .txt { font-size:1.8rem; color:var(--c3a); line-height: 2.8rem; text-align: center; margin-top: 3rem; }
.caution .line .txt:nth-child(2) { margin-top: 0; margin-bottom: 3rem; }
.caution .line .txt li { margin-top: 7px; }
.caution .line .txt li:first-child { margin-top: 0; }

.caution .line01 .img { margin-left: -5rem; }
.caution .line01 .img li { margin-left: 5rem; }

 
.program .line { border-top: 1px solid #eaeaea; box-sizing:border-box; margin-top: 6rem; padding-top: 6rem; }
.program .line:first-child { margin-top: 0; }
.program .line .tit { font-size:2rem; color:var(--c3a); display:flex; align-items:center; font-weight: 400; margin-bottom: 3rem; }
.program .line .tit .num { display:inline-flex; align-items:center; justify-content:center; text-align: center; font-size:2.6rem; color:#fff; font-style: normal; width:6rem; height:6rem; border-radius:50%; background:var(--skyblue); margin-right: 2rem; font-weight: 600; line-height: 1em; }

.program .line .inner { margin-top: 4rem; }
.program .line .inner:first-child { margin-top: 0; }
.program .line .inner dl { display:flex; align-items:center; }
.program .line .inner dl dt,
.program .line .inner dl dd { box-sizing:border-box; }
.program .line .inner dl dt { display:inline-flex; min-width:150px;  padding: 0 30px; height:40px; flex-shrink:0; border-radius:100px; align-items:center; justify-content:center; border: 2px solid var(--green); font-size:1.8rem; color:var(--c3a); font-weight: 600; }
.program .line .inner dl dd { font-size:1.8rem; color:var(--red);  padding-left: 2rem; box-sizing:border-box; }
.program .line .inner .box { background:#fafafa; border: 1px solid #eaeaea; box-sizing:border-box; margin-top: 2rem; padding: 22px 30px 32px; }
.program .line .inner .box .txt { font-size:1.8rem; color:var(--c3a);  line-height: 2.8rem; }
.program .line .inner .box .txt strong { color:var(--red); font-weight: 400; }
.program .line .inner .box .txt small { font-size:1.6rem; color:#666; line-height: 2.2rem; display:block; margin-top: 6px; }
.program .line .inner .box .imgList { display:flex;  margin-left: -12.5rem; display:flex; justify-content:center; text-align: center; margin-top: 20px; }
.program .line .inner .box .imgList li { margin-left: 12.5rem; }
.program .line .inner .box .imgList li figure { margin: 0; }
.program .line .inner .box .imgList li figcaption { font-size:1.8rem; color:var(--red); margin-top: 8px; }

.program .line .inner .box .flowType {  }
.program .line .inner .box .flowType li { position:relative; }
.program .line .inner .box .flowType li figure:before { content:"\f138"; font-family: "Font Awesome 5 Free"; font-size:34px; color:#d5d5d5; font-weight: 600; position:absolute; left: calc(-6.25rem - 14px); top:50%; margin-top: -32px; }
.program .line .inner .box .flowType li:first-child figure:before { display:none; }



.promotionalWrap { display:flex; margin-left: calc(-5rem - 20px); } 
.promotionalWrap .box { padding-left: 5rem; box-sizing:border-box; }
.promotionalWrap .box a { display:flex; flex-direction:column; width:380px; height:380px; font-size:2.6rem; line-height: 3.6rem; font-weight: 600; border-radius:2rem; padding: 3rem; box-sizing:border-box; }
.promotionalWrap .box a span { font-weight: 400; display:block; }
.promotionalWrap .box.whiteType a { color:#fff; }
.promotionalWrap .box.whiteType a span { color:#dadada; }
.promotionalWrap .box.blackType a { color:#000; }
.promotionalWrap .box.blackType a span { color:#666; }

.promotionalWrap .box01 a { background-image:url(../../../img/content/promotional_img01.png); }
.promotionalWrap .box02 a { background-image:url(../../../img/content/promotional_img02.png); }
.promotionalWrap .box03 a { background-image:url(../../../img/content/promotional_img03.png); }



.logoWrap { display:flex; margin-left: calc(-5rem - 20px); }
.logoWrap .box { padding-left: 5rem; box-sizing:border-box; }
.logoWrap .box a { display:flex; flex-direction:column; width:380px; justify-content:start; }
.logoWrap .box a .imgBox { border-radius:2rem; overflow:hidden; position:relative; }
.logoWrap .box a .imgBox .titBox { position:absolute; left:0; top:0; padding: 3rem; box-sizing:border-box; }
.logoWrap .box a .imgBox .img {  }
.logoWrap .box a .imgBox .tit { font-size:2.6rem; color:var(--black); font-weight: 600; display:flex; align-items:baseline; }
.logoWrap .box a .imgBox .tit small { font-size:1.8rem; color:#666; font-family: "Montserrat"; font-weight: 400; margin-left: 1.5rem; }
.logoWrap .box a .imgBox .valueBox { display:flex; margin-left: -3px; margin-top: 6px; }
.logoWrap .box a .imgBox .valueBox span { margin-left: 3px; display:inline-flex; align-items:center; height:25px; border-radius:3px; padding: 0 10px; box-sizing:border-box; font-size:14px; color:#fff; font-weight: 600; }
.logoWrap .box a .imgBox .valueBox.blue span { background:#44aee2; }
.logoWrap .box a .imgBox .valueBox.orange span { background:#ecb153; }
.logoWrap .box a .imgBox .valueBox.green span { background:#81bd03; }
.logoWrap .box a .txtBox {  }
.logoWrap .box a .txtBox .titLine { display:flex; align-items:baseline; justify-content:space-between; border-bottom: 1px solid #dadada; box-sizing:border-box; padding: 28px 1rem 10px;  }
.logoWrap .box a .txtBox .titLine dt,
.logoWrap .box a .txtBox .titLine dd {  }
.logoWrap .box a .txtBox .titLine dt { font-size:1.6rem; color:var(--c3a); }
.logoWrap .box a .txtBox .titLine dd { font-size:2.4rem; color:var(--black); font-weight: 600; }
.logoWrap .box a .txtBox .info { display:flex; padding: 0 1rem; box-sizing:border-box; flex-wrap:wrap; margin-top: 6px; }
.logoWrap .box a .txtBox .info dt,
.logoWrap .box a .txtBox .info dd { box-sizing:border-box; font-size:1.6rem; color:var(--black); margin-top: 1.4rem; }
.logoWrap .box a .txtBox .info dt { width:60px; flex-shrink:0; font-weight: 600; }
.logoWrap .box a .txtBox .info dd { width:calc(100% - 60px); font-weight: 400; letter-spacing: -0.0525em; }

.logoWrap .box02 a .imgBox .tit { color:#fff; }
.logoWrap .box02 a .imgBox .tit small { color:#dadada; }

.ctt_logo .logoWrap { margin-left: -5rem; }
.ctt_logo .logoWrap .box { width:50%; padding-left: 5rem; box-sizing:border-box; }
.ctt_logo .logoWrap .box a { width:100%; }



.sizeWrap {  }
.sizeWrap .tab_content {  }
.sizeWrap .tab_content .tabTit { font-size:2.4rem; color:var(--black); font-weight: 600; border-bottom: 1px solid #eaeaea; box-sizing:border-box; padding-bottom: 4.6rem; margin-bottom: -2.8rem; }
.sizeWrap .tab_content .tabTit strong { color:var(--red); }
.sizeWrap .tab_content .size_box { margin-top: 7rem; }
.sizeWrap .tab_content .size_box .sizeTit { font-size:2.4rem; color:var(--c22); font-weight: 600; margin-bottom: 2rem; }
.sizeWrap .tab_content .size_box .sizeTit strong { color:var(--c66); margin-right: 1.4rem; }
.sizeWrap .tab_content .size_box .inner { border: 3px solid #eaeaea; box-sizing:border-box; display:flex; align-items:center; padding: 5rem 0; }
.sizeWrap .tab_content .size_box .inner .left,
.sizeWrap .tab_content .size_box .inner .right { width:50%; flex-shrink:0; box-sizing:border-box; }
.sizeWrap .tab_content .size_box .inner .left { text-align: center; }
.sizeWrap .tab_content .size_box .inner .left img {  }
.sizeWrap .tab_content .size_box .inner .right { padding-right: 5rem; }
.sizeWrap .tab_content .size_box .inner .right .txt { font-size:1.6rem; color:var(--c3a); font-weight: 400; line-height: 2.8rem; }
.sizeWrap .tab_content .size_box .inner .right .txt .list { display:block; padding-left: 8px; box-sizing:border-box; margin-top: 5px; position:relative; }
.sizeWrap .tab_content .size_box .inner .right .txt .list:first-child { margin-top: 0; }
.sizeWrap .tab_content .size_box .inner .right .txt .list:before { content:"·"; position:absolute; left:0; top:0; }
.sizeWrap .tab_content .size_box .inner .right .gray,
.sizeWrap .tab_content .size_box .inner .right .ps { font-size:1.6rem; line-height: 2.4rem; }
.sizeWrap .tab_content .size_box .inner .right .gray { color:var(--c99); margin-top: 1rem; }
.sizeWrap .tab_content .size_box .inner .right .ps { color:var(----skyblue); }
.sizeWrap .tab_content .size_box .inner .right .ps span { color:var(--red); }
.sizeWrap .tab_content .size_box .inner .right table { border-top: 1px solid #dadada; box-sizing:border-box; width:100%; table-layout:fixed; border-collapse:collapse; margin-top: 1.2rem; }
.sizeWrap .tab_content .size_box .inner .right table tr {  }
.sizeWrap .tab_content .size_box .inner .right table tr th,
.sizeWrap .tab_content .size_box .inner .right table tr td { box-sizing:border-box; border-bottom: 1px solid #dadada; font-size:1.8rem; color:var(--c3a); padding: 1.6rem 0 1.8rem; text-align: center; }
.sizeWrap .tab_content .size_box .inner .right table tr th { font-weight: 400; background:#f7f7f7; }
.sizeWrap .tab_content .size_box .inner .right table tr td { font-weight: 600; }
.sizeWrap .tab_content .size_box .inner .right table tr.red th,
.sizeWrap .tab_content .size_box .inner .right table tr.red td { color:var(--red); }

.sizeWrap .tab_content .size_box .inner .right table.full {  }
.sizeWrap .tab_content .size_box .inner .right table.full tr {  }
.sizeWrap .tab_content .size_box .inner .right table.full tr th {  }
.sizeWrap .tab_content .size_box .inner .right table.full tr td {  }
.sizeWrap .tab_content .size_box .inner .right table.full tr.red td { padding-right: 2rem; }
.sizeWrap .tab_content .size_box .inner .right table.full tr.red td span { display:inline-block; margin-left: 2rem; }
.sizeWrap .tab_content .size_box .inner .right table.full tr td i { color:var(--green); font-style: normal; }

.sizeWrap .tab_content .size_box .inner .right .siTit { font-size:1.8rem; color:var(--green2); font-weight: 600; margin-top: 1.5rem; }
.sizeWrap .tab_content .size_box .inner .right table.ttit tr td { color:var(--red); }
.sizeWrap .tab_content .size_box .inner .right table.ttit tr.gray td { color:var(--c66); }

.sizeWrap .tab_content .size_box .inner .right a { display:flex; align-items:center; justify-content:center; border-radius:500px; background:var(--green); font-size:1.8rem; color:#fff; width:150px; height:45px; margin-top: 2rem; }
.sizeWrap .tab_content .size_box .inner .right a i { margin-left: 1rem; line-height: 1em; }







@media (max-width:1890px){

}


@media (max-width:1300px){

	.logoWrap { margin-left: -5rem; }
	.logoWrap .box { width:33.33%; }
	.logoWrap .box a { width:100%; }

}


@media (max-width:1200px){

	.printType .box .line .chkBox li { width: calc(50% - 12px); }
	.printType .fullBox .imgBox { flex-direction:column; }
	.printType .fullBox .imgBox li { width:100%; margin-left: 0 !important; margin-right: 0 !important; }
	.printType .fullBox .imgBox li:first-child { margin-bottom: 4rem; }
	
	.sizeWrap .tabType01 { background:transparent; padding: 0; border-radius:0; flex-wrap:wrap; justify-content:center; }
	.sizeWrap .tabType01 li { flex:unset; padding: 2px; box-sizing:border-box; }
	.sizeWrap .tabType01 li a { border: 1px solid #eaeaea; box-sizing:border-box; border-radius:500px; padding: 0 2rem; }
	
	
	.logoWrap { margin-left: -2rem; }
	.logoWrap .box { padding-left: 2rem; }
	
 
}


@media (max-width:992px){	

	.caution .line .img { margin-left: -3rem; }
	.caution .line .img li { margin-left: 0; padding-left: 3rem; width:50%; box-sizing:border-box; }
	.caution .line .txt br { display:none; }
	
	.logoWrap { flex-direction:column; }
	.logoWrap .box { width:100%; margin-top: 2rem; }
	.logoWrap .box:first-child { margin-top: 0; }
	.logoWrap .box a { flex-direction:row; }
	.logoWrap .box a .imgBox { width:350px; flex-shrink:0; }
	.logoWrap .box a .txtBox { width:calc(100% - 350px); padding-left: 3rem; box-sizing:border-box; }
	

}


@media (max-width:768px){

	.printType .box { width:100%; }
	.printType .leftBox { border-left: 0; padding-right: 0; }
	.printType .rightBox { padding-left: 0; border-top: 1px solid #eaeaea; box-sizing: border-box; padding-top: 44px; margin-top: 46px; }
	
	.caution .line .img { margin-left: -1rem; }
	.caution .line .img li { padding-left: 1rem; }
	
	.program .line .inner .box .flowType { margin-left: -5rem; }
	.program .line .inner .box .flowType li { margin-left: 5rem; }
	.program .line .inner .box .flowType li figure:before { left: calc(-2.5rem - 14px); }
	
	.program .line .inner .box .imgList { margin-left: -5rem; }
	.program .line .inner .box .imgList li { margin-left: 5rem; }
	
	
	.sizeWrap .tab_content .size_box .inner { flex-direction:column; padding: 5rem 2rem; }
	.sizeWrap .tab_content .size_box .inner .left,
	.sizeWrap .tab_content .size_box .inner .right { width:100%; }
	.sizeWrap .tab_content .size_box .inner .left { text-align: center; margin-bottom: 3rem; }
	.sizeWrap .tab_content .size_box .inner .right { padding-right: 0; text-align: center; }
	.sizeWrap .tab_content .size_box .inner .right .txt { text-align:left; }
	.sizeWrap .tab_content .size_box .inner .right a { display:inline-flex; }
	
	
	.logoWrap .box a .imgBox { width:300px; }
	.logoWrap .box a .txtBox { width:calc(100% - 300px); }
	
	
}


@media (max-width:640px){	

	.program .line .inner dl { flex-direction:column; }
	.program .line .inner dl dt,
	.program .line .inner dl dd { width:100%; }
	.program .line .inner dl dd { padding-left: 0; margin-top: 2rem; text-align: center; }
	
	
	.logoWrap .box { margin-top: 4rem; }
	.logoWrap .box a { flex-direction:column; }
	.logoWrap .box a .imgBox { width:100%; }
	.logoWrap .box a .imgBox .img img { width:100%; }
	.logoWrap .box a .txtBox { width:100%; padding-left: 0; }
	.logoWrap .box a .txtBox .titLine { padding-top: 1.4rem; }

	
}


@media (max-width:479px){	

	.caution > .tit_box .typeLine { flex-direction:column; align-items:start; }
	.caution > .tit_box .typeLine li:first-child { margin-bottom: 1rem; }
	
	.caution .line .img { flex-wrap:wrap; }
	.caution .line .img li { width:100%; margin-bottom: 2rem; }
	

}