@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=KoHo:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=M+PLUS+Rounded+1c&family=Noto+Sans+JP:wght@100..900&display=swap');
/* CSS Document */
html,body {
	font-family: "Noto Sans JP","Noto Sans Japanese","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ",sans-serif;
	/*viewportの設定*/
	/*font-size: 3.2653vw !important;*/
	/*font-size: 16px;*/
	font-feature-settings : "palt";/*自動文字詰め*/
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

img {
    max-width: 100%;
	height: auto;
	margin: 0;
}

.flex{ display: flex}
.inline{ display: inline}
.inlineb{ display: inline-block}

/*テキストリンクの下線トル*/
a{text-decoration: none}

/*画像リンクのクリック・タップ時の遷移*/
a.overblack{
    background-color:#414141;
    display:block;
}

a.overblack:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
a.overwhite{
    background-color:#FFFFFF;
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

/*position*/
.rel {position: relative}
.abs {position: absolute}
.fix {position: fixed}/*固定につかう*/

.full {width:100%;}

.container {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.center {
	text-align: center;
}

.shadow {/*IE11以前に非対応*/
	filter: drop-shadow(1% 1% 5px rgba(0,0,0,.5));
}

.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 20px 0;
    zoom: 0.5;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

/*mediakueri*/
@media (min-width: 1200px){
	/* .container {width: 1200px;} */
}

@media (max-width: 767px){
	.pc{display: none !important;}
}
@media (min-width: 768px){
	.sp{display: none !important;}
}