@charset "utf-8";



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

 for PC

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



/* header ----------------- */

header .main_navigation li.btn02 a {

    width: 248px;

    background-position: -251px -110px !important;

}



/* title ----------------- */



#title{ }



.title_inner{

	width:1000px;

	margin:0 auto;

	height:155px;

	position:relative;

	background-image:url(/en/images/products/title_bg.png?ud=230331);

	background-repeat:no-repeat;

}



.title_inner h2{

	text-indent: -9999px;

    overflow: hidden;

	background-image:url(/en/images/products/h2_title_pc.png?ud=230331);

	background-repeat:no-repeat;

	background-position:0 43px;

	width:370px;

	height:155px;

}





/* base extend ------------- */

.ttl_se {

    clear: both;

    display: block;

    width: 100%;

	padding-bottom: 22px;

    font-size: 28px;

    color: #3d3333;

    border-bottom: 1px solid #999;

    line-height: 1.4;

}

.ttl_s2 {

    clear: both;

    border-left: 8px #f7af0d solid;

    padding: 16px 22px 14px 18px;

    background-color: #f4f4f4;

    font-weight: bold;

    font-size: 20px;

    line-height: 1.2;

}

#Mineral_Water .ttl_s2 { border-left-color: #86d2d2; }

#Tea           .ttl_s2 { border-left-color: #a5ca6d; }

#Juice-Based   .ttl_s2 { border-left-color: #eb8e70; }

#Carbonated    .ttl_s2 { border-left-color: #f2a6c5; }

#Other         .ttl_s2 { border-left-color: #a982b7; }

#Export_Only   .ttl_s2 { border-left-color: #843c0c; }

#Turkish_Products   .ttl_s2 { border-left-color: #008000; }

#Chinese_Products   .ttl_s2 { border-left-color: #92d050; }





.ttl_se2 {

    clear: both;

    display: inline-block;

    border-bottom: 5px #f7af0d solid;

    padding: 0 2px;

    color: #f7af0d;

    font-weight: bold;

    font-size: 28px;

    line-height: 1.57;

}

.se2_box {

    text-align: center;

}





.title_s4e {

    clear: both;

    display: inline-block;

    border: 3px #f7af0d solid;

    padding: 8px 12px 7px;

    color: #f7af0d;

    font-weight: bold;

    font-size: 24px;

    line-height: 1.2;

}

#Mineral_Water .title_s4e { border-color: #86d2d2; color: #86d2d2; }

#Tea           .title_s4e { border-color: #a5ca6d; color: #a5ca6d; }

#Juice-Based   .title_s4e { border-color: #eb8e70; color: #eb8e70; }

#Carbonated    .title_s4e { border-color: #f2a6c5; color: #f2a6c5; }

#Other         .title_s4e { border-color: #a982b7; color: #a982b7; }

#only          .title_s4e { border-color: #a5ca6d; color: #a5ca6d; }

#Export_Only   .title_s4e { border-color: #843c0c; color: #843c0c; }

#Turkish_Products   .title_s4e { border-color: #008000; color: #008000;}

#Chinese_Products   .title_s4e { border-color: #92d050; color: #92d050; }

.s4e_box {

    text-align: center;

}



/* content ----------------- */



.all_box {

    width:100%;

    padding-top: 50px;

    background-color: #fff;

}



.content_inner {

    width: 1000px;

    margin: 0 auto;

}



.l3_inner {

    width: 840px;

    margin: 0 auto;

}

#food .l3_inner {

    padding-bottom: 90px;

}



.img01 {

    padding-left: 50px;

}

.img11 {

    padding-left: 20px;

}



.all_box p {

    font-size: 1.15em;

    line-height: 1.56;

}

.all_box .bgt {

    background-repeat: no-repeat;

    background-position: 0 0;

}



.anchor_link {

}

.anchor_link li {

    display: block;

    float: left;

    padding-right: 10px;

}

.anchor_link li:last-child { padding-right: 0; }

.anchor_link li a {

    display: block;

    box-sizing: border-box;

    width: 242px;

    height: 80px;

    border: 1px #dfdfdf solid;

    padding-top: 9px;

    padding-right: 13px;

    background-color: #f4f4f4;

    background-repeat: no-repeat;

    background-position: 7px 10px;

    font-size: 1.04em;

    font-weight: bold;

}

