@charset "utf-8";
/* ------------------------------------------------------------ fv */
body { font-family: "Lato","游ゴシック体","Noto Sans Japanese","ヒラギノ角ゴ Pro w3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", "Arial", sans-serif}

.sp { display: none; }
#fv { margin: 0 auto; width: 1000px; padding: 0 0 26px; }

#service .service { width: 1000px; margin: 0 auto; text-align: center; padding: 0 0 110px; }
#service .service h2 { font-size: 36px; color: #0f68ba; }
#service .service h2 span { display: block; color: black; font-size: 16px; padding: 0 0 40px 0; }
#service .service p { font-size: 16px; }

#studio .studio { width: 1000px; margin: 0 auto; padding: 0 0 80px; }
#studio .studio h2 { padding: 0 0 30px; font-size: 26px; }
#studio .studio .guide { padding: 45px 0 65px; border-top: 1px solid #d8d8d8; }
#studio .studio .guide .photo { display: block; width: 500px; float: left; }
#studio .studio .guide .link { width: 435px; float: left; padding: 0 0 0 65px; }
#studio .studio .guide .link h3 { font-size: 24px; color: #0f68ba; padding: 0 0 20px; }
#studio .studio .guide .link p { font-size: 16px; padding: 0 0 20px; line-height: 30px; }
#studio .studio .guide .link a { display: inline; color: #0f68ba; border-bottom: #b6c4df 1px solid; font-size: 16px; line-height: 18px; }
#studio .studio .guide .link a img { padding: 0 0 20px; width: 100%; height: auto; }
#studio .studio .guide .link li { font-size: 16px; }

/* ------------------------------------------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

.sp { display: block; }

#studio .studio .guide .photo,{ float: none; }

#service { padding: 20px 0 30px; }
#service .service { width: 94%; padding: 0 0 30px; }
#service .service h2 { font-size: 24px; }
#service .service h2 span { font-size: 14px; padding: 0 0 20px; }

#studio .studio { width: 94%; padding: 0; }
#studio .studio .guide { padding: 30px 0; }
#studio .studio .guide h2 { font-size: 20px; text-align: center; font-weight: bold; line-height: 100%; }
#studio .studio .guide .photo { width: 100%; }
#studio .studio .guide .photo img { width: 100%; height: auto; }
#studio .studio .guide .link { width: 100%; padding: 0; text-align: center; }
#studio .studio .guide .link h3 { text-align: center; padding: 20px 0 0; font-size: 20px; }
#studio .studio .guide .link p { font-size: 14px; line-height: 26px; text-align: left; padding: 24px 0 14px; }
#studio .studio .guide .link a { display: inline; }
#studio .studio .guide .link a img { padding: 20px 0 0; width: 70%; height: auto; }
#studio .studio .guide .link li { text-align: left; font-size: 14px; }
#studio .studio .guide .link li:first-child { padding: 20px 0 0; }

}