@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

/* font setting */

@font-face {
font-family: 'googlefont-r';
font-style: normal;
font-weight: normal;
src: url('https://storage.aiasahi.jp/zdnet/2024/google/fonts/GoogleSans-Regular.ttf') format('truetype');
}


@font-face {
font-family: 'googlefont-m';
font-style: normal;
font-weight: normal;
src: url('https://storage.aiasahi.jp/zdnet/2024/google/fonts/GoogleSans-Medium.ttf') format('truetype');
}


@font-face {
font-family: 'googlefont-b';
font-style: normal;
font-weight: normal;
src: url('https://storage.aiasahi.jp/zdnet/2024/google/fonts/GoogleSans-Bold.ttf') format('truetype');
}

footer{
margin-top:0;
position:relative;
z-index:1000;
}


html {
  scroll-behavior: smooth; /* スムーススクロール */
}


/* base-------------------------------------------------------------------------------- */*/


#width {
  width: 990px;
}

.adspecial_type1 {
  margin: 20px auto;
  text-align: center;
  max-width: 100% !important;
font-feature-settings: "palt";
font-family: "Google Sans", 'Noto Sans JP', sans-serif !important;
}
.adspecial_type1 .frame_header {
  margin-bottom: 10px;
  text-align: left;
}
.adspecial_type1 .frame_col_left_container {
  width: 970px;
  float: left;
  position: relative;
  background: none;
  right: 320px;
  text-align: left;
}


.adspecial_type1 .frame_col_right_container {
  overflow: hidden;
  max-width: 1000px;
  float: none;
  position: relative;
  background: none;
margin:-8% auto 0;
}

.adspecial_type1 .frame_col_left {
  float: left;
  width: 650px;
  position: relative;
  left: 320px;
}
.adspecial_type1 .frame_col_left_inner {
  padding: 0 10px 0 0;
}
.adspecial_type1 .frame_col_right {
  float: left;
  width: 320px;
  position: relative;
  /*left: 350px;*/
right:-350px;
}
.adspecial_type1 .frame_col_right_inner {
  padding: 0 10px;
  width:320px;
}



footer{
margin-top:0;
}



/* フレーム設定-------------------------------------------------------------------------------- */

#adspecial_google_government_tu_4{
margin-left: 0;
padding: 0;
}


#adspecial_google_government_tu_4.adspecial_type1 .frame_col_left_container {
background: none;
}
#adspecial_google_government_tu_4.adspecial_type1 .frame_col_right_container {
background: none;
}


#adspecial_google_government_tu_4.adspecial_type1 .frame_col_left_inner{
padding:0;
}


#block_story{
margin-left:0;
}

#contents{padding:0 !important;}
#content{padding:0 !important;}

#adspecial_google_government_tu_4.adspecial_type1{
width:100%;
margin:0 auto !important;
}

#adspecial_google_government_tu_4.adspecial_type1 .frame_header{
margin-left:0;
margin-bottom:0;
position:relative;
}



#adspecial_google_government_tu_4.adspecial_type1 .article_body .left,
#adspecial_google_government_tu_4.adspecial_type1 .article_body .right{
/*margin:0 auto !important;*/
float:left;
}

#adspecial_google_government_tu_4.adspecial_type1 .article_body .left{
margin:0 15px 15px 0;
}


/*2カラム記事の調整*/


#adspecial_google_government_tu_4.adspecial_type1 .article_body p{
margin:24px 0 !important;
padding-bottom:0 !important;
}



/*写真左右幅調整*/


.article-contents .left,
.article-contents .right{
padding:0;
float:none;
}


.article-contents .left img,
.article-contents .right img,
.article-contents .center img{
border-radius:15px;
}

.article-contents .img-xl{
max-width:300px;
}


#adspecial_google_government_tu_4.adspecial_type1 .photo-box{/*写真横並び*/
display:flex;
justify-content:space-between;
}



/* Headline設定-------------------------------------------------------------------------------- */


#adspecial_google_government_tu_4.adspecial_type1 .frame_header{
position:relative;
width:100%;
height:200px;
}

#adspecial_google_government_tu_4.adspecial_type1 .frame_header::before{
content:"";
position:absolute;
background:url(/extra/google_government_tu_2/media/img_back.png) center top no-repeat;
background-size:cover;
width:100%;
height:100%;
}


#adspecial_google_government_tu_4.adspecial_type1 .head_title{
max-width:100%;
display:flex;
flex-direction:column;
justify-content:center;
color:#202124;
line-height:1.5;
font-feature-settings: "palt";
}

#adspecial_google_government_tu_4.adspecial_type1 .head_title div{
margin:0;
}


