@charset "UTF-8";

/*
CSS Document
Copyright (C) GLOBAL ASSET MOTIONS CO., LTD All Rights Reserved.
URL:www.glam.ne.jp
*/



@import url("parts.css");
@import url("home.css");



/* ----------------------------------------------------------
  RESETTING DEFAULT
---------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}
/*
:root {
  --yellow: #FBF78C;
	  --ja: "Kiwi Maru", serif;
	--en: "Quicksand", sans-serif;
	  --blue: #2C4A69;
  --purple: #8357E8;
  --orange: #FDC395;
  --green: #98DCCF;
  --pink: #E4AAC2;
}
	*/
/*	test01*/
/*  --yellow: #F8FF4B;
  --blue: #2C4A69;
  --purple: #A84AFF;
  --orange: #FFD54A;
  --green: #00E1C2;
  --pink: #FF719A;*/
	
	

	
/*　--ja: "Noto Sans JP", sans-serif;
　--en: "Montserrat", sans-serif;*/
  


:root {
  --yellow: #EAF205;
  --blue: #2C4A69;
  --purple: #E343EE;
  --orange: #F2B705;
  --green: #04BFAD;
  --pink: #F288C2;
	
	--ja: "Noto Sans JP", sans-serif;
   /* --en: "Montserrat", sans-serif;*/	
}	



/* ----------------------------------------------------------
   GENERAL
---------------------------------------------------------- */

body {
    margin: 0px;
    font-family:  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo, '游ゴシック体', 'Yu Gothic', YuGothic, 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, Osaka, Sans-Serif;
    font-family: 'Noto Sans JP', sans-serif;
	/*font-size: 16px;*/
	font-size: 18px;
	color: #2C4A69;

	background-color: #F4F4F4;
    overflow-y: scroll;
	box-sizing: border-box;
}

p{
	letter-spacing: 0.1em;
}

a{
	color: #2C4A69;
}


a:link,
a:visited,
a:active,
a:hover {
    text-decoration: none;
}

a:hover img	{
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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



/* --------------------------------------------------
   HEADER AREA
-------------------------------------------------- */

.wrapper_header{
    width: 100%;
    position: fixed;
/*    top: 2rem;*/
    z-index: 20;
    top: 0;
    left: 50%;
      transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
    height: 100px;

}




h1{
/*	position: fixed;
	top: 3vh;
	left: 3vw;*/
/*	width: 35%;*/
    width: 100%;
	max-width: 500px;
    margin: 2rem auto;
}

h1 img{
	width: 100%;
    height: auto;
}




  .sidebar {
    display: block;
    position: fixed;
    top: 100px;
    /*width: 200px;*/
    height: 100vh;
/*    background: #f3f3f3;*/
    padding: 1rem;
      /*background-image: url("../../home/illust_01.png");*/
      width: calc((100vw - 685px)/2) ;
  }

.left{
/*    background-image: url("../img/light_ship_logo_mini.png");
    background-size: 100px;
    background-position: right;
    background-repeat: no-repeat;*/
}

  .sidebar.left {
    left: 0;
  }

  .sidebar.right {
    right: 0;
  }

  .content {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
    height: 85vh;
    overflow-y: auto;
    background: #fff;
    padding: 2rem 5vw;
    width: 100%;
    max-width: 685px;
    z-index: 1; 
    scrollbar-width: none; /* Firefox用 */
  -ms-overflow-style: none; /* IE, Edge旧対応 */
      border: 10px solid #EAF205; 
      border-radius: 12px;
  }
.content::-webkit-scrollbar {
  display: none; /* Chrome, Safari, 新Edge */
}


.submission_button{
    text-align: center;
    margin-bottom: 2rem;
}


.download_box{
    margin-bottom: 3rem;
}

p.ct_title{
    font-size: 1.3rem;
    text-align: center;
    font-weight: 600;
 /*   margin-bottom: 1rem;*/
}

p.ct_subtitle{
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

span.marker {
    background: linear-gradient(transparent 70%, #F8C312 70%);
}

ul.download_list li + li{
    margin: 2em 0;
}

ul.download_list li a{
    text-decoration: underline;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    TABLET

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



@media only screen and (max-width: 1199px){
	
	
/* ----------------------------------------------------------
   HEADER - TA
---------------------------------------------------------- */


	
h1{
	/*top: calc(5vh + 10px);*/
	top: 4vh;
	/*min-width: 250px;*/
	min-width: 400px;
	width: 40%;
}

h1 img{
	width: 100%;
}





/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    SMART PHONE

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



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



/* ----------------------------------------------------------
   GENERAL - SP
---------------------------------------------------------- */
	
	

body {
	font-size: 14px;
}

/* ----------------------------------------------------------
   HEADER AREA  -  SP
---------------------------------------------------------- */


h1{
	top: 3.5vh;
	min-width: 250px;
	width: 60%;

}
    
    

p.ct_title{
/*    font-size: 1.3rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 3rem;*/
    font-size: 1.1rem;
}

p.ct_subtitle{
/*    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 2rem;*/
    font-size: 1.1rem;
}

/*h1{
	top: calc(5vh + 10px);
	top: 4vh;
	min-width: 250px;
	min-width: 400px;
	width: 40%;
}*/


}



/*** END ***/