.anchor_link li a:hover {

    border-color: #3d3333;

    background-color: #3d3333;

    color: #fff;

    text-decoration: none;

}

.anchor_link li.anchor01 a {

    padding-left: 50px;

    background-image: url(../images/icon01.png?ud=230331);

}

.anchor_link li.anchor02 a {

    padding-left: 50px;

    background-image: url(../images/icon04.png?ud=211101);

}

.anchor_link li.anchor03 a {

    padding-left: 50px;

    background-image: url(../images/icon02.png);

}

.anchor_link li.anchor04 a {

    padding-top: 24px;

    padding-left: 68px;

    background-image: url(../images/icon03.png);

}



.anchor_link li a span {

    display: block;

    background-repeat: no-repeat;

    background-position: right center;

    background-image: url(../../../common/images/tag_307b.png);

}

.anchor_link li a:hover span { background-image: url(../../../common/images/tag_307w.png); }





.circle_graph {

    border: 1px #dfdfdf solid;

    padding: 50px 0 60px 105px;

}

.circle_graph .graph_pc {

    float: left;

    width: 338px;

    height: 338px;

    margin-right: 30px;

    background-image: url(../images/circle.svg);

    background-repeat: no-repeat;

    background-position: left top;

}

.circle_graph .graph_pc svg {

    display: none;

}



.circle_graph .anchor_link_domestic {

    display: block;

    width: 200px;

}

