@charset "utf-8";
/*color*/
.ts-font-color-black {color: #000000;}
.ts-font-color-blue {color: #005bab;}

/*font-family*/
.ts-font-family01 {font-family: a-otf-futo-min-a101-pr6n, serif; font-style: normal; font-weight: 400;}
.ts-font-family02 {font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 700; font-style: normal;}
.ts-font-family03 {font-family: ro-san-std, sans-serif; font-weight: 400; font-style: normal;}

/*font-size*/
.ts-h1-01{font-size: 3.0rem;}
.ts-h2-01{font-size: 4.0rem; text-align: center;}
.ts-h3-01{font-size: 2.4rem; border-bottom: solid 2px #000000;}
.ts-font-size01{font-size: 2.4rem;}
.ts-font-size02{font-size: 1.8rem;}
.ts-plan-fontsize001{font-size: 2.0rem;}
.ts-plan-fontsize002{font-size: 2.8rem;}
@media only screen and (min-width:0px) and (max-width:768px) {
.ts-h1-01{font-size: 2.0rem;}
.ts-h2-01{font-size: 2.4rem; text-align: center;}
.ts-h3-01{font-size: 2.0rem; border-bottom: solid 2px #000000;}
.ts-font-size01{font-size: 2.2rem;}
.ts-font-size02{font-size: 1.8rem;}
}

/*画像を角丸*/
.ts-img-radious01{border-radius: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px;}

/*画像サイズ*/
.ts-img50{width: 50%;}
.ts-img60{width: 60%;}
.ts-img70{width: 70%;}
.ts-img80{width: 80%;}
/*PCのみ画像サイズ*/
@media print,screen and (min-width:769px) and (max-width:9999px) {
.ts-pc_img50{width: 50%;}
.ts-pc_img60{width: 60%;}
.ts-pc_img70{width: 70%;}
.ts-pc_img80{width: 80%;}
}
/*SPのみ画像サイズ*/
@media print,screen and (min-width:0px) and (max-width:768px){
.ts-sp_img50{width: 50%;}
.ts-sp_img60{width: 60%;}
.ts-sp_img70{width: 70%;}
.ts-sp_img80{width: 80%;}
}

/*PCのみセンター寄せ*/
@media print,screen and (min-width:769px) and (max-width:9999px) {
.ts-pc_center {align-items: center; text-align: center;}
}

/*padding*/
.ts-padding10{padding: 10px;}
.ts-padding15{padding: 15px;}
.ts-padding20{padding: 20px;}
.ts-padding30{padding: 30px;}
.ts-padding40{padding: 40px;}
.ts-padding50{padding: 50px;}
.ts-padding60{padding: 60px;}
@media print,screen and (min-width:0px) and (max-width:768px){
.ts-sp-padding05{padding: 5px;}
.ts-sp-padding10{padding: 10px;}
}

/*メインビジュアル*/
.ts-mv-01 {margin: 24px -100% 0 -100%;}
.ts-mv-01 .ts-mv_list {max-width: 1200px; margin: 0 auto;}
.ts-mv-01 .ts-mv_container {display: flex; align-items: center;}
.ts-mv-01 .ts-mv_container.right .ts-mv_content-wrapper {margin-right: 0; margin-left: -75px;}
.ts-mv-01 .ts-mv_content-wrapper {display: flex; position: relative; z-index: 2; margin-right: -75px;}
.ts-mv-01 .ts-mv_content {display: flex; flex-wrap: wrap; align-items: center; width: 300px; min-height: 300px; padding: 20px; background: rgba(255,255,255,.95);}
.ts-mv-01 .ts-mv_container.right .ts-mv_img {order: -1;}
.ts-mv-01 .ts-mv_img {flex: 100%; position: relative; z-index: 1;}
.ts-mv-01.bg01 .ts-mv_list-wrapper {background-color: #efefef; repeat-x; background-size: auto; background-size: cover; padding: 10px 0px;}
.ts-mv-01.bg01 .ts-mv_list {width: 960px; margin: 0 auto;}
@media only screen and (min-width:0px) and (max-width:768px) {
.ts-mv-01 {margin: 24px -10px 0;}
.ts-mv-01 .ts-mv_list {width: auto;}
.ts-mv-01 .ts-mv_container {flex-direction: column; align-items: auto; background-color: #efefef;}
.ts-mv-01 .ts-mv_container.right .ts-mv_content-wrapper, .ts-mv-01 .ts-mv_container.left .ts-mv_content-wrapper {margin-right: 0; margin-left: 0px;}
.ts-mv-01 .ts-mv_container.left .ts-mv_img {order: -1;}
.ts-mv-01 .mtsmv_content-wrapper {z-index: 2; width: 100%; height: auto; min-height: auto; margin: 0;}
.ts-mv-01 .ts-mv_content {width: 100%; min-height: auto; padding:10px; background-color:#efefef;}
.ts-mv-01.bg01 .ts-mv_list {width: auto; padding: 10px;}
}

/*ポイント表示*/
.ts-left-ptn01{display: flex; align-items: center; border-bottom: solid 2px;}
.ts-left-ptn01_icon{order: -1; width: 6%; margin-bottom: 7px;}
.ts-left-ptn01_text{flex: 1; padding: 0px 0px 0px 20px; font-size: 2.4rem;}
@media only screen and (min-width:0px) and (max-width:768px) {
.ts-left-ptn01_icon{order: -1; width: 13%; margin-bottom: 7px;}
.ts-left-ptn01_text{flex: 1; padding: 0px 0px 0px 20px; font-size: 2.0rem;}
}

/*画像横4列ぴったり並ばせる（SP：2列）*/
.ts-list-ptn01 {display: flex; flex-wrap: wrap; margin: 0px;}
.ts-list-ptn01.col4 > * {width: calc((100%)/ 4);}
.ts-list-ptn01 > * {display: flex; flex-direction: column; margin: 0px; background: #fff; max-height: 100%;}
.ts-list-ptn01 > * img {width: 100%; min-height: 0%;}
@media only screen and (min-width:0px) and (max-width:768px) {
.ts-list-ptn01.col4 > * {width: calc((100%)/ 2);}
}

/*画像左+テキスト右（PC：2カラム）*/
.ts-list-ptn02 > li {display: flex; align-items: center; margin: 20px 0px 0px 0px;}
@media only screen and (min-width:0px) and (max-width:768px) {
.ts-list-ptn02 > li {display: flex; align-items: center; margin: 20px 0px 0px 0px; border-bottom: thin;}
}
.ts-list-ptn02 > * .ts-list_text {flex: 1 0 0; padding: 0px 40px 0px 20px;}
@media only screen and (min-width:0px) and (max-width:768px) {
.ts-list-ptn02 > * .ts-list_text {flex: 1 0 0; padding: 0px 0px 0px 20px;}
}
.ts-list-ptn02 > * .ts-list_img {max-width: 40%; order: -1; min-height: 0%; position: relative;}
@media print,screen and (min-width:769px) and (max-width:9999px) {
.ts-list-ptn02.col2 > * {width: calc((100%)/ 2);}
.ts-list-ptn02 {display: flex; flex-wrap: wrap; min-height: 0%;}
}
@media only screen and (min-width:0px) and (max-width:768px) {
.ts-list-ptn02.col2 > * {flex-direction: row; width: 100%; margin-top: 0; margin-left: 0; padding: 20px 0; border-top: 1px solid #e1e1e1;}
}

/*PC：4列（SP：2列）*/
.ts-list-ptn03 {display: flex; flex-wrap: wrap; margin: 0px;}
.ts-list-ptn03.col4 > * {width: calc((100%)/ 4);}
.ts-list-ptn03 > * {display: flex; flex-direction: column; margin: 0px; background: #fff; max-height: 100%; padding: 0px 10px;}
.ts-list-ptn03 > * img {width: 100%; min-height: 0%;}
@media only screen and (min-width:0px) and (max-width:768px) {
.ts-list-ptn03.col4 > * {width: calc((100%)/ 2);}
}

/*PC：2列（SP：2列）*/
.ts-list-ptn04 {display: flex; flex-wrap: wrap; margin: 0px;}
.ts-list-ptn04.col2 > * {width: calc((100%)/ 2);}
.ts-list-ptn04 > * {display: flex; flex-direction: column; margin: 0px; max-height: 100%; padding: 0px 10px;}
.ts-list-ptn04 > * img {width: 100%; min-height: 0%;}

/*画像左+テキスト右でクリック（PC：2カラム、SP1カラム）*/
.ts-list-ptn05 {display: flex; flex-wrap: wrap; margin: 0 0 0 -24px;}
.ts-list-ptn05.col2 > * {width: calc((100% - 48px)/ 2);}
.ts-list-ptn05 > * {display: flex; min-height: 0%; margin: 24px 0 0 24px;}
.ts-list-ptn05 > * > a{display: flex; align-items: center; position: relative; text-decoration: none; color: #1a1a1a; border: 1px solid #3db4d0; background: #fff;}
.ts-list-ptn05 > li > a::before {content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-width: 0 0 20px 20px; border-style: solid; border-color: transparent transparent #3db5d0 transparent;}
.ts-list-ptn05 > * .ts-list-idx_content {flex: 1 0 0; padding: 15px; width: 100%;}
.ts-list-ptn05 > * .ts-list-idx_img {order: -1; position: relative; max-width: 40%;}
.ts-list-ptn05 a:hover{background:#f3fdff}
@media only screen and (min-width:0px) and (max-width:768px) {
.ts-list-ptn05 {flex-direction: column; margin: 0;}
.ts-list-ptn05.col2 > * {width: 100%; margin-left: 0;}
.ts-list-ptn05 > * {display: flex; min-height: 0%; margin: 0px;}
.ts-list-ptn05.col2 > * + * {margin-top: 0;}
.ts-list-ptn05.col2 > * + * > a {border-top: none;}
}

/*ボックス*/
.ts-box-line_gray {border: solid 1px #808080; padding: 10px;}

/*ライン*/
.ts-line01{border-bottom: solid 1px #808080;}