/*===========================================================================================*/
/* サービスグラント WEBSITE [Common CSS]
/* 2024.08.20 - 
/*===========================================================================================*/

/*
Theme Name: SERVICE GRANT 2026
Theme URI: https://www.servicegrant.or.jp/
Description: サービスグラントオリジナルテーマ2026
Author: AkuseruDesign
Author URI: https://akuseru-design.com/
Version: 1.0
*/

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300..700&display=swap');
/* font-family:'Noto Sans JP', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300..700&display=swap');
/* font-family:'Noto Serif JP', serif; */
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');
/* font-family: "Teko", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Teko:wght@300..700&display=swap');
/* font-family: "Roboto Condensed", sans-serif; */


/* -------------------------------------------------------------------------
 import.css
------------------------------------------------------------------------- */

@import url("style_common_2026_pc.css?v=20260331") 	only screen and (min-width: 981px);
@import url("style_common_2026_pc.css?v=20260331") 	only screen and (max-width: 980px) and (min-width: 721px);
@import url("style_common_2026_sp.css?v=20260331") 	only screen and (max-width: 720px);
@import url("style_common_2026_pc.css?v=20260331") 	print;

@import url("style_home_2026_pc.css?v=20260331") 	only screen and (min-width: 981px);
@import url("style_home_2026_pc.css?v=20260331") 	only screen and (max-width: 980px) and (min-width: 721px);
@import url("style_home_2026_sp.css?v=20260331") 	only screen and (max-width: 720px);
@import url("style_home_2026_pc.css?v=20260331") 	print;

@import url("style_page_2026_pc.css?v=20260331") 	only screen and (min-width: 981px);
@import url("style_page_2026_pc.css?v=20260331") 	only screen and (max-width: 980px) and (min-width: 721px);
@import url("style_page_2026_sp.css?v=20260331") 	only screen and (max-width: 720px);
@import url("style_page_2026_pc.css?v=20260331") 	print;

@import url("css/corporate.css?v=20260331");
@import url("css/style_01_probono.css?v=20260331");
@import url("css/style_01_04_support.css?v=20260331");

@import url("css/staff_pc.css?v=20260331") 	only screen and (min-width: 981px);
@import url("css/staff_pc.css?v=20260331") 	only screen and (max-width: 980px) and (min-width: 721px);
@import url("css/staff_sp.css?v=20260331") 	only screen and (max-width: 720px);
@import url("css/staff_pc.css?v=20260331") 	print;

/*===========================================================================================*/
/* end */
/*===========================================================================================*/

/* 221122 nagano*/
.youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin-left:auto;margin-right:auto;
}
.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}