@charset "utf-8";


/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {

.index .cont01 { padding: 50px 0;}
.index .cont01 .img { width: 800px; margin: auto;}

.index .cont02 { padding: 50px 0;}
.index .cont02 table { border: solid 1px #CCC;}
.index .cont02 table thead {}
.index .cont02 table thead th { border-bottom: solid 1px #CCC; padding: 10px 0;}
.index .cont02 table tbody {}
.index .cont02 table tbody th { border-bottom: solid 1px #CCC; padding: 10px 20px; text-align: left;}
.index .cont02 table tbody td { border-bottom: solid 1px #CCC; padding: 10px 20px; border-left: dotted 1px #CCC; vertical-align: middle;}
.index .cont02 table tbody td a { display: inline-block; margin: 0 10px 0 0; padding: 4px 12px; border: solid 1px #086DB0; background: #086DB0; color: #FFF; font-size: 1.4rem; border-radius: 3px; font-feature-settings: "palt";}
.index .cont02 table tbody td a:last-child { margin: 0 0 0 0;}
.index .cont02 table tbody td a:hover { border: solid 1px #086DB0; background: #FFF; color: #086DB0;}
.index .cont02 table tbody td dl { margin: 10px 0 0; font-size: 1.4rem;}
.index .cont02 table tbody td dl dt { display: inline-block; padding: 2px 20px; background: #EEE; margin-right: 10px; border-radius: 3px;}
.index .cont02 table tbody td dl dd { display: inline-block; padding: 2px 10px;}
.index .cont02 table tbody tr:nth-child(2n+2) > * { background: rgba(0,0,0,0.01);}
.index .cont02 table tbody tr:nth-last-of-type(1) th { border-bottom: none;}
.index .cont02 table tbody tr:nth-last-of-type(1) td { border-bottom: none;}

.index .cont03 { padding: 50px 0;}
.index .cont03 h4 { font-size: 2.4rem; margin: 0 0 20px;}
.index .cont03 ul { list-style: none; margin: 0 0 40px; padding: 0; display: flex; flex-wrap: wrap;}
.index .cont03 ul li { width: calc( 100% / 3); padding-left: 1em; text-indent: -1em; box-sizing: border-box;}
.index .cont03 ul li::before { content: "・"; padding-right: 5px;}


}

/* モバイルレイアウト : 480 px およびそれ以下. */
/*sp*/
@media only screen and (max-width: 767px) {

.index .cont01 { padding: 5% 2%;}
.index .cont01 .img { width: 100%; margin: auto;}
.index .cont01 .img img { width: 100%;}

.index .cont02 { padding: 5% 2%;}
.index .cont02 table { width: auto; border: solid 1px #CCC;}
.index .cont02 table thead {}
.index .cont02 table thead th { border-bottom: solid 1px #CCC; padding: 10px 0;}
.index .cont02 table tbody {}
.index .cont02 table tbody th { border-bottom: solid 1px #CCC; padding: 10px 20px; text-align: left;}
.index .cont02 table tbody td { border-bottom: solid 1px #CCC; padding: 10px 20px; border-left: dotted 1px #CCC; vertical-align: middle;}
.index .cont02 table tbody td a { display: inline-block; margin: 0 10px 0 0; padding: 4px 12px; border: solid 1px #086DB0; background: #086DB0; color: #FFF; font-size: 1.4rem; border-radius: 3px; font-feature-settings: "palt";}
.index .cont02 table tbody td a:last-child { margin: 0 0 0 0;}
.index .cont02 table tbody td a:hover { border: solid 1px #086DB0; background: #FFF; color: #086DB0;}
.index .cont02 table tbody td dl { margin: 10px 0 0; font-size: 1.4rem;}
.index .cont02 table tbody td dl dt { display: inline-block; padding: 2px 20px; background: #EEE; margin-right: 10px; border-radius: 3px;}
.index .cont02 table tbody td dl dd { display: inline-block; padding: 2px 10px;}
.index .cont02 table tbody tr:nth-child(2n+2) > * { background: rgba(0,0,0,0.01);}
.index .cont02 table tbody tr:nth-last-of-type(1) th { border-bottom: none;}
.index .cont02 table tbody tr:nth-last-of-type(1) td { border-bottom: none;}

.index .cont03 { padding: 5% 2%;}
.index .cont03 h4 { font-size: 2.4rem; margin: 0 0 20px;}
.index .cont03 ul { list-style: none; margin: 0 0 40px; padding: 0; display: inherit; flex-wrap: wrap;}
.index .cont03 ul li { width: auto;}
.index .cont03 ul li::before { content: "・"; padding-right: 5px;}


}






/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {

.shiso .cont01 { padding: 50px 0;}

.shiso .cont02 { padding: 50px 0;}
.shiso .cont02 ul { list-style: none;}
.shiso .cont02 ul li { display: inline-block; margin: 0 20px 10px 0;}
.shiso .cont02 ul li a { white-space: nowrap; border: solid 1px #999; padding: 1px 10px;}

.shiso .cont03 { padding: 50px 0;}

.shiso .cont04 { padding: 50px 0;}


}

/* モバイルレイアウト : 480 px およびそれ以下. */
/*sp*/
@media only screen and (max-width: 767px) {

.shiso .cont01 { padding: 5% 2%;}

.shiso .cont02 { padding: 5% 2%;}
.shiso .cont02 ul { list-style: none;}
.shiso .cont02 ul li { display: inline-block; margin: 0 20px 10px 0;}
.shiso .cont02 ul li a { white-space: nowrap; border: solid 1px #999; padding: 1px 10px;}

.shiso .cont03 { padding: 5% 2%;}

.shiso .cont04 { padding: 5% 2%;}

}