@charset "UTF-8";

.topvisual_image {
	margin-left:5vw;
        
}
.topvisual_image img {
        max-width: none;
	width: 90vw;
	max-height: auto;
	object-fit: cover;
	object-position:;
}

.item2 {
	max-width: 500px;
	margin: auto;
        margin-top:50px;
	padding-left: 20px;
	padding-right: 20px;
}
.item2 p{
	font-size:1.0rem;
        line-height:1.5;
        color:black;
}
#item2_add{
        text-align:center;
        font-size:1.1em;
}
#item2_add_ex {
        font-size:4.0vw;
}
#item2_add2{
        text-align:center;
        font-size:5.0vw;
}
#item2_add2_ex {
       font-size:4.0vw;
}

.topvisual_container {
	display :grid;
        grid-template-columns:repeat(1, 1fr);
        gap:2fr;
        
}
.portal{
        width:60vw;
}
/*----------------------------------------------------*/
/* for PC */
@media screen and (min-width: 768px) {


.item2 {
	max-width:42vw;
	margin: auto;
        margin-top:50px;
	padding-left: 20px;
	padding-right: 10px;
}
.item2 p{
	/*font-size:1.5vw;*/
        line-height:1.8;
        color:black;
}
#item2_add{
        text-align:center;
        font-size:1.6em;
}
#item2_add_ex{
        font-size:1.2vw;
}
#item2_add2{
        text-align:center;
        font-size:1.6em;
}


#item2_add2_ex{
       font-size:1.4em;
      
}
#item2_add2_ex a{
       font-size:1.4em;
       text-decoration:;
       color:black;
       font-weight:bold;
}
#item2_add2_ex a:hover{
       color:blue;
       font-weight:bold;
}

.head_message_2 {
     display:flex;
     flex-direction:row;
     justify-content:space-between;
     width:70vw; 
     margin:auto;   
}
.topvisual_image {
	margin-left:;
        margin-top:10vh;
}
.topvisual_image img {
        max-width: none;
	width:30vw;
        padding-right:0vw;
       
	max-height:auto;
	object-fit:contain ;
	object-position:absolute;
}
.topvisual_container {
	display :grid;
        grid-template-columns:repeat(3, 1fr);
        gap:1vw;         
}
.portal{
        width:20vw;
}
}