.circle_graph .anchor_link_domestic li.anchor_d_01 { background: linear-gradient(90deg, #fff 76%, #f7af0b 76%); }

.circle_graph .anchor_link_domestic li.anchor_d_02 { background: linear-gradient(90deg, #fff 76%, #86d2d2 76%); }

.circle_graph .anchor_link_domestic li.anchor_d_03 { background: linear-gradient(90deg, #fff 76%, #a5ca6d 76%); }

.circle_graph .anchor_link_domestic li.anchor_d_04 { background: linear-gradient(90deg, #fff 76%, #eb8e70 76%); }

.circle_graph .anchor_link_domestic li.anchor_d_05 { background: linear-gradient(90deg, #fff 76%, #f2a6c5 76%); }

.circle_graph .anchor_link_domestic li.anchor_d_06 { background: linear-gradient(90deg, #fff 76%, #a982b7 76%); }



.circle_graph .anchor_link_domestic li a {

    display: block;

    border: 2px #f7af0b solid;

    padding: 14px 0 12px 14px;

    background-image: url(../../../common/images/tag_307w.png);

    background-repeat: no-repeat;

    background-position: 169px 18px;

    font-size: 18px;

    line-height: 1.0;

    margin-top: 10px;

}

.circle_graph .anchor_link_domestic li.anchor_d_01 a { color:#f7af0b; border-color: #f7af0b; margin-top: 0; }

.circle_graph .anchor_link_domestic li.anchor_d_02 a { color:#86d2d2; border-color: #86d2d2; }

.circle_graph .anchor_link_domestic li.anchor_d_03 a { color:#a5ca6d; border-color: #a5ca6d; }

.circle_graph .anchor_link_domestic li.anchor_d_04 a { color:#eb8e70; border-color: #eb8e70; }

.circle_graph .anchor_link_domestic li.anchor_d_05 a { color:#f2a6c5; border-color: #f2a6c5; }

.circle_graph .anchor_link_domestic li.anchor_d_06 a { color:#a982b7; border-color: #a982b7; }

.circle_graph .anchor_link_domestic li a:hover { color: #fff; text-decoration: none; }

.circle_graph .anchor_link_domestic li.anchor_d_01 a:hover { background-color: #f7af0b; }

.circle_graph .anchor_link_domestic li.anchor_d_02 a:hover { background-color: #86d2d2; }

.circle_graph .anchor_link_domestic li.anchor_d_03 a:hover { background-color: #a5ca6d; }

.circle_graph .anchor_link_domestic li.anchor_d_04 a:hover { background-color: #eb8e70; }

.circle_graph .anchor_link_domestic li.anchor_d_05 a:hover { background-color: #f2a6c5; }

.circle_graph .anchor_link_domestic li.anchor_d_06 a:hover { background-color: #a982b7; }





/* font ----------------------- */



/* text ----------------------- */



.txt01 { width: 510px; }



.txt02, .txt03, .txt04, .txt05, .txt06, .txt07, .txt08, .txt13 { width: 653px; }

.txt09 { width: 602px; height: 400px; }

.txt10, .txt12, { width: 840px; }

.txt11 { width: 580px; height: 160px; }

.txt02 { background-image: url(../images/txt02.png); height: 305px;}

.txt03 { background-image: url(../images/txt03.png); height: 340px; }

.txt04 { background-image: url(../images/txt04.png?ud=220315); height: 362px; }

.txt05 { background-image: url(../images/txt05.png); height: 444px; }

.txt06 { background-image: url(../images/txt06.png); height: 446px; }

.txt07 { background-image: url(../images/txt07.png); height: 440px; }

.txt08 { background-image: url(../images/txt08.png); height: 396px; }

.txt09 { background-image: url(../images/txt09.png); }

.txt10 { background-image: url(../images/txt10.png); height: 399px; }

.txt11 { background-image: url(../images/txt11.png); }

.txt12 { background-image: url(../images/txt12.png); height: 199px; }

.txt13 { background-image: url(../images/txt13.png?ud=181129a); height: 446px; }



.txt20 { background-image: url(../images/txt20.png); height: 446px; }

.txt21 { background-image: url(../images/txt21.png?ud=220616); height: 446px; }

.txt22 { background-image: url(../images/txt22.png); height: 446px; }



.txt30 { background-image: url(../images/txt30.png?ud=220610); height: 210px; }

.txt31 { background-image: url(../images/txt31.png); height: 398px; }

.txt32 { background-image: url(../images/txt32.png); height: 190px; }

.txt33 { background-image: url(../images/txt33.png); height: 284px; }





/* graph ---------------------- */

.graph_pc svg,

.graph_sp svg {

    transform: rotate(-90deg);

}



.graph_sp { display: none; }

.graph_pc circle {

    fill: rgba(255,255,255,0);

    stroke-width: 169;

}

.graph_pc .c1 {

    stroke: #f7af0b;

    stroke-dasharray: 300.1 531; /* 298.1 +2　*/

    stroke-dashoffset: 1;

}

.graph_pc .c2 {

    stroke: #86d2d2;

    stroke-dasharray: 29.9 531; /* 28.9 +1 */

    stroke-dashoffset: -298.1;

}

.graph_pc .c3 {

    stroke: #a5ca6d;

    stroke-dasharray: 73.3 531; /* 72.3 +1 */

    stroke-dashoffset: -327.0;

}

.graph_pc .c4 {

    stroke: #eb8e70;

    stroke-dasharray: 28.1 531; /* 27.1 +1 */

    stroke-dashoffset: -399.3;

}

.graph_pc .c5 {

    stroke: #f2a6c5;

    stroke-dasharray: 51.2 531; /* 50.2 +1 */

    stroke-dashoffset: -426.4;

}

.graph_pc .c6 {

    stroke: #a982b7;

    stroke-dasharray: 54.3 531; /* 54.3 */

    stroke-dashoffset: -476.6;

}



/* text and image */

.img11sp img { display: none; }





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

 for SP

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

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





    /* header ============================== */

    header .main_navigation li.btn01 a {

    	width: 100%;

    }



    /* Footer ============================== */

  /*

    footer {

    	clear:both;

    	width:100%;

    	z-index: 800;

    	position:relative;

    	background: #ffffff;

    }



    footer .footer_inner {

    	width:100%;

    	min-height:48px;

    	height: auto !important;

    	height: 48px;

    	margin: 0 auto;

    	position:relative;

    	padding-top:13px;

    }





    footer .foot_navigation {

    	width: 235px;

    	height: 11px;

    	margin:0 auto;

    }



    footer .foot_navigation li {

    	display: block;

    	float: left;

    }



    footer .foot_navigation li a {

    	display: block;

    	height: 11px;

    	background-image: url(/en/common/images/footer/footer_btn01.png);

    	background-size:235px 20px;

    	background-repeat: no-repeat;

    	text-indent:-9999px;

    	overflow: hidden;

    }



    footer .foot_navigation li.btn01 a { width: 91px; background-position:    0px 0px;}

    footer .foot_navigation li.btn02 a { width:  59px; background-position: -91px 0px;}

    footer .foot_navigation li.btn03 a { width: 85px; background-position: -150px 0px;}



    footer .foot_navigation li.btn01 a:hover { width: 91px; background-position:    0px 0px;}

    footer .foot_navigation li.btn02 a:hover { width:  59px; background-position: -91px 0px;}

    footer .foot_navigation li.btn03 a:hover { width: 85px; background-position: -150px 0px;}





    footer .copyright {

    	width: 222px;

    	height: 10px;

    	background-image: url(/en/common/images/sp/footer/footer_copyright.png);

    	background-size:222px 10px;

    	background-repeat: no-repeat;

    	text-indent:-9999px;

    	overflow: hidden;

    	margin:10px auto 0;

    }

  */





    /* pankuzu ============================== */



    #pankuzu{width:100%;

    	background-color:#f4f4f4;

    	border-top:1px solid #dfdfdf;}



    ul.pankuzu_inner {

    	width:95%;

    	margin:0 auto;

    	padding-top: 10px;

    	padding-bottom:10px;

    }



    ul.pankuzu a:link,ul.pankuzu a:visited {

     color: #3d3333;

     text-decoration: underline;

    }

    ul.pankuzu_inner a:active,ul.pankuzu a:hover {

     color: #3d3333;

     text-decoration: underline;

    }



    ul.pankuzu_inner li {

    	float:left;

    	margin-right:6px;

    	padding-top:0px;

    	padding-left:15px;

    	background: url(/en/common/images/icon03.gif) no-repeat;

    	background-position-y:center;

    }



    ul.pankuzu_inner li:first-child {

    	padding-left:0px;

    	background: none;

    }



    body:first-of-type ul.pankuzu li {

    	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    }





    /* title ----------------- */



    #title{ }



    .title_inner{

    	width:100%;

    	margin:0;

    	height:76px;

    	position:relative;

    	background-image:url(/en/images/products/title_bg_sp.png?ud=230331);

    	background-repeat:no-repeat;

    	background-size: 140px 76px;

    	background-position:right;

    }



    .title_inner h2{

    	text-indent: -9999px;

        overflow: hidden;

    	background-image:url(/en/images/products/h2_title_sp.png?ud=230331);

    	background-repeat:no-repeat;

    	background-size: 225px 76px;

    	background-position:0;

    	width:225px;

    	height:76px;

    }





    /* base extend ------------- */

    .ttl_se {

        padding-bottom: 10px;

        font-size: 20px;

        line-height: 1.2;

    }

    .ttl_s2 {

        clear: both;

        border-left: 8px #f7af0d solid;

        padding: 16px 22px 14px 18px;

        background-color: #f4f4f4;

        font-weight: bold;

        font-size: 20px;

        line-height: 1.2;

    }

    #Mineral_Water .ttl_s2 { border-left-color: #86d2d2; }

    #Tea           .ttl_s2 { border-left-color: #a5ca6d; }

    #Juice-Based   .ttl_s2 { border-left-color: #eb8e70; }

    #Carbonated    .ttl_s2 { border-left-color: #f2a6c5; }

    #Other         .ttl_s2 { border-left-color: #a982b7; }





    .ttl_se2 {

        max-width: 224px;

        border-bottom-width: 3px;

        padding: 0 0 7px;

        font-size: 19px;

        line-height: 1.2;

    }



    .title_s4e {

        border-width: 2px;

        padding: 5px 10px 3px;

        font-size: 15px;

    }

    /* content ----------------- */



    .all_box {

        max-width: 100%;

        padding-top: 20px;

    }



    .content_inner {

        width: 92.5%;

        margin: 0 auto;

    }



    .l3_inner {

        width: 296px;

        margin: 0 auto;

    }

    #food .l3_inner {

        padding-bottom: 90px;

    }





    .anchor_link {

    }

    .anchor_link li {

        float: none;

        padding-right: 0px;

    }

    .anchor_link li:last-child { padding-right: 0; }

    .anchor_link li a {

        width: 256px;

        height: 48px;

        margin: 10px auto 0;

        padding-top: 8px;

        padding-right: 10px;

        background-position: 19px 7px;

        font-size: 12px;

        line-height: 1.2;

    }

    .anchor_link li.anchor01 a {

        padding-left: 53px;

        background-image: url(../images/icon01.png?ud=230331);

        background-size: 16.5px 30px;

    }

    .anchor_link li.anchor02 a {

        padding-left: 53px;

        background-image: url(../images/icon04.png);

        background-size: 17px 30px;

    }

    .anchor_link li.anchor03 a {

        padding-left: 53px;

        background-image: url(../images/icon02.png);

        background-size: 17px 30px;

        

    }

    

    .anchor_link li.anchor04 a {

        padding-top: 15px;

        padding-left: 53px;

        background-image: url(../images/icon03.png);

        background-size: 33px 36px;

        background-position: 12px 6px;

    }



    .anchor_link li a span {

        display: block;

        background-repeat: no-repeat;

        background-position: right center;

        background-image: url(../../../common/images/tag_307b.png);

    }

    .anchor_link li a:hover span { background-image: url(../../../common/images/tag_307w.png); }





    

    .circle_graph {

        padding: 19px;

    }



    .circle_graph .anchor_link_domestic {

        display: block;

        width: 256px;

        height: 116px;

        margin-top: 20px;

    }

    .circle_graph .anchor_link_domestic li {

        display: block;

        float: left;

        width: 124px;

        margin-top: 10px;

    }

    .circle_graph .anchor_link_domestic li:nth-child(2n) {

        float: right;

    }

    .circle_graph .anchor_link_domestic li:nth-child(1) {

        margin-top: 0;

    }

    .circle_graph .anchor_link_domestic li:nth-child(2) {

        margin-top: 0;

    }

    

    .circle_graph .anchor_link_domestic li.anchor_d_01 { background: linear-gradient(90deg, #fff 74%, #f7af0b 74%); }

    .circle_graph .anchor_link_domestic li.anchor_d_02 { background: linear-gradient(90deg, #fff 74%, #86d2d2 74%); }

    .circle_graph .anchor_link_domestic li.anchor_d_03 { background: linear-gradient(90deg, #fff 74%, #a5ca6d 74%); }

    .circle_graph .anchor_link_domestic li.anchor_d_04 { background: linear-gradient(90deg, #fff 74%, #eb8e70 74%); }

    .circle_graph .anchor_link_domestic li.anchor_d_05 { background: linear-gradient(90deg, #fff 74%, #f2a6c5 74%); }

    .circle_graph .anchor_link_domestic li.anchor_d_06 { background: linear-gradient(90deg, #fff 74%, #a982b7 74%); }



    .circle_graph .anchor_link_domestic li a {

        padding: 9px 0 7px 8px;

        background-image: url(../../../common/images/tag_308w.png);

        background-repeat: no-repeat;

        background-position: 101.5px 10.5px;

        background-size: 10.5px 7px;

        font-size: 12px;

        line-height: 1.0;

        margin-top: 0;

    }



    /* graph ---------------------- */

    .circle_graph .graph_pc {

        display: block;

        float: none;

        width: 130px;

        height: 136px;

        margin-left: 63px;

        background-size: 130px 130px;

    }

    .graph_sp {

    }

    .graph_sp circle {

        fill: rgba(255,255,255,0);

        stroke-width: 65;

    }

    .graph_sp .c1 {

        stroke: #f7af0b;

        stroke-dasharray: 136.3 204; /* 116.3 */

        stroke-dashoffset: 1;

    }

    .graph_sp .c2 {

        stroke: #86d2d2;

        stroke-dasharray: 11.2 204; /* 10.2 */

        stroke-dashoffset: -116.3;

    }

    .graph_sp .c3 {

        stroke: #a5ca6d;

        stroke-dasharray: 27.5 204; /* 26.5 */

        stroke-dashoffset: -126.5;

    }

    .graph_sp .c4 {

        stroke: #eb8e70;

        stroke-dasharray: 11.2 204; /* 10.2 */

        stroke-dashoffset: -153;

    }

    .graph_sp .c5 {

        stroke: #f2a6c5;

        stroke-dasharray: 23.4 204; /* 22.4 */

        stroke-dashoffset: -163.2;

    }

    .graph_sp .c6 {

        stroke: #a982b7;

        stroke-dasharray: 18.4 204; /* 18.4 */

        stroke-dashoffset: -185.6;

    }

    

    /* text and image -------------------------- */

    .all_box .mg-t20 { margin-top: 10px; }

    .all_box .mg-t30 { margin-top: 15px; }

    .all_box .mg-t40 { margin-top: 20px; }

    .all_box .mg-t50 { margin-top: 25px; }

    .all_box .mg-t60 { margin-top: 30px; }

    .all_box .mg-t70 { margin-top: 35px; }

    .all_box .mg-t80 { margin-top: 40px; }

    .all_box .mg-t90 { margin-top: 45px; }

    .all_box .mg-t100 { margin-top: 50px; }



    

    .txt01 {

        width: auto;

        float:none; 

    }

    .img01 { float:none; margin-top: 35px; padding-left: 0; text-align: center; }



    .img02, .img03, .img04, .img05, .img06, .img07, .img08, .img13, .img20, .img21, .img22,.img30, .img31, .img33{ float:none; padding-left: 25px; text-align: center; }

    .img32 { float:none; padding-left: 32px; text-align: center; }

    .img02 img, .img03 img, .img04 img, .img05 img, .img06 img, .img07 img, .img13 img, .img20 img, .img21 img, .img22 img, .img30 img, .img31 img, .img32 img, .img33 img { width: 93.5px; }



    .img08 { float: none; height: 168px;

        background-image: url(../images/sp/img08.jpg?ud=200416);

        background-repeat: no-repeat;

        background-position: center top;

        background-size: 256px 168px;

    }

    .img08 img { display: none; }

    .img09 { float: none; height: 160px;

        background-image: url(../images/sp/img09.jpg?ud=220315);

        background-repeat: no-repeat;

        background-position: center top;

        background-size: 256px 160px;

    }

    .img09 img { display: none; }

    .img10 { margin-top: 20px; }

    .img10 img { width: 296px; }

    .img11 img { display: none; }

    .img11sp { text-align: center; }

    .img11sp img { width: 296px; }

    

    .img31 { float: none; height: 220px;

        background-image: url(../images/sp/img31.png);

        background-repeat: no-repeat;

        background-position: center top;

        background-size: 256px 220px;

    }

    .img31 img { display: none; }

    .img33 { float: none; height: 220px;

        background-image: url(../images/sp/img33.png);

        background-repeat: no-repeat;

        background-position: center top;

        background-size: 256px 220px;

    }

    .img33 img { display: none; }



    .txt02, .txt03, .txt04, .txt05, .txt06, .txt07, .txt08 { width: auto}

    .txt09 { width: auto; height: 207px; }

    .txt10, .txt12 { width: auto; }

    .txt11 { width: auto; height: 94px; }

    .txt02 { background-image: url(../images/sp/txt02.png); height: 75px; background-size: 296px 75px; margin-top: -3px;}

    .txt03 { background-image: url(../images/sp/txt03.png); height: 175px; background-size: 296px 175px; margin-top: 10px; }

    .txt04 { background-image: url(../images/sp/txt04.png?ud=220315); height: 190px; background-size: 296px 190px; }

    .txt05 { background-image: url(../images/sp/txt05.png); height: 190px; background-size: 296px 190px; margin-top: -4px; }

    .txt06 { background-image: url(../images/sp/txt06.png); height: 93px; background-size: 296px 93px; }

    .txt07 { background-image: url(../images/sp/txt07.png); height: 100px; background-size: 296px 100px; }

    .txt08 { background-image: url(../images/sp/txt08.png?ud=180226); height: 203px; background-size: 296px 203px; margin-top: -4px; }

    .txt09 { background-image: url(../images/sp/txt09.png); background-size: 296px 207px; }

    .txt10 { background-image: url(../images/sp/txt10.png); height: 225px; background-size: 296px 225px; }

    .txt11 { background-image: url(../images/sp/txt11.png); background-size: 296px 94px; }

    .txt12 { background-image: url(../images/sp/txt12.png); height: 146px; background-size: 296px 146px; }

    .txt13 { background-image: url(../images/sp/txt13.png?ud=181129a); height: 180px; background-size: 296px 180px; margin-top: -4px; }

    .txt20 { background-image: url(../images/sp/txt20.png?ud=201202); height: 240px; background-size: 296px 240px; }

    .txt21 { background-image: url(../images/sp/txt21.png?ud=220616); height: 220px; background-size: 296px 220px; }

    .txt22 { background-image: url(../images/sp/txt22.png?ud=220616); height: 220px; background-size: 296px 220px; }

    

    .txt30 { background-image: url(../images/sp/txt30.png?ud=220610); height: 135px; background-size: 296px 135px; }

    .txt31 { background-image: url(../images/sp/txt31.png); height: 205px; background-size: 296px 205px; }

    .txt32 { background-image: url(../images/sp/txt32.png); height: 110px; background-size: 296px 110px; }

    .txt33 { background-image: url(../images/sp/txt33.png); height: 155px; background-size: 296px 155px; }



}