@charset "UTF-8";

/*
	Theme Name: すまいるあくしょんフェスタ2024
	Description: LAYOUT & SCRIPT DATA
	Author: リサイト
	Author URI: https://www.resite.jp/

*/

html {font-family: 'Noto Sans JP';}
a{outline:none !important;}
a:focus{outline:none !important;}
li{outline:none !important;}
li:focus{outline:none !important;}
ul,ul li{list-style: none;}



@media all and (min-width:751px) {
*{margin: 0;padding: 0;}
body {background-color: #fff;color: #666;margin: 0px;padding: 0px;position:relative;overflow-x: hidden;font-size: 15px;line-height: 1.7;font-weight: normal;background-image: url(../images/bg.jpg);}
a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}


header{display: block;}
header section{background-color: #009edd;}
header h1{display: block;margin: auto;max-width: 100%;}
header h1 img{display: block;margin: auto;max-width: 1200px;height: auto;width: 100%;}

main{display: block;}
article{width: 100%;display: block;}
			
article section.s1{width: 100%;margin: auto;position: relative;background-color: #1967b2;}
article section.s1 img{margin: auto;display: block;max-width: 1200px;height: auto;width: 100%;}
article section.s1 ul{display: flex;align-items: flex-start;justify-content: center;background-color: #fff000;padding: 40px 0 80px;}

article section.s1 ul li{margin: 0px 10px;}
.col1{display: table;text-decoration: none;color: #ff6600;background-color: #fff;padding: 20px 40px;border-radius: 100px;font-size: 30px;font-weight: bold;text-align: center;margin: auto;border: 5px solid #ff6600;pointer-events: none;opacity: 0.5;}
.col1+small{font-size: 18px;display: block;margin-top: 10px;color: #ff6600;font-weight: bold;text-align: center;}
.col1+small br{display: none;}
.col2{display: table;text-decoration: none;color: #0093d8;background-color: #fff;padding: 20px 40px;border-radius: 100px;font-size: 30px;font-weight: bold;text-align: center;margin: auto;border: 5px solid #0093d8;}

article section.s4{width: 100%;margin: auto;margin-top: 60px;}
article section.s4 img{display: block;max-width: 1200px;height: auto;width: 100%;margin: auto;}
article section.s4 h3{background-color: #e94635;color: #fff;position: relative;display: table;width: 930px;margin: auto;text-align: center;padding: 15px;font-size: 22px;border-radius: 8px 8px 0 0;box-sizing: border-box;}
article section.s4 span{display: table;border: 1px solid #ddd;border-radius: 100px;padding: 5px 30px;text-decoration: none;color: #666;background-color: #fff;font-size: 22px;margin: auto;margin-top: 25px;font-weight: bold;color: #c9ab00;}
article section.s4 a{text-decoration: none;}

article section.s2{width: 100%;margin: auto;position: relative;top: -20px;}
article section.s2 img{display: block;max-width: 1200px;height: auto;margin: auto;width: 100%;}

article section.s3{margin: auto;margin-top: 200px;background-color: #FAF2DF;position: relative;padding-bottom: 60px;}
article section.s3 b{display: table;position: relative;top: -120px;margin: auto;font-size: 26px;color: #0093d8;}
article section.s3 b::after{content: "";position: absolute;width: 20px;border-bottom:4px solid #FFBA75;left:0;right: 0;text-align: center;margin: auto;bottom: -15px;}
article section.s3 img{display: block;position: relative;top: -80px;margin: auto;max-width: 1200px;width: 100%;}
article section.s3 span{display: block;position: relative;top: -60px;text-align: center;width: 1200px;margin: auto;}

article section.s3 ul{display: flex;justify-content: center;align-items: center;margin-top: 30px;}
article section.s3 ul li{display: block;}
article section.s3 ul li a{display: block;}
article section.s3 ul li img{display: block;margin: 0 5px;top: -65px;}


footer{background-color: #14A39A;color: #fff;position: relative;}
footer>img{display: block;margin: auto;position: absolute;top: -120px;left: 0;right: 0;width: 160px;}
footer section{max-width: 1200px;margin: auto;padding: 50px 0 20px;text-align: center;}
footer section div{margin-top: 15px;}
footer section div a{color: #fff;}
footer>small{background-color: #0E766F;display: block;font-size: 10px;text-align: center;padding: 2px 0;}
}









/*--------スマートフォンー-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media all and (max-width:750px) {

*{margin: 0;padding: 0;}
body {background-color: #fff;color: #666;margin: 0px;padding: 0px;position:relative;overflow-x: hidden;font-size: 15px;line-height: 1.7;background-image: url(../images/bg.jpg);}



/*--------ヘッダー--------*/
header{display: block;}
header section{/position: relative;}
header h1{display: block;}
header h1 img{display: block;width: 100%;}

main{display: block;}
article{width: 100%;display:block;}


article section.s1{width: 100%;margin: auto;position: relative;}
article section.s1 img{width:100%;margin: auto;display: block;}
article section.s1 ul{padding: 30px 0 110px;background-color: #fff000;}
article section.s1 ul li{display: block;}
.col1{display: table;text-decoration: none;color: #ff6600;background-color: #fff;padding: 12px;border-radius: 100px;font-size: 22px;font-weight: bold;text-align: center;margin: auto;border: 4px solid #ff6600;margin-top: 10px;width: 90%;box-sizing: border-box;pointer-events: none;opacity: 0.5;}
.col1+small{font-size: 15px;display: block;margin: auto;margin-top: 5px;color: #ff6600;font-weight: bold;text-align: center;width: 90%;}

.col2{display: table;text-decoration: none;color: #0093d8;background-color: #fff;padding: 12px;border-radius: 100px;font-size: 22px;font-weight: bold;text-align: center;margin: auto;margin-top: 15px;border: 4px solid #0093d8;width: 90%;box-sizing: border-box;}


article section.s4{width: 100%;margin: auto;}
article section.s4 img{display: block;margin: auto;width: 90%;height: auto;}
article section.s4 h3{background-color: #e94635;color: #fff;position: relative;display: table;width: 100%;margin: auto;text-align: center;padding: 10px 20px;font-size: 18px;border-radius: 10px 10px 0 0;box-sizing: border-box;}
article section.s4 span{display: table;border: 1px solid #ddd;border-radius: 100px;padding: 5px 20px;text-decoration: none;color: #666;background-color: #fff;font-size: 20px;margin: auto;margin-top: 20px;font-weight: bold;color: #c9ab00;}
article section.s4 a{text-decoration: none;}


article section.s2{width: 100%;margin: auto;margin-top: -80px;position: relative;}
article section.s2 img{display: block;width: 100%;height: auto;}

article section.s3{margin: auto;margin-top: 200px;background-color: #FAF2DF;position: relative;padding-bottom: 60px;}
article section.s3 b{display: table;position: relative;top: -120px;margin: auto;font-size: 24px;color: #0093d8;}
article section.s3 b::after{content: "";position: absolute;width: 20px;border-bottom:4px solid #FFBA75;left:0;right: 0;text-align: center;margin: auto;bottom: -15px;}
article section.s3 img{display: block;position: relative;top: -80px;margin: auto;width: 90%;}
article section.s3 span{display: block;position: relative;top: -60px;text-align: left;width: 95%;margin: auto;font-size: 14px;}
article section.s3 ul{display: flex;justify-content: center;align-items: center;margin-top: 30px;}
article section.s3 ul li{display: block;}
article section.s3 ul li a{display: block;}
article section.s3 ul li img{display: block;margin: 0 5px;width: 55px;height: auto;top: -60px;}


footer{background-color: #14A39A;color: #fff;position: relative;font-size: 13px;}
footer>img{display: block;margin: auto;position: absolute;top: -110px;left: 0;right: 0;width: 150px;}
footer section{width: 95%;margin: auto;padding: 50px 0 20px;text-align: center;}
footer section div{margin-top: 15px;}
footer section div a{color: #fff;}
footer>small{background-color: #0E766F;display: block;font-size: 10px;text-align: center;padding: 2px 0;}


}