#adspecial_google_government_tu_4.adspecial_type1 h1{
width:100%;
font-size:2rem;
display:flex;
flex-direction:column;
margin:0 auto;
max-width:1300px;
}

#adspecial_google_government_tu_4.adspecial_type1 h1 img{
max-width:100%;
width: auto;
height:auto;
}




/* add --------------------------------------------------------------------------------------- */


#adspecial_google_government_tu_4.adspecial_type1 .pc-view{
display:block;
}

#adspecial_google_government_tu_4.adspecial_type1 .sp-view{
display:none;
}

  @media screen and (max-width: 960px) {
    #adspecial_google_government_tu_4.adspecial_type1 .pc-view{
      display:none;
  }

    #adspecial_google_government_tu_4.adspecial_type1 .sp-view{
      display:block;
  }
}



/* mainvisual */

#adspecial_google_government_tu_4.adspecial_type1 .government-main-visual{
margin:0 auto 10px;
}

#adspecial_google_government_tu_4.adspecial_type1 .government-main-visual img{
border-radius:15px;
max-width:640px;
}


/* logo */

#adspecial_google_government_tu_4.adspecial_type1 .logo-block img{
margin:10px auto;
max-width:300px;
}


/* section */

#adspecial_google_government_tu_4.adspecial_type1 .lead-block{
margin-bottom:48px;
}


#adspecial_google_government_tu_4.adspecial_type1 .heading{/*小見出し用*/
font-size:1rem;
font-weight:bold;
margin:48px 0 0 0;
display:block;
}

#adspecial_google_government_tu_4.adspecial_type1 .section-img{/*セクション内アイキャッチ画像用*/
margin: 24px auto 48px;
}
#adspecial_google_government_tu_4.adspecial_type1 .section-img img{/*セクション内アイキャッチ画像用*/
border-radius:15px;
max-width:640px;
}


#adspecial_google_government_tu_4.adspecial_type1 h2{
/*color:#4285f4;*/
color:#080e14;
margin:48px auto 24px;
padding:0;
}
#adspecial_google_government_tu_4.adspecial_type1 h2.main-title{
margin-top:48px;
font-size:1.85rem;
line-height: 1.5;
}



#adspecial_google_government_tu_4.adspecial_type1 h3{
/*color:#4285f4;*/
color:#000;
font-size:1.25rem;
text-align:center;
padding:20px;
line-height:1.3;
}

.rounded{/*角丸*/
border-radius:15px;
border:1px solid #848991;
}



/* infomation */

#adspecial_google_government_tu_4.adspecial_type1 .info-block{
overflow: hidden;
background-color: #f8f9fa;
margin:0 0 48px;
}

#adspecial_google_government_tu_4.adspecial_type1 info-block__title{
background-color: #d2e3fc;
border-bottom:1px solid #848991;
padding:20px 0;
text-align:center;
color:#000;
}

#adspecial_google_government_tu_4.adspecial_type1 .info-block__content{
padding: 20px;
}

#adspecial_google_government_tu_4.adspecial_type1 .info-block__content p{
padding:0 0 10px 0 !important;
}



/* infomation 人物紹介 */

#adspecial_google_government_tu_4.adspecial_type1 .info-block__content .person__content{
/*display:grid;
grid-template-columns: 1fr 1fr;
gap:10px;*/
}

#adspecial_google_government_tu_4.adspecial_type1 .info-block__content .person__content p{
font-size:0.8rem;
line-height:1.6;
margin:0 !important;
display:flex;
}



#adspecial_google_government_tu_4.adspecial_type1 .info-block__content .person__content img{
width:80px;
margin-right:10px;
margin-bottom:10px;
border-radius:10px;
display:block;
}




/* 共通シャドウ */
#adspecial_google_government_tu_4.adspecial_type1 .box-shadow{
box-shadow: 0 0 25px #f0f0f0;
border-radius: 20px;
border: 1px #3186ff solid;
}

#adspecial_google_government_tu_4.adspecial_type1 .case-title-box div{
text-align: center;
}

#adspecial_google_government_tu_4.adspecial_type1 .case-title-box img{
max-width: 15%;
}






/* まとめ アンケート */

#adspecial_google_government_tu_4.adspecial_type1 .matome-box{
overflow: hidden;
background-color: #F4FAFF;
}

#adspecial_google_government_tu_4.adspecial_type1 .matome-header{
background-color: #3186ff;
}

#adspecial_google_government_tu_4.adspecial_type1 .matome-header .case-title{
color: #fff !important;
text-align: center;
margin: 0;
padding: 16px 0 !important;
}

#adspecial_google_government_tu_4.adspecial_type1 .matome-body{
padding: 20px 20px 10px 20px;
}

#adspecial_google_government_tu_4.adspecial_type1 .matome-body p{
margin: 0 !important;
padding:0 0 10px 0 !important;
}



