@charset "utf-8";


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

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

.cont01 { padding: 50px 0;}
.cont01 .box { display: flex; justify-content: space-between; margin: 0 0 50px;} 
.cont01 .box .img { width: 350px;} 
.cont01 .box .txt { width: 800px; padding: 30px 0 0;} 
.cont01 .box .txt p { font-size: 2.4rem; font-weight: bold; margin: 0 0 10px; padding: 50px 30px; border-radius: 20px; border: solid 2px #F4D2D2; background: #F4D2D2; position: relative;}
.cont01 .box .txt p::before { content: ""; width: 30px; height: 30px; border-radius: 50%; background: #F4D2D2; position: absolute; left: -50px; top: 60px;}
.cont01 .box .txt p::after { content: ""; width: 20px; height: 20px; border-radius: 50%; background: #F4D2D2; position: absolute; left: -80px; top: 100px;}
/*.cont01 .box .txt p:nth-last-of-type(1) { font-size: 1.8rem; font-weight: normal; color: #666; margin: 20px 0 0; text-align: right;}*/
.cont01 h4 { text-align: center; padding: 15px 0; margin: 0 0 40px; background: #086DB0; color: #FFF;}
.cont01 ul { list-style: none; display: flex; flex-wrap: wrap;}
.cont01 ul li { width: 175px; margin: 0 30px 30px 0; border: solid 1px #086DB0; box-sizing: border-box; text-align: center; font-size: 1.6rem;}
.cont01 ul li:nth-child(6n+6) { margin-right: 0;}
.cont01 ul li a { color: #333; display: block; padding: 15px 10px;}
.cont01 ul li a:hover { background: #086DB0; color: #FFF;}

.cont02 { padding: 50px 0;}
.cont02 ul {}
.cont02 ul li {}
.cont02 ul li a { display: block; color: #666;}
.cont02 ul li a figure { overflow: hidden;}
.cont02 ul li a figure img {}
.cont02 ul li a:hover figure img { transform: scale(1.1);}
.cont02 ul li a h4 { margin: 10px 5px; font-size: 2.2rem;}
.cont02 ul li a p { margin: 15px 5px; font-size: 1.6rem;}

.cont03 { padding: 0 0 50px;}
.cont03 ul {}
.cont03 ul li {}
.cont03 ul li a { display: block; color: #666;}
.cont03 ul li a figure { overflow: hidden;}
.cont03 ul li a figure img {}
.cont03 ul li a:hover figure img { transform: scale(1.1);}
.cont03 ul li a h4 { margin: 10px 5px; font-size: 2.2rem;}
.cont03 ul li a p { margin: 15px 5px; font-size: 1.6rem;}

.cont04 { padding: 0 0 50px;}
.cont04 ul {}
.cont04 ul li {}
.cont04 ul li a { display: block; color: #666;}
.cont04 ul li a figure { overflow: hidden;}
.cont04 ul li a figure img {}
.cont04 ul li a:hover figure img { transform: scale(1.1);}
.cont04 ul li a h4 { margin: 10px 5px; font-size: 2.2rem;}
.cont04 ul li a p { margin: 15px 5px; font-size: 1.6rem;}

.cont04 ul li .sb_tit{display: block; font-size: 1.7rem;}

.cont04 ul li .sb_text{display: block; font-size: 1.3rem; margin-top: 5px;}
    
}

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

.cont01 { padding: 5% 2%;}
.cont01 .box { display: flex; justify-content: space-between; margin: 0 0 50px; align-items: center;} 
.cont01 .box .img { width: 25%;} 
.cont01 .box .txt { width: 70%; padding: 0 0 0;} 
.cont01 .box .txt p { font-size: 1.6rem; font-weight: bold; margin: 0 0 10px; padding: 20px 20px; border-radius: 20px; border: solid 2px #F4D2D2; background: #F4D2D2; position: relative;}
.cont01 .box .txt p::before { content: none; width: 30px; height: 30px; border-radius: 50%; background: #F4D2D2; position: absolute; left: -50px; top: 60px;}
.cont01 .box .txt p::after { content: none; width: 20px; height: 20px; border-radius: 50%; background: #F4D2D2; position: absolute; left: -80px; top: 100px;}
/*.cont01 .box .txt p:nth-last-of-type(1) { font-size: 1.8rem; font-weight: normal; color: #666; margin: 20px 0 0; text-align: right;}*/
.cont01 h4 { text-align: center; padding: 15px 0; margin: 0 0 40px; background: #086DB0; color: #FFF;}
.cont01 ul { list-style: none; display: flex; flex-wrap: wrap;}
.cont01 ul li { width: 48%; margin: 0 4% 30px 0; border: solid 1px #086DB0; box-sizing: border-box; text-align: center; font-size: 1.6rem;}
.cont01 ul li:nth-child(2n+2) { margin-right: 0;}
.cont01 ul li a { color: #333; display: block; padding: 15px 10px;}
.cont01 ul li a:hover { background: #086DB0; color: #FFF;}

#tippy-1,#tippy-2,#tippy-3,#tippy-4,#tippy-5,#tippy-6,#tippy-7,#tippy-8,#tippy-9,#tippy-10,#tippy-11 { display: none;}


.cont02 { padding: 5% 2%;}
.cont02 ul {}
.cont02 ul li {}
.cont02 ul li a { display: block; color: #666;}
.cont02 ul li a figure { overflow: hidden;}
.cont02 ul li a figure img {}
.cont02 ul li a:hover figure img { transform: scale(1.1);}
.cont02 ul li a h4 { margin: 10px 5px; font-size: 2.2rem;}
.cont02 ul li a p { margin: 15px 5px; font-size: 1.6rem;}

.cont03 { padding: 5% 2%;}
.cont03 ul {}
.cont03 ul li {}
.cont03 ul li a { display: block; color: #666;}
.cont03 ul li a figure { overflow: hidden;}
.cont03 ul li a figure img {}
.cont03 ul li a:hover figure img { transform: scale(1.1);}
.cont03 ul li a h4 { margin: 10px 5px; font-size: 2.2rem;}
.cont03 ul li a p { margin: 15px 5px; font-size: 1.6rem;}

.cont04 { padding: 5% 2%;}
.cont04 ul {}
.cont04 ul li {}
.cont04 ul li a { display: block; color: #666;}
.cont04 ul li a figure { overflow: hidden;}
.cont04 ul li a figure img {}
.cont04 ul li a:hover figure img { transform: scale(1.1);}
.cont04 ul li a h4 { margin: 10px 5px; font-size: 2.2rem;}
.cont04 ul li a p { margin: 15px 5px; font-size: 1.6rem;}

.cont04 ul li .sb_tit{display: block; font-size: 1.7rem;}

.cont04 ul li .sb_text{display: block; font-size: 1.3rem; margin-top: 5px;}
    

}