@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.css");
@import url("font-awesome.min.css"); 
@import url("animate.min.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

/* =======================================================================
作業バッティング防止用です。後日style.cssに移植する内容を記述しています。
CSSの名前：layout.css 
最終更新日時：2025/6/13
--------------------------------------------------------------------------

/* =================================================================
24.howto(howto.xhtml)
=================================================================*/
#howto_page .pc_disp {display: block;}
#howto_page .sp_disp{display: none;}
#howto_page img{width: 100%;margin: 0;}
#howto_page p {margin: 0 0 30px; line-height: 180%;}
#howto_hero {margin: 30px 0 60px;}
#howto_hero h3 {margin: 80px 0 40px; font-size: 21px; font-weight: normal;}
#howto_detail{margin: 100px 0 0;}
#howto_detail h3 {margin: 0 0 20px; font-size: 21px; font-weight: normal;}
#howto_detail .singleborder{margin-bottom: 10px;border-bottom: 1px solid #ccc;}
#howto_detail .detail_point{display: flex;align-items: center;margin: 60px 0;}
#howto_detail .container{width: 50%;}
#howto_detail .container:first-child{padding-right: 30px;}
#howto_detail .container .title_box{display: inline-flex;align-items: center;border-left: 1px solid #000;border-right: 1px solid #000;}
#howto_detail .container .title_box .text{padding: 0 1em;border-left: 1px solid #000;}
#howto_detail .container .title_box .text:first-child{border-left: none;}


@media screen and (max-width: 767px) {
    /* 法人のお客様(howto.xhtml)（767px以下）
	-------------------------------------------------------------*/
	#howto_page .sp_disp{display: block;}
	#howto_page .pc_disp{display: none;}
	#howto_page p {text-align: left; font-size: 14px;}
	#howto_hero h3 {font-size: 18px; margin: 50px 0 30px;}
	#howto_detail{margin: 60px 0 0;}
	#howto_detail h3 {font-size: 17px; margin: 50px 0 30px;}
    #howto_detail .detail_point{display: block;margin: 50px 0;}
    #howto_detail .container{width: 100%;}
	#howto_detail .container:first-child{padding-right: 0;}
	#howto_detail .container .title_box{width: 100%;}
}