#adspecial_google_government_tu_4.adspecial_type1 .enq-box{
margin:36px auto;
overflow: hidden;
/*background-color: #F4FAFF;*/
background-color:#dcf1ff;
}

#adspecial_google_government_tu_4.adspecial_type1 .enq-header{
background-color: #3186ff;
}

#adspecial_google_government_tu_4.adspecial_type1 .enq-header .case-title{
color: #fff !important;
text-align: center;
margin: 0;
padding: 24px 0 !important;
}

#adspecial_google_government_tu_4.adspecial_type1 .enq-body{
padding: 20px 20px 10px 20px;
}

#adspecial_google_government_tu_4.adspecial_type1 .enq-body p{
margin: 0 !important;
padding:0 0 10px 0 !important;
}




/* ===== ここからslide ===== */

#adspecial_google_government_tu_4.adspecial_type1 .case-slide-wrap{
margin: 0 auto 20px;
}

#adspecial_google_government_tu_4.adspecial_type1 .case-slide{
position: relative;
}

#adspecial_google_government_tu_4.adspecial_type1 .case-slide img{
display: block;
/*width: 100%;*/
max-width:640px;
height: auto;
border-radius:15px;
}

#adspecial_google_government_tu_4.adspecial_type1 .case-slide .splide__slide{
margin: 0 !important;
}



/* キャプション：画像とページネーションの間 */
#adspecial_google_government_tu_4.adspecial_type1 .case-slide-wrap .slide-caption{
text-align: center;
margin: 8px 10px !important;
color: #333;
font-size: 14px;
line-height: 1.4;
}

/* ページネーション：通常配置（キャプション下） */
#adspecial_google_government_tu_4.adspecial_type1 .case-slide-wrap .splide__pagination{
position: static !important;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin: 0 !important;
padding: 0 0 12px !important;
}

/* ページネーション：未選択（白丸 + 青ボーダー） */
#adspecial_google_government_tu_4.adspecial_type1 .case-slide-wrap .splide__pagination__page{
background: #fff !important;
border: 1px solid #3186ff !important;
opacity: 1 !important;
width: 10px;
height: 10px;
margin: 0 !important;
}

/* ページネーション：選択中（青塗り） */
#adspecial_google_government_tu_4.adspecial_type1 .case-slide-wrap .splide__pagination__page.is-active{
background: #3186ff !important;
border-color: #3186ff !important;
transform: scale(1) !important;
}

/* 左右矢印：白背景 + 青ボーダー / 矢印色も青 */
#adspecial_google_government_tu_4.adspecial_type1 .case-slide .splide__arrow,
#adspecial_google_government_tu_4.adspecial_type1 .case-slide .splide__arrow:hover,
#adspecial_google_government_tu_4.adspecial_type1 .case-slide .splide__arrow:focus,
#adspecial_google_government_tu_4.adspecial_type1 .case-slide .splide__arrow:disabled{
background: #fff !important;
border: 1px solid #3186ff !important;
opacity: 1 !important;
box-shadow: none !important;
}

#adspecial_google_government_tu_4.adspecial_type1 .case-slide .splide__arrow svg,
#adspecial_google_government_tu_4.adspecial_type1 .case-slide .splide__arrow svg path{
fill: #3186ff !important;
}


/* ===== ここまでslide ===== */



/* 右枠設定-------------------------------------------------------------------------------- */


/*右枠アンカーリンク設定*/


#adspecial_google_government_tu_4.adspecial_type1 .block_right_info{
margin-bottom:20px;
padding:8px;
border-radius:15px;
background-color:#fff;
border:1px solid #55595d;
}


#adspecial_google_government_tu_4.adspecial_type1 .right-link-block{
max-width:98%;
}
#adspecial_google_government_tu_4.adspecial_type1 .right-link-block.page-link-block{
margin:0;
}

#adspecial_google_government_tu_4.adspecial_type1 .right-link-block a{
display:flex;
flex-direction: column;
gap:4px;
padding:8px;
border-top:1px solid #000;
font-weight:500;
font-feature-settings: "palt";
position:relative;
}

#adspecial_google_government_tu_4.adspecial_type1 .right-link-block.page-link-block a{
padding:8px;
font-size:0.9rem;
}
#adspecial_google_government_tu_4.adspecial_type1 .right-link-block.page-link-block a:first-child{
border-top:none;
}



#adspecial_google_government_tu_4.adspecial_type1 .right-link-block a .title img{
margin-right:10px;
}


#adspecial_google_government_tu_4.adspecial_type1 .right-link-block a .explanation{
font-size: 14px !important;
}


