/* --------------------------------------
  Mobile Styling
-------------------------------------- */
@charset"UTF-8";

h1 {font-size: 2rem;}
h2 {font-size: 1rem;}
h1 {margin-bottom: 25px;}
h2 {margin-bottom: 25px;}
h2 > i {margin-right: 10px;}
h3 {margin-bottom: 20px;
  　font-size: 1.5rem;}
/* -----　Reusable Classes　----- */
.container {padding: 0 20px;}
/* -----　Header　----- */
#header, #header1, #header2, #header3, #header4, #header5 {
  padding: 15px 20px;}
#hlogoimg, #hlogoimg1, #hlogoimg2, #hlogoimg3, #hlogoimg4, #hlogoimg5 {
  width: 40px;}
#hlogotitle, #hlogotitle1, #hlogotitle2, #hlogotitle3, #hlogotitle4, #hlogotitle5 {
  display: none;}
#hnavmhome > a, #hnavmworks > a, #hnavmabout > a, #hnavmcontact > a, #hnavmhome1 > a, #hnavmworks1 > a, #hnavmabout1 > a, #hnavmcontact1 > a, #hnavmhome2 > a, #hnavmworks2 > a, #hnavmabout2 > a, #hnavmcontact2 > a, #hnavmhome3 > a, #hnavmworks3 > a, #hnavmabout3 > a, #hnavmcontact3 > a, #hnavmhome4 > a, #hnavmworks4 > a, #hnavmabout4 > a, #hnavmcontact4 > a, #hnavmhome5 > a, #hnavmworks5 > a, #hnavmabout5 > a, #hnavmcontact5 > a {
  margin-left: 20px;}
/* -----　Main - Hero　----- */
.main-hero {padding: 100px 0 80px;}
.main-hero-highlight-links p {margin-bottom: 20px;}
.main-hero-highlight-links p > br {display: none;}
.main-hero-img {display: none;}
/* -----　Main - Works　----- */
.main-works {padding: 80px 0;}
.main-works-item {margin-bottom: 50px;}
.main-works-item-img {margin-bottom: 40px;}
.main-works-item-text p:last-of-type {margin-bottom: 30px;}
/* -----  Main - About　----- */
.main-about {padding: 80px 0 60px;}
.main-about-img {text-align: center;}
.main-about-img .mobile {
  max-width: 200px;
  margin-bottom: 40px;
  border-radius: 50%;}
.main-about-img .tablet-and-up {display: none;}
.main-about-description,
.main-about-addition-skills {margin-bottom: 30px;}
.main-about-addition-skills ul,
.main-about-addition-skills li {margin-bottom: 10px;}
/* -----　Footer　----- */
.footer {padding: 60px 0 10px;}
#fform, #footer1-form1, #footer2-form2, #footer3-form3, #footer4-form4, #footer5-form5 {margin-bottom: 80px;}
#fform-input, #footer1-form1-input1, #footer2-form2-input2, #footer3-form3-input3, #footer4-form4-input4, #footer5-form5-input5 {
  margin-bottom: 10px;}
#fform-textarea, #footer1-form1-textarea1, #footer2-form2-textarea2, #footer3-form3-textarea3, #footer4-form4-textarea4, #footer5-form5-textarea5 {margin-bottom: 20px;}
#finfo, #footer1-info1, #footer2-info2, #footer3-info3, #footer4-info4, #footer5-info5 {
  display: flex;
  align-items: center;
  flex-direction: column;}
#finfo-nav, #footer-info-follow, #footer1-info1-nav1, #footer1-info1-follow1, #footer2-info2-nav2, #footer2-info2-follow2, #footer3-info3-nav3, #footer3-info3-follow3, #footer4-info4-nav4, #footer4-info4-follow4, #footer5-info5-nav5, #footer5-info5-follow5 {
  margin-bottom: 40px;}
#finfo-nav, #footer1-info1-nav1, #footer2-info2-nav2, #footer3-info3-nav3, #footer4-info4-nav4, #footer5-info5-nav5 {
  display: flex;
  align-items: baseline;}
#finfo-nav-menu ul, #footer1-info1-nav1-menu1 ul, #footer2-info2-nav2-menu2 ul, #footer3-info3-nav3-menu3 ul, #footer4-info4-nav4-menu4 ul, #footer5-info5-nav5-menu5 ul {display: flex;}
#finfo-nav-menu li, #footer1-info1-nav1-menu1 li, #footer2-info2-nav2-menu2 li, #footer3-info3-nav3-menu3 li, #footer4-info4-nav4-menu4 li, #footer5-info5-nav5-menu5 li {margin-left: 20px;}
#finfo-nav-img, #footer1-info1-nav1-img1, #footer2-info2-nav2-img2, #footer3-info3-nav3-img3, #footer4-info4-nav4-img4, #footer5-info5-nav5-img5 {width: 60px;}
/* -----　Page - Work　----- */
.main-article {padding: 80px 0;}