@charset "utf-8";
/*2018春CP*/

#cms_block{/*max-width: 1050px;*/ background: #f0dedc;}
article{max-width: 900px;text-align: left;margin: auto !important;padding: 10px;}
.tomato_in{max-width: 860px;text-align: left;margin: auto !important;}

h1{
    max-width: 450px;
    margin: 0 auto !important;
}
.font_red{color: red}

.tomato19-cp1{background: url(img/tomatosummit_back.jpg);background-size: cover;text-align: center;padding: 30px 20px 20px;}
.sp-cp_top_ti1{max-width: 850px;width: 90%;}


/*TOPコメント*/
.tomato19-cp2{font-size: 1.3em;text-align: center;max-width: 880px;margin: 30px auto;padding: 15px;line-height: 1.7em;}
.tomato19-cp2 strong{font-size: 1.8em;display: inline-block;text-align: left;line-height: 1.5em;}
.tomato19-cp2 span{text-align: left;display: block;margin: 20px 0}

.tomato19-con1 {text-align: center;margin: 20px;background: #fff;padding: 25px;border-radius: 10px;margin: auto;width: 100%;box-sizing: border-box;}
.tomato19-con1 h2 {display: inline-block;font-size: 3em;position: relative;padding-bottom: 15px;}
.tomato19-con1 h2 span{display:block;text-align: center;font-size: .8em;}
.tomato19-con1 h2:after{content: '';position: absolute;bottom: -15px;display: inline-block;width: 90px;height: 5px;left: 50%;transform: translateX(-50%);background-color: black;border-radius: 5px;}

/*概要*/
.tomato19-table1 {width: 100%;max-width: 700px;margin: 30px auto;}
.tomato19-table1 th{width: 270px;padding: 0 0 0 15px;}
.tomato19-table2 {width: 100%;}
.tomato19-table2 th,.tomato19-table2 td {font-size: 1.5em;border-bottom: 1px dashed #ffae00;padding: 10px 5px;}
.tomato19-table2 th {padding: 0;width: 120px;background: #ffae00;color: #fff;}
.tomato19-table2 td {text-align: left;}
.tomato19-table2 a{
    display: inline-block;
    padding: 1px 7px;
    background: #000;
    color: #fff;
    /* margin-left: 10px; */
    font-size: .8em;
    border-radius: 3px;
    }


.tomato_list1 img{max-width: 200px;    padding: 0px 10px 10px 0;}
.tomato_list1{max-width: 700px;margin: auto;text-align: left;}
.tomato_list1 p{padding:15px 0;font-size: .9em}
.tomato_list1 h3{display: inline-block;border-bottom: 3px solid #ffae01;padding-bottom: 6px;margin-bottom: 10px;}
.tomato_list1 td{font-size: 1.3em;}
.tomato_list1 td div{line-height: 1.7em;}

.tomato19-table3{margin: 30px auto 10px;border: 2px solid #ffae00;padding: 15px;max-width: 660px;}
.tomato19-table3 table {width: 100%;border-spacing: 0 7px;}
.tomato19-table3 td{text-align: left;padding: 3px 20px;font-size: 1.4em;}
.tomato19-table3 th {padding: 0px 10px;font-size: 1.4em;/* border-right: 2px solid #ffae00; */font-weight: normal;}
.tomato19-table3 th ,.tomato19-table3 td{}
.tomato19-table3 td span{font-size: .8em;display: block;}
.tomato19-table3 b{display: block;margin-bottom: 15px;background: #ffae00;color: #fff;padding: 5px 10px;border-radius: 3px;font-size: 1.5em}
.tomato19-table3 p{text-align: left; padding: 5px ;}
.tomato19_p1{padding-bottom: 20px;}


.tomato_app_area{text-align: center;padding: 50px;}
.tomato_app_area table{width: 100%; border-spacing: 15px;}
.tomato_app_area td{width: 50%;font-size: 1.4em;margin-bottom: 20px;vertical-align: top;}
.tomato_app_area h3{color: #fff;padding: 10px;margin-bottom: 0;}
.tomato_app_area p{padding: 20px;}
.tomato_app_area a{
    display: inline-block;
    border: 2px solid;
    border-radius: 50px;
    padding: 5px 17px;
    margin: 15px 5px 0;
    font-weight: bold;
    font-size: 1.2em;
    }
.tomato_app_area a:hover{background: #fff;color: #333;}
.tomato_app1{border: 2px solid #ef3655;} .tomato_app2{border: 2px solid #3fbab8; }
.tomato_app1 h3{background: #ef3655;}.tomato_app1 a{color:#ef3655 }
.tomato_app2 h3{background: #3fbab8;}.tomato_app2 a{color:#05aba8 }

.tomato_summit_about{padding: 40px;background: #fff;}
.tomato_summit_about td{font-size: 1.3em;padding: 20px 0 20px 30px;}
.tomato_summit_about h3{font-size: 1.5em;border-bottom: 2px dashed;padding-bottom: 10px;}
.t_sumi_about1 {display: inline-block;max-width: 450px;}
.t_sumi_about2 {display: inline-block;padding: 3px 15px;font-size: 1.1em;font-weight: bold; border: 2px solid;color: #000;width: 150px;
text-align: center;margin-top: 15px;border-radius: 50px;}
.t_sumi_about2:hover{background: #fff;color: #333;}

.tomato_info{max-width:500px;background: repeating-linear-gradient(-45deg, #f1f0e9, #f1f0e9 5px, #e8e7e1 0, #e8e7e1 10px);padding: 20px;margin:50px auto 20px;border-radius: 5px;}
.tomato_info h4{display: inline-block;background: #000;color: #fff;padding:5px 15px;font-weight: normal; font-size: 1.3em; letter-spacing: 0.05em;}
.tomato_info p{padding-top: 10px;font-size: 1.2em;line-height: 1.7em;}



@media (min-width:600px) {
.footer_nav{/*font-size:1em;*/line-height: 1.7em !important;}
.tomato19-cp3{border: 5px solid #ddd;  padding: 30px;}
}

@media(max-width: 800px){
    .tomato_app_area a{width: 180px;}
}

@media(max-width: 650px){
    .sp-cp_top_ti1{width: 100%}
    h1 {margin: 15px 0 10px !important;}
    .sp_non{display:none !important;}
    
    .tomato19-cp2 strong{font-size: 1.25em;}
    .tomato19-con1{padding: 15px;}

    .tomato19-table1 th,.tomato19-table1 td,.tomato_app_areath,.tomato_app_area td,
    .tomato_summit_about th, .tomato_summit_about td{display: block;width: 100%;box-sizing: border-box;}
    .tomato19-table3 th,.tomato19-table3 td{display: inline-block;box-sizing: border-box;}
    .tomato19-table3{text-align: left;}

    .tomato19-table2 th, .tomato19-table2 td{border-bottom: 0;}
    .tomato19-con1 h2 span{font-size: .7em;}

    .tomato19-cp2{margin-bottom: 10px}

    .tomato_app_area{padding: 0px;}
    .tomato19-table1 th{padding: 0;}
    .tomato19-table3 td {padding: 5px;}
    .tomato19-table3 th{border-right: 0;border-bottom: 0;padding: 5px 7px;text-align: left;font-size: 1.1em;font-weight: bold;}

    .tomato_app_area p{padding: 12px}

    .tomato_summit_about{padding: 30px 15px;}
    .tomato_summit_about td{padding: 20px 0;}
    .tomato_summit_about td p{text-align: center !important;}


}

@media(max-width: 500px){
    .tomato19-cp1 div{font-size: 1.1em}
    .tomato19-cp1 div p,.tomato19-cp1 div span{padding: 5px 20px}
    .tomato19-cp4 a{max-width: 310px;}
    .tomato19-cp1{background-position: center;background-size: cover;}

    .tomato_list1 td,.tomato_list1 th{display: block;}
    .tomato_list1 img{padding:10px 0 10px;}

}

@media(max-width: 370px){   .tomato19-cp4 a{padding: 10px}

h1{margin: 0px 0 5px !important}
}

@media(min-width: 970px){
    .tomato19-cp1{background-position: 0 -30px;}
}

.pc_non320{display: none;}
.sp_non{display: inline-block;}