#adspecial_google_government_tu_4.adspecial_type1 .right-link-block a:hover,
#adspecial_google_government_tu_4.adspecial_type1 .right-link-block a.page-on{
background-color:#d1e3fb;
color:#000 !important;
}


#adspecial_google_government_tu_4.adspecial_type1 .right-link-block .number{
margin-right:5px;
}





/* end add ----------------------------------------------------------------------------------- */



/* ヘッダー＆フッター広告表記 2024～
-------------------------------------------------------------------------------------------------------*/


.header_sponsored_area{
    width:100%;
    /*background-color:#fff;*/
    color:#000;
    font-size:14px;
    text-align:right;
    padding:15px 20px;
    position:relative;
    z-index:1000;
}

.header_sponsored_area span{
    margin:0;
    line-height:1.3;
    display:block;
}


.block_sponsored{
    clear:both;
    padding:25px 0 0 0;
}

.block_sponsored_area{
    clear:both;
    background-color:#fff;
    color:#000;
    font-size:14px;
    border:1px solid #000;
    margin:25px auto;
    padding:15px 15px 10px;
    max-width:760px;
    position:relative;
    z-index:1000;
}

.block_sponsored_area span{
    margin:5px 0;
    text-align:left;
    display:block;
}


.block_sponsored_area:before{
    display: block;
    content: "PR";
    position: absolute;
    top: -12px;
    left: 30px;
    width: 40px;
    height: 30px;
    text-align: center;
    background-color: #fff;
}




#adspecial_google_government_tu_4.adspecial_type1 .block_sponsored{
width:100%;
margin:40px auto 0 !important;
padding:5px 0 !important;
background-color:#b0b0b0;
border-top:1px solid #ccc !important;
color:#fff;
}


#adspecial_google_government_tu_4.adspecial_type1 .block_sponsored {
  clear: both;
  /*border: 1px solid #ccc;*/
  background-color:#fff;
  padding: 10px;
}






@media screen and (max-width: 960px) {
  #adspecial_google_government_tu_4.adspecial_type1,
  #adspecial_google_government_tu_4.adspecial_type1 .frame_col_right_container,
  #adspecial_google_government_tu_4.adspecial_type1 .frame_col_left_container,
  #adspecial_google_government_tu_4.adspecial_type1 .frame_col_left,
  #adspecial_google_government_tu_4.adspecial_type1 .frame_col_right {
    width: auto !important;
    float: none;
  }
  #adspecial_google_government_tu_4.adspecial_type1 .article_body .left,
  #adspecial_google_government_tu_4.adspecial_type1 .article_body .right,
  #adspecial_google_government_tu_4.adspecial_type1 .article_body .center {
    float: none;
    /*max-width: 100%;*/
    text-align: center;
  }


#adspecial_google_government_tu_4.adspecial_type1 .article_body .left,
#adspecial_google_government_tu_4.adspecial_type1 .article_body .right{
max-width:100%;
margin:0 auto !important;
}


  #adspecial_google_government_tu_4.adspecial_type1 img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto;
    margin: 0 auto 10px;
  }

  #adspecial_google_government_tu_4.adspecial_type1 .block_right_plink {
    display: none;
  }


  #adspecial_google_government_tu_4.adspecial_type1 .frame_col_right_inner{
margin:0 auto;
}


#adspecial_google_government_tu_4.adspecial_type1 .frame_col_left{
padding:10px;
}


#adspecial_google_government_tu_4.adspecial_type1 .frame_col_right{
right:-320px;/*レスポンシブ用の位置調整*/
}


#adspecial_google_government_tu_4.adspecial_type1 .block_right_info img{
margin:0;
display:inline !important;
}

#adspecial_google_government_tu_4.adspecial_type1 .block_right_info.extra-link,
#adspecial_google_government_tu_4.adspecial_type1 .block_right_info.page-link{
display:none;
}


/* banner */

#adspecial_google_government_tu_4.adspecial_type1 .banner-block img{
margin:0 auto !important;
}


/* logo */

#adspecial_google_government_tu_4.adspecial_type1 .logo-block img{
margin:0 auto !important;
}


/* infomation */

#adspecial_google_government_tu_4.adspecial_type1 .info-block{
margin:24px;
} 






}


@media screen and (max-width: 640px) {


#adspecial_google_government_tu_4.adspecial_type1 .photo-box{/*写真横並び*/
display:block;
margin:20px auto;
}


/* infomation 人物紹介 */

#adspecial_google_government_tu_4.adspecial_type1 .info-block__content .person__content{
display:block;
}

#adspecial_google_government_tu_4.adspecial_type1 .info-block__content .person__content .person__inner{
width:100%;
}

#adspecial_google_government_tu_4.adspecial_type1 .info-block__content .person__content img{
margin:0 !important